@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);
;

*,
.pricing-section .nav,
.pricing-section-4 .nav,
a img {
      border: none
}

:active,
:focus,
button {
      outline: 0 !important
}

.contact-info p i,
.list-style-one,
.list-style-one li,
.nav-links,
.nav-links .prev,
.scroll-to-top,
.social-icon-one,
.team-details__social,
.team-details__social a {
      display: -webkit-box;
      display: -ms-flexbox
}

.btn-style-four,
.fix,
.header-btn-main,
.mobile-menu-visible,
.page-wrapper,
.preloader,
.search-popup,
textarea {
      overflow: hidden
}

.help-shape-1,
.help-shape-2 {
      mix-blend-mode: soft-light;
      position: absolute
}

.banner-box-two .inner-box,
.blog-details__date,
.hidden-bar .inner-box,
.mobile-menu .menu-box,
.product-block .icon-box,
.product-block-two .inner-box,
.team-single-box .social-links,
.team-single-box-two .social-links {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal
}

.sidebar__category-list li a:hover,
.sidebar__category-list li.active a {
      text-shadow: 1px 0 0 rgba(14, 34, 7, .5);
      color: var(--theme-color-white);
      background-color: var(--body-bg)
}

.contact-item,
.sidebar-area .sidebar__body .sidebar__contact-info li,
li,
ul {
      list-style: none
}

@property --gradient-angle {
      syntax: "<angle>";
      initial-value: 90deg;
      inherits: false
}

:root {
      --theme-color1: #ffffff;
      --theme-color2: #000;
      --theme-color3: #fee17c;
      --theme-color4: #0a0a0a;
      --theme-color1-rgb: hexToRGB(#fcdb66);
      --theme-color2-rgb: hexToRGB(#000);
      --theme-color3-rgb: hexToRGB(#fee17c);
      --theme-color4-rgb: hexToRGB(#0a0a0a);
      --theme-color1-text-color: #000000;
      --theme-color2-text-color: #fff;
      --theme-color3-text-color: #000;
      --theme-color4-text-color: #000;
      --body-bg: #111;
      --theme-color-white: #ffffff;
      --theme-color-white-rgb: 255, 255, 255;
      --theme-color-light: #f2f8f9;
      --theme-color-gray: #f6f6f6;
      --theme-color-silver: #eee;
      --theme-color-black: #000000;
      --theme-color-black-rgb: 0, 0, 0;
      --text-color: #a1a1a1;
      --headings-color: #fff;
      --link-color: #352f27;
      --link-hover-color: #5b8c51;
      --body-font-family: "Noto Sans", sans-serif;
      --heading-font-family: "Plus Jakarta Sans", sans-serif;
      --body-font-size: 16px;
      --body-line-height: 1.8;
      --body-font-weight: 400;
      --line-height-heading-h1: 1em;
      --line-height-heading: 1.333em;
      --line-height-heading-small: 1.4em;
      --h1-font-size: 70px;
      --h2-font-size: 42px;
      --h3-font-size: 30px;
      --h4-font-size: 24px;
      --h5-font-size: 20px;
      --h6-font-size: 15px;
      --h1-font-weight: 700;
      --h2-font-weight: 500;
      --h3-font-weight: 500;
      --h4-font-weight: 500;
      --h5-font-weight: 500;
      --h6-font-weight: 500;
      --sec-title-subtitle-color: var(--theme-color-white);
      --sec-title-subtitle-font-size: 15px;
      --sec-title-subtitle-font-family: var(--heading-font-family);
      --sec-title-subtitle-font-weight: 400;
      --sec-title-subtitle-line-height: 1em;
      --small-font-size: 14px;
      --sec-title-color: var(--headings-color);
      --sec-title-font-size: var(--h2-font-size);
      --sec-title-font-family: var(--heading-font-family);
      --sec-title-font-weight: var(--h2-font-weight);
      --theme-light-background: #f1f3f3;
      --theme-light-background-text-color: var(--headings-color);
      --theme-black: #131313;
      --container-width: 1350px;
      --small-container-width: 1050px;
      --large-container-width: 1550px;
      --container-pt: 120px;
      --container-pb: 120px;
      --gradient-1: linear-gradient(to right,
                  var(--theme-color2) 0%,
                  rgba(255, 255, 255, 0) 100%)
}

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

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

.bg,
.bg-cover {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center
}

::-webkit-input-placeholder {
      color: #62736f
}

::-moz-input-placeholder {
      color: #62736f
}

::-ms-input-placeholder {
      color: #62736f
}

.text,
body,
p {
      color: var(--text-color);
      font-size: var(--body-font-size);
      font-family: var(--body-font-family);
      font-weight: var(--body-font-weight);
      line-height: var(--body-line-height)
}

body {
      background-color: var(--body-bg);
      background-attachment: fixed;
      -ms-word-wrap: break-word;
      word-wrap: break-word;
      counter-reset: my-sec-counter;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased
}

.main-menu .navigation>li>a,
.theme-btn,
.theme-style-btn a,
h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: var(--heading-font-family)
}

h1,
h2 {
      font-weight: var(--h4-font-weight)
}

h2,
h3 {
      line-height: var(--line-height-heading)
}

h4,
h5,
h6 {
      line-height: var(--line-height-heading-small)
}

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

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
      font-weight: 400;
      line-height: 1;
      color: var(--headings-color)
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
      color: inherit;
      font-weight: inherit
}

h1 {
      font-size: var(--h1-font-size);
      line-height: var(--line-height-heading-h1)
}

h2 {
      font-size: var(--h2-font-size)
}

h3 {
      font-size: var(--h3-font-size);
      font-weight: var(--h3-font-weight)
}

h4 {
      font-size: var(--h4-font-size);
      font-weight: var(--h4-font-weight)
}

h5 {
      font-size: var(--h5-font-size);
      font-weight: var(--h5-font-weight)
}

h6 {
      font-size: var(--h6-font-size);
      font-weight: var(--h6-font-weight)
}

.contact-forms .form-group:last-child,
.contact-forms-two .form-group:last-child,
.list-style-three li:last-child,
.list-style-two li:last-child,
.services-section-two .sec-title,
.skills .skill-item:last-child,
.team-single-box .image-box .image2,
.team-single-box-two .info-box .name,
.why-choose-us-section .sec-title,
table p {
      margin-bottom: 0
}

.service-card-style-4 .icon,
p {
      margin-bottom: 20px
}

.list-style-one.light a:hover,
p a:not(.button):not(.btn):focus,
p a:not(.button):not(.btn):hover {
      text-decoration: underline
}

a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: var(--body-font-weight);
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

a:focus,
a:hover {
      color: inherit;
      text-decoration: none;
      outline: 0
}

.category-block .image img,
.category-block h4 a,
.category-block-two .image img,
a b,
a strong {
      -webkit-transition: .3s;
      transition: .3s
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li:not(:last-child),
.our-team-intro,
.sidebar-area .sidebar__body .sidebar__contact-info li:not(:last-child),
address,
blockquote,
dd,
dl,
fieldset,
ol,
pre,
table,
ul {
      margin-bottom: 10px
}

*,
.testimonial-section-two .container-fluid,
.work-section-two .container-fluid,
li,
ol,
ul {
      padding: 0;
      margin: 0
}

ol,
ul {
      list-style-position: inside
}

b,
strong {
      color: #333;
      font-weight: var(--body-font-weight-bold)
}

iframe {
      border: none !important
}

.about-section-four .content-column .inner-column .sec-title .text,
.about-section-four .image-column .inner-column .image-one img,
.container .container,
.default-tabs .tab .image img,
.menubars span:nth-child(2),
.news-block .content-box .title:hover span::before,
.news-block .content-box .title:hover strong::before,
.product-details .bxslider .image-box img,
.service_single_item-2 .service-img img,
.why-choose-us-section .choose-thumb img {
      width: 100%
}

.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
      padding-left: 0;
      padding-right: 0
}

section>.container,
section>.container-fluid {
      padding-top: var(--container-pt);
      padding-bottom: var(--container-pt)
}

@media (min-width:1400px) {

      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
            max-width: var(--container-width)
      }
}

.form-control,
.input-text {
      height: calc(2.25rem + 27px);
      padding: 14px 30px;
      outline: 0;
      background-color: #1a1a1a;
      border: 1px solid #222;
      color: #686a6f;
      font-size: .9rem;
      width: 100%
}

.form-control::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
      color: #686a6f;
      opacity: 1
}

.form-control::-moz-placeholder,
.input-text::-moz-placeholder {
      color: #686a6f;
      opacity: 1
}

.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
      opacity: 1;
      color: #686a6f
}

.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
      opacity: 1;
      color: #686a6f
}

.form-control::placeholder,
.input-text::placeholder {
      color: #686a6f;
      opacity: 1
}

textarea.form-control {
      height: auto;
      padding-top: 15px;
      padding-bottom: 15px
}

.form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0
}

.play-now .ripple,
.play-now .ripple:before,
.ripple,
.ripple:after,
.ripple:before {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6)
}

.dark-layout {
      background-color: var(--theme-color-black) !important;
      --sec-title-color: var(--theme-color-white)
}

.btn-style-four.hover-dark:hover,
.btn-style-four.light-bg:hover,
.btn-style-four.transparent-bg:hover,
.contact-info-box,
.contact-list-one li a,
.dark-layout .sticky-header .main-menu .navigation>li>a,
.dark-layout h1,
.dark-layout h2,
.dark-layout h3,
.dark-layout h4,
.dark-layout h5,
.dark-layout h6,
.header-btn-main:hover,
.hero-4 .social-icon-list1 a,
.hero-4 .social-icon-list1 span,
.hidden-bar .text-box .text,
.hidden-bar .text-box .title,
.list-style-one li a,
.play-now,
.play-now:hover,
.scroll-to-top,
.scroll-to-top:hover,
.social-icon-one.light li a,
.testimonial-box-items-3 .content .client-info .info-title .title {
      color: var(--theme-color-white)
}

.dark-layout .preloader,
.dark-layout .sticky-header,
.team-contact-form {
      background-color: var(--theme-color-black)
}

.dark-layout .preloader:after {
      background-image: url(../images/logo.png)
}

.dark-layout .hidden-bar .upper-box {
      border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.dark-layout .hidden-bar .social-links {
      border-top: 1px solid rgba(0, 0, 0, .1)
}

.dark-layout .hidden-bar .social-links li {
      border-right: 1px solid rgba(0, 0, 0, .1)
}

* {
      outline: 0;
      font-size: 100%
}

textarea {
      resize: none
}

button {
      cursor: pointer;
      background: 0 0
}

img {
      display: inline-block;
      max-width: 100%;
      height: auto
}

.title a {
      color: inherit
}

.about-content-style-3 .about-btn a:hover,
.accordion-box .block .acc-btn.active .icon,
.banner-section .follow-us .social-links :hover,
.color1,
.contact-section-two .contact-btn a:hover,
.footer-bottom .footer-links-wrapper a:hover,
.footer-main-wrapper-4 .footer-widget3 .user-links3 li:hover a,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .icon-box .icon,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li:hover a,
.footer-style-two .social-widget .social-icon-list1 li a:hover,
.footer-style-two .user-links li a:hover,
.hero-4 .social-icon-list1 a:hover,
.hidden-bar .social-links li a:hover,
.list-style-three li i,
.main-header .ui-btn:hover,
.main-menu .navigation>li>a:hover,
.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li:hover>a,
.mobile-menu .social-links li a:hover,
.news-block .blog-single-box.style_two .content-box .blog-author span a,
.news-block .content-box .title:hover,
.news-block .content-box .title:hover strong,
.play-btn:hover .icon,
.sec-title h2 .theme-color,
.service_single_item-2 .service_content .title:hover,
.service_single_item-2:hover .service-no,
.social-icon-one li a:hover,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .mobile-nav-toggler,
.user-links li a:hover,
.work-box-items-3 .work-content .content .title a span,
.work-single-box-two .work-content .title:hover {
      color: var(--theme-color1)
}

.apply-button2:hover span,
.btn-style-four.hover-light:hover,
.color2,
.shop-sidebar .category-widget .category-list li a:hover,
.skills.style-two .skill-item .skill-bar .bar-inner .skill-percentage,
.social-icon-one.light li a:hover,
.theme-style-btn a:hover,
table.cart-total .coupon-form .apply-button:hover span,
table.tbl-shopping-cart .coupon-form .apply-button:hover span {
      color: var(--theme-color2)
}

.color3,
.skills .skill-item .skill-bar .bar-inner .skill-percentage,
.skills .skill-item .skill-header .skill-title {
      color: var(--theme-color3)
}

.page-wrapper {
      position: relative;
      margin: 0 auto;
      width: 100%;
      min-width: 300px;
      z-index: 99;
      background-color: #0a0a0a
}

.auto-container,
.large-container,
.small-container {
      position: static;
      padding: 0 15px;
      margin: 0 auto;
      width: 100%
}

.large-container {
      max-width: var(--large-container-width)
}

.auto-container {
      max-width: var(--container-width)
}

.small-container {
      max-width: var(--small-container-width)
}

.pull-right,
.user-links li a i {
      float: right
}

.pull-left {
      float: left
}

.dropdown-toggle::after,
.list-style-one li:last-child::before {
      display: none
}

.scroll-to-top {
      position: relative;
      left: 10px;
      width: 146px;
      height: 70px;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      cursor: pointer;
      background-color: var(--theme-color2);
      z-index: 100;
      border-bottom-right-radius: 20px;
      -webkit-transition: .3s;
      transition: .3s;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-transform: uppercase
}

.scroll-to-top span {
      margin-left: 15px;
      font-size: 20px
}

.list-style-one li,
.list-style-one li i,
.list-style-three li,
.list-style-two li {
      font-size: var(--sec-title-subtitle-font-size);
      color: var(--theme-color-white)
}

.back-to-top-btn,
.scroll-to-top:hover,
.team-single-box-two:hover .designation:before,
.theme-btn-arrow-left,
.theme-buton a,
.theme-buton a i,
.theme-buton.style_two a::before,
.work-box-items-3 .work-content .content .theme-buton a::before,
.work-single-box .work-content .theme-buton a::before {
      background: var(--theme-color1)
}

.list-style-one {
      position: relative;
      padding: 17px 0;
      display: flex;
      gap: 60px
}

.list-style-one li {
      position: relative;
      display: flex
}

.list-style-one li::before {
      position: absolute;
      content: "";
      right: -32px;
      top: 12px;
      width: 4px;
      height: 4px;
      border-radius: 50px;
      display: inline-block;
      background-color: var(--theme-color-white)
}

.featured-products .filters li:last-child,
.footer-bottom .footer-links-wrapper a:last-child,
.list-style-one li:last-child,
.main-header .header-lower .outer-box .ui-btn-outer,
.main-menu .navigation>li:last-child,
.service-bg-color-3 .swiper-slide-next .service-card-style-3,
.social-icon-one li:last-child,
.social-icon-two li:last-child,
.why-choose-us-section .column-right .choose-single-box {
      margin-right: 0
}

.list-style-one li i {
      position: relative;
      top: 0;
      line-height: 26px;
      margin-right: 10px;
      text-align: center;
      font-weight: 400
}

.list-style-three li i,
.list-style-two li i {
      font-size: 14px;
      line-height: 25px;
      position: relative;
      margin-right: 10px
}

.list-style-one li a {
      display: block;
      -webkit-transition: .3s;
      transition: .3s
}

.list-style-one li a:hover {
      opacity: .7
}

.list-style-one.light a,
.list-style-one.light i,
.list-style-one.light li,
.list-style-three.light i,
.list-style-three.light li,
.list-style-two.light i,
.list-style-two.light li {
      color: var(--theme-color-white) !important
}

.about-content-style-3,
.about-section .image-column .inner-column,
.about-section-3,
.about-section-two .image-column,
.about-section-two .image-column .image-1,
.accordion-box,
.banner-box-two,
.bg-cover,
.choose-us-image-style-3,
.contact-widget,
.cta-video-section,
.default-tabs .tab-buttons,
.default-tabs .tabs-content,
.footer-main-wrapper-4 .footer-column .subscribe-widget,
.footer-style-two .subscribe-widget,
.list-style-three,
.list-style-two,
.main-footer .about-widget,
.main-footer .footer-widget,
.main-menu,
.news-block .image-box,
.pricing-section-4,
.process-border,
.process-section-two .process-img .image-box,
.project-details-btn .theme-btn,
.range-slider,
.room-facility-list,
.sidebar__search-form,
.skill-section,
.social-icon-two li a i,
.success-box-items-3,
.team-single-box .inner-box,
.testimonial-slider,
.toggle-hidden-bar,
.user-links,
.why-choose-us-section-1 {
      position: relative
}

.list-style-two li {
      position: relative;
      line-height: 20px;
      margin-bottom: 19px
}

.list-style-two li i {
      width: 25px;
      height: 25px;
      text-align: center;
      color: var(--theme-color2);
      border-radius: 0 50px 50px;
      background-color: var(--theme-color1)
}

.list-style-three li {
      position: relative;
      line-height: 20px;
      margin-bottom: 12px
}

.contact-desc,
.contact-forms-two .form-group .theme-btn:hover,
.contact-forms-two .form-group input[type=submit]:hover,
.contact-info h4,
.contact-info p,
.footer-main-wrapper-4 .contacts-widget .contact-us:hover .icon,
.footer-main-wrapper-4 .contacts-widget .contact-us:hover .title,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box:hover .icon-box .icon,
.help-contact a:hover,
.pricing-single-bx .inner-box .pricing-btn a:hover,
.search-popup .form-group button:hover,
.sec-title.style_color .sub-title,
.sec-title.style_color h1,
.sec-title.style_color h2,
.service-section-seven.style-inner .service-block_seven .text,
.service-section-seven.style-inner .service-block_seven .title a,
.social-icon-one li a,
.social-icon-two li a:hover,
.submit-btn:hover,
.team-single-box .inner-box:hover .designation,
.team-single-box .inner-box:hover .name a,
.team-single-box-two:hover .designation,
.team-single-box-two:hover .name a,
.theme-btn,
.theme-btn-arrow-left,
.theme-btn-arrow-right,
.theme-buton a,
.theme-buton a i,
.theme-buton a:hover,
.theme-buton-style-three a:hover,
.theme-buton.style_two a:hover,
.theme-buton.style_two a:hover i,
.work-box-items-3 .work-content .content .theme-buton a:hover,
.work-single-box .work-content .theme-buton a:hover {
      color: var(--theme-color-black)
}

.social-icon-one {
      position: relative;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.social-icon-one li {
      margin-left: 20px;
      display: inline-block
}

.main-header .header-lower .outer-box,
.main-header .main-box,
.main-menu .navigation>li>a,
.project-details__social,
.project-details__social a,
.social-icon-two,
.social-icon-two li {
      display: -webkit-box;
      display: -ms-flexbox;
      position: relative
}

.social-icon-one li a {
      position: relative;
      display: block;
      font-size: 16px;
      line-height: 1em
}

.social-icon-two {
      display: flex
}

.bg,
.social-icon-two li a::before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%
}

.social-icon-two li {
      display: flex;
      margin-right: 13px
}

.social-icon-two li a {
      position: relative;
      display: block;
      height: 45px;
      width: 45px;
      border-radius: 50%;
      font-size: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--body-bg);
      background-color: transparent;
      border: 1px solid var(--body-bg);
      -webkit-transition: .3s;
      transition: .3s
}

.social-icon-two li a::before {
      -webkit-transform: scale(0);
      transform: scale(0);
      border-radius: 50px;
      background-color: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s;
      content: ""
}

.contact-forms .form-group .theme-btn:hover:before,
.contact-forms .form-group input[type=submit]:hover:before,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box:hover .icon-box:before,
.news-block .blog-single-box.style_two .image img,
.social-icon-two li a:hover:before,
.submit-btn:hover:before,
.theme-buton a:hover:before,
.theme-buton-style-three a:hover:before {
      -webkit-transform: scale(1);
      transform: scale(1)
}

.featured-products .filters .filter-tabs,
.nav-style-one .next .icon,
.nav-style-one .prev .icon,
.play-btn,
.product-details .bxslider .thumb-box li a {
      position: relative;
      display: inline-block
}

.play-btn .icon {
      color: var(--theme-color2);
      font-size: 35px;
      -webkit-transition: .3s;
      transition: .3s
}

.play-now {
      width: 65px;
      height: 65px;
      font-size: 18px;
      font-weight: 500;
      margin-top: 60px;
      line-height: 63px;
      text-align: center;
      border-radius: 100px;
      border: 1px solid var(--theme-color-white)
}

@media only screen and (max-width:1199px) {
      .play-now {
            margin-top: 0
      }
}

.play-now:hover {
      border-color: var(--theme-color3);
      background-color: var(--theme-color3)
}

.ripple,
.ripple:after,
.ripple:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 65px;
      height: 65px;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -webkit-animation: 3s infinite ripple;
      animation: 3s infinite ripple
}

.bounce-animate,
.bounce-animate-3,
.bounce-animate-slow,
.bounce-animate2,
.bounce-animate3,
.bounce-animate4,
.bounce-animate5,
.rotateme {
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear
}

.bounce-animate,
.bounce-animate-slow,
.bounce-animate2,
.bounce-animate3,
.bounce-animate4,
.bounce-animate5 {
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: linear;
      -o-animation-iteration-count: infinite;
      -o-animation-timing-function: linear
}

.ripple:before {
      -webkit-animation-delay: .9s;
      animation-delay: .9s;
      content: "";
      position: absolute
}

.ripple:after {
      -webkit-animation-delay: .6s;
      animation-delay: .6s;
      content: "";
      position: absolute
}

@-webkit-keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 50px rgba(233, 35, 47, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 0 rgba(233, 35, 47, 0)
      }
}

@keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 50px rgba(233, 35, 47, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 0 rgba(233, 35, 47, 0)
      }
}

.select2-dropdown {
      border: 1px solid #eee
}

.select2-results__option {
      padding: 0 10px;
      color: #7c858c;
      border: 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #7c858c;
      padding-left: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
      background-color: var(--bg-theme-color1)
}

.select2-container--default .select2-search--dropdown .select2-search__field {
      height: 30px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
      bottom: 1px;
      height: auto;
      width: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 12px;
      color: #7c858c
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
      position: relative;
      content: "\f107";
      font-family: "Font Awesome 6 Pro"
}

.brand-carousel .owl-dots,
.default-tabs .tab,
.main-menu .navbar-header,
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul,
.more-text,
.news-block .blog-single-box.style_two .title::before,
.page-breadcrumb li:last-child::after,
.pricing-section .nav .nav-link:last-child::after,
.pricing-section .nav .nav-link:last-child::before,
.pricing-section-4 .nav .nav-link:last-child::after,
.pricing-section-4 .nav .nav-link:last-child::before,
.product-block.mix,
.product-discription .tabs-content .tab,
.products-carousel .owl-nav,
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.sticky-header .main-menu .navigation>li:before,
.sticky-header .navbar-header,
.sticky-header .outer-box,
.style_three .marquee .text:before,
.user-links li:last-child a:before,
.widgets-section.style_two::after {
      display: none
}

.product-details .product-info .product-details__buttons-1 .theme-btn,
.product-details .product-info .product-details__buttons-2 .theme-btn,
.select2-container--default .select2-selection--single {
      border-radius: 0
}

.blog-details__social-list,
.default-navs .owl-nav,
.hero-3 .hero-content .hero-button-items .client-item .client-image,
.process-section-two .process-bx .process-conten .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.default-navs .owl-next,
.default-navs .owl-prev {
      display: block;
      width: 52px;
      height: 52px;
      font-size: 16px;
      font-weight: 700;
      line-height: 52px;
      color: var(--theme-color-black);
      background: #fff;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 50%;
      margin-right: 10px
}

.default-navs .owl-next:hover,
.default-navs .owl-prev:hover,
.testimonial-content-style-3 .array-button .array-next:hover,
.testimonial-content-style-3 .array-button .array-prev:hover {
      background-color: var(--theme-color-black);
      color: var(--theme-color-white)
}

.default-dots .owl-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%
}

.default-dots .owl-dots .owl-dot {
      height: 20px;
      width: 20px;
      border: 2px solid #3d0de5;
      background-color: transparent;
      margin: 0 5px;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 50%
}

.default-dots .owl-dots .owl-dot.active {
      background-color: #270ad9;
      border-radius: 50%;
      border: 2px solid #270ad9
}

.nav-style-one {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 9
}

.nav-style-one .next,
.nav-style-one .prev {
      margin-right: 38px;
      padding: 18px 25px 18px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}

.nav-style-one .next .icon:before,
.nav-style-one .prev .icon:before {
      position: absolute;
      top: 0;
      margin-top: -20px;
      right: -25px;
      height: 52px;
      width: 52px;
      border: 1px dotted #fff;
      border-radius: 100px;
      content: "";
      z-index: -1;
      -webkit-transition: .3s;
      transition: .3s
}

.nav-style-one .next:hover .icon:before,
.nav-style-one .prev:hover .icon:before {
      background-color: rgba(255, 255, 255, .15);
      width: 125px
}

.nav-style-one .prev {
      margin-right: 0;
      padding-left: 25px;
      padding-right: 0
}

.nav-style-one .prev .icon:before {
      left: -25px;
      right: auto
}

.nav-style-one .swiper-button-disabled {
      opacity: .5;
      pointer-events: none
}

.nav-style-one.dark .next .icon:before,
.nav-style-one.dark .prev .icon:before {
      border: 1px solid #797979
}

.preloader:before {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center;
      margin: 30px auto 0;
      color: var(--theme-color-black);
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      content: "Loading";
      text-transform: uppercase;
      -webkit-transition: none;
      transition: none
}

.preloader .loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 100px;
      height: 100px;
      margin: -75px 0 0 -50px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #9370db;
      -webkit-animation: 2s linear infinite spin;
      animation: 2s linear infinite spin
}

.preloader .loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #ba55d3;
      -webkit-animation: 3s linear infinite spin;
      animation: 3s linear infinite spin
}

.preloader .loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #f0f;
      -webkit-animation: 1.5s linear infinite spin;
      animation: 1.5s linear infinite spin
}

@-webkit-keyframes spin {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@keyframes spin {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

.default-tabs .tab-buttons li {
      position: relative;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

.default-tabs .tab-buttons li:last-child,
.sidebar-service-list,
.team-single-box-two .image-box figure,
.work-single-box-two .work-box-inner.style-two .work-content p {
      margin: 0
}

.default-tabs .tab .image,
.project-box-style-4 .images-box,
.team-single-box .image-box {
      position: relative;
      overflow: hidden
}

.accordion-box .block .acc-content.current,
.default-tabs .tab.active-tab,
.hero-3 .hero-content .hero-button-items .client-item .happy-title span,
.product-discription .tabs-content .tab.active-tab {
      display: block
}

.blockquote-style-one {
      position: relative;
      font-size: 16px;
      line-height: 24px;
      color: var(--theme-color-black);
      padding: 13px 25px;
      background-color: #fff;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: 800;
      margin-bottom: 30px;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
      box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.blockquote-style-one:before {
      position: absolute;
      left: 0;
      top: 10px;
      bottom: 10px;
      width: 4px;
      z-index: 2;
      background-color: var(--theme-color1);
      content: ""
}

.skills.style-two .skill-item .skill-bar,
.skills.style-two .skill-item .skill-bar .bar-inner .bar {
      height: 10px
}

.skills.style-two .skill-item .skill-bar .bar-inner {
      height: 10px;
      background-color: transparent;
      border: 1px solid #e6e0fa
}

.skills.style-two .skill-item .skill-bar .bar-inner .bar:before {
      content: "";
      position: absolute;
      top: -5px;
      right: -2px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 5px solid var(--theme-color2);
      background-color: var(--theme-color-white)
}

.footer-style-two.style-two,
.skills .skill-item .skill-bar .bar-inner .bar {
      background-color: var(--theme-color2)
}

.array-button {
      gap: 14px
}

.array-button .array-next,
.array-button .array-prev {
      height: 64px;
      width: 64px;
      color: var(--theme-color1);
      background-color: transparent;
      border: 1px dashed var(--theme-color1);
      line-height: 64px;
      border-radius: 50%;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.array-button .array-next:hover,
.array-button .array-prev:hover,
.contact-form-style-3 .form-group .submit-btn,
.contact-form-style-3 .form-group .submit-btn i,
.contact-forms .submit-btn,
.contact-forms .submit-btn i,
.footer-main-wrapper-4 .footer-column .social-widget .social-icon-list1 li a:hover,
.project-box-style-4 .content .post-box:hover,
.theme-btn-main.header-style-btn:hover .theme-btn,
.work-single-box-two .work-img .work-buton a:hover {
      background-color: var(--theme-color1);
      color: var(--theme-color-black)
}

.section-padding {
      padding: 120px 0
}

.theme-color1-bg {
      background-color: var(--theme-color1) !important
}

.theme-color-black {
      color: var(--theme-color-black) !important
}

.brand-section-3,
.theme-color-bg {
      background: #0a0a0a
}

.d-blocks {
      display: block !important
}

@media (min-width:1022px) and (max-width:1199px) {
      .d-blocks {
            display: block !important
      }
}

.preloader {
      position: fixed;
      height: 100vh;
      width: 100%;
      left: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: 0 0;
      z-index: 99999
}

.back-to-top-btn,
.back-to-top-wrapper {
      width: 44px;
      height: 44px;
      border-radius: 50%
}

.preloader svg {
      position: absolute;
      top: 0;
      width: 100vw;
      height: 110vh;
      fill: var(--theme-color-black);
      -webkit-box-shadow: rgba(0, 0, 0, .5) 0 8px 24px;
      box-shadow: rgba(0, 0, 0, .5) 0 8px 24px
}

.submit-btn i,
.theme-buton a i,
.theme-buton-style-three a i {
      right: -60px;
      height: 60px;
      width: 60px;
      line-height: 60px;
      text-align: center
}

.preloader.two svg {
      fill: var(--theme-color1);
      -webkit-box-shadow: rgba(0, 0, 0, .5) 0 8px 24px;
      box-shadow: rgba(0, 0, 0, .5) 0 8px 24px
}

.preloader .preloader-heading .load-text {
      font-size: 30px;
      color: var(--theme-color1);
      font-weight: var(--wt-fw-regular);
      letter-spacing: 15px;
      font-family: var(--heading-font-family);
      text-transform: uppercase;
      z-index: 20
}

.load-text span {
      -webkit-animation: 1s infinite alternate loading;
      animation: 1s infinite alternate loading
}

.load-text span:first-child {
      -webkit-animation-delay: 0s;
      animation-delay: 0s
}

.load-text span:nth-child(2) {
      -webkit-animation-delay: .1s;
      animation-delay: .1s
}

.load-text span:nth-child(3) {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
}

.load-text span:nth-child(4) {
      -webkit-animation-delay: .3s;
      animation-delay: .3s
}

.load-text span:nth-child(5) {
      -webkit-animation-delay: .4s;
      animation-delay: .4s
}

.load-text span:nth-child(6) {
      -webkit-animation-delay: .5s;
      animation-delay: .5s
}

.load-text span:nth-child(7) {
      -webkit-animation-delay: .6s;
      animation-delay: .6s
}

@-webkit-keyframes loading {
      0% {
            opacity: 1
      }

      100% {
            opacity: 0
      }
}

@keyframes loading {
      0% {
            opacity: 1
      }

      100% {
            opacity: 0
      }
}

.back-to-top-wrapper {
      position: fixed;
      right: 50px;
      bottom: 0;
      cursor: pointer;
      display: block;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .4s;
      transition: .4s
}

.back-to-top-wrapper.back-to-top-btn-show {
      visibility: visible;
      opacity: 1;
      bottom: 50px
}

.back-to-top-btn {
      display: inline-block;
      line-height: 44px;
      text-align: center;
      -webkit-box-shadow: 0 8px 16px rgba(3, 4, 28, .3);
      box-shadow: 0 8px 16px rgba(3, 4, 28, .3);
      color: var(--theme-color-black);
      -webkit-transition: .4s;
      transition: .4s
}

.back-to-top-btn svg {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
      color: var(--theme-color-black)
}

.back-to-top-btn:hover {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px)
}

.back-to-top-btn.two {
      background: -webkit-gradient(linear, left top, right top, from(#fca528), color-stop(48.87%, #e22eab), to(#921fea));
      background: linear-gradient(90deg, #fca528 0, #e22eab 48.87%, #921fea 100%)
}

.swiper-dot-2 .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      -webkit-transition: .6s;
      transition: .6s;
      background-color: var(--theme-color1);
      opacity: 1;
      border-radius: 6px
}

.about-content-style-3 .about-list-items,
.swiper-dot-2 .swiper-pagination-bullet:not(:last-child) {
      margin-right: 15px
}

.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: ar(--theme-color1);
      -webkit-transition: .6s;
      transition: .6s;
      position: relative
}

.theme-btn,
.theme-btn-arrow-left,
.theme-btn-main {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      -webkit-transition: .4s
}

.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
      position: absolute;
      width: 22px;
      height: 22px;
      line-height: 22px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background-color: transparent;
      border: 1px solid var(--theme-color1);
      content: ""
}

.theme-btn-main.border-style-btn .theme-btn,
.theme-btn-main.border-style-btn .theme-btn-arrow-right {
      background: 0 0;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .3)
}

.service-card-style-4:hover .arrow-icon,
.theme-btn-main.border-style-btn:hover .theme-btn,
.theme-btn-main.border-style-btn:hover .theme-btn-arrow-left {
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      border: 1px solid var(--theme-color1)
}

.theme-btn-main.header-style-btn .theme-btn,
.theme-btn-main.header-style-btn .theme-btn-arrow-right {
      color: var(--theme-color-white);
      background: var(--body-bg)
}

.btn-style-four.dark-bg::before,
.btn-style-four.transparent-bg::before,
.footer-main-wrapper-4 .contacts-widget .contact-us:hover,
.marquee-section,
.marquee-section-h3,
.marquee-section-two,
.testimonial-section-3,
.testimonial-slider .array-button .array-next:hover,
.testimonial-slider .array-button .array-prev:hover,
.theme-btn-main.header-style-btn:hover .theme-btn-arrow-left,
.theme-btn-main.header-style-btn:hover .theme-btn-arrow-right,
.work-box-items-3 .work-content .content .border-style-btn:before {
      background-color: var(--theme-color1)
}

.theme-btn-main {
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 1px;
      position: relative;
      transition: .4s
}

.theme-btn,
.theme-btn-arrow-left {
      display: inline-flex;
      transition: .4s
}

.theme-btn-main:hover .theme-btn-arrow-left {
      background-color: var(--theme-color-white);
      scale: 1
}

.theme-btn-main:hover .theme-btn-arrow-right {
      background-color: var(--theme-color-white);
      scale: 0
}

.theme-btn-main:hover .theme-btn {
      background-color: var(--theme-color-white);
      -webkit-transform: translateX(56px);
      transform: translateX(56px)
}

.theme-btn-arrow-left {
      width: 56px;
      height: 56px;
      line-height: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      scale: 0;
      left: 0;
      right: auto;
      position: absolute
}

.theme-btn,
.theme-btn-arrow-right {
      -webkit-box-align: center;
      background: var(--theme-color1)
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next span.fa-solid.fa-arrow-left,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev span.fa-solid.fa-arrow-left,
.theme-btn-arrow-left i {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
}

.theme-btn {
      font-weight: 500;
      font-size: 16px;
      padding: 15px 39.72px;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      border-radius: 100px;
      text-transform: capitalize
}

.theme-btn-arrow-right {
      width: 56px;
      height: 56px;
      line-height: 1;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: -1px;
      border-radius: 50%;
      -webkit-transition: .4s;
      transition: .4s
}

.submit-btn,
.theme-buton a,
.theme-buton-style-three a {
      display: inline-block;
      font-weight: 500;
      position: relative;
      z-index: 1
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next span.fa-solid.fa-arrow-right,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev span.fa-solid.fa-arrow-right,
.theme-btn-arrow-right i {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
}

.theme-color-white2:hover .theme-btn,
.theme-color-white2:hover .theme-btn-arrow-left,
.theme-color-white2:hover .theme-btn-arrow-right {
      background-color: var(--theme-color-white) !important;
      color: var(--theme-color2) !important
}

.theme-buton a {
      border: 0;
      font-size: 18px;
      padding: 18px 44px;
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s
}

.theme-buton a i,
.theme-buton a:before {
      -webkit-transition: .5s;
      position: absolute;
      top: 0
}

.theme-buton a:before {
      content: "";
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: var(--theme-color-white);
      border-radius: 100px;
      transition: .5s;
      -webkit-transform: scale(0);
      transform: scale(0)
}

.theme-buton a i {
      border-radius: 50%;
      font-size: 16px;
      transition: .5s;
      font-weight: var(--h3-font-weight);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
}

.theme-buton.style_two a,
.theme-buton.style_two a i {
      border: 1px solid var(--text-color);
      color: var(--theme-color-white)
}

.theme-buton a:hover i {
      background: var(--theme-color-white);
      -webkit-transform: scale(1);
      transform: scale(1)
}

.theme-buton.style_two a {
      background: 0 0
}

.theme-buton.style_two a i {
      background-color: transparent
}

.theme-buton.style_two a:hover {
      border: 1px solid rgba
}

.theme-buton.style_two a:hover i {
      background: var(--theme-color1);
      border: 1px solid var(--theme-color1)
}

.style_five a {
      padding: 14px 40px;
      font-size: 16px;
      margin-top: 31px
}

.submit-btn,
.theme-buton-style-three a {
      border: 0;
      font-size: 18px;
      color: var(--theme-color-white);
      padding: 18px 44px;
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--body-bg)
}

.submit-btn:before,
.theme-buton-style-three a:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: var(--theme-color1);
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: scale(0);
      transform: scale(0)
}

.theme-style-btn a::after,
.theme-style-btn a::before {
      right: -35px;
      top: 62%;
      line-height: 70px;
      z-index: -1;
      position: absolute;
      content: ""
}

.submit-btn i,
.theme-buton-style-three a i {
      position: absolute;
      top: 0;
      border-radius: 50%;
      font-size: 16px;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--body-bg);
      font-weight: var(--h3-font-weight);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      color: var(--theme-color-white)
}

.header-btn-main,
.theme-btn-work,
.theme-style-btn a {
      font-size: 18px;
      font-weight: 500
}

.submit-btn:hover i,
.theme-buton-style-three a:hover i,
.work-box-items-3 .work-content .content .theme-buton a:hover i,
.work-single-box .work-content .theme-buton a:hover i {
      background: var(--theme-color1);
      -webkit-transform: scale(1);
      transform: scale(1);
      color: var(--theme-color-black)
}

.theme-buton.style_four a {
      font-size: 16px;
      padding: 15px 41px
}

.theme-btn.small {
      padding: 10px 40px;
      line-height: 20px;
      font-size: 12px
}

.theme-style-btn a {
      color: var(--theme-color3);
      position: relative;
      z-index: 1
}

.theme-style-btn a::before {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 70px;
      width: 70px;
      border-radius: 50%;
      background: var(--theme-color1);
      -webkit-transition: .5s;
      transition: .5s
}

.theme-style-btn a::after {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 0;
      width: 0;
      border-radius: 50%;
      border: 2px solid var(--theme-color2);
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 0
}

.theme-style-btn a:hover::after {
      opacity: 1;
      width: 70px;
      height: 70px
}

.pricing-single-bx .inner-box:hover .feature::before,
.process-section-two .process-bx .process-conten:hover .number::before,
.theme-style-btn a:hover::before {
      opacity: 0
}

.blog-details__meta li+li,
.theme-style-btn a img {
      margin-left: 18px
}

.theme-style-btn.two a::before {
      background: var(--theme-color4)
}

.header-btn-main {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 100px;
      color: var(--theme-color-black);
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      line-height: 1;
      padding: 15px 26.2px 17px;
      -webkit-transition: .3s;
      transition: .3s
}

.header-btn-main:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      content: "";
      background-color: var(--theme-color-black);
      border-radius: inherit;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      transition: transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

.about-section figure,
.about-section img,
.accordion-box .block .acc-btn .icon:before,
.contact-section-two,
.header-btn-main .header-theme-btn,
.pricing-img-column,
.pricing-main-bx,
.pricing-section,
.process-section,
.services-section-two,
.skill-section .skill-img,
.team-single-box-two .image-box,
.why-choose-us-section,
.work-section-two,
.work-single-box-two .work-img {
      position: relative;
      z-index: 1
}

.header-btn-main .header-btn-arrow-right {
      color: var(--theme-color-black);
      font-size: 16px;
      position: relative;
      -webkit-transform: rotate(-34deg);
      transform: rotate(-34deg);
      margin-left: 8px;
      z-index: 1;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four:hover:before,
.featured-products .filters li.active:before,
.featured-products .filters li:hover:before,
.header-btn-main:hover:before {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transform-origin: bottom left;
      transform-origin: bottom left
}

.header-btn-main:hover .header-btn-arrow-right {
      color: var(--theme-color-white);
      -webkit-transform: rotate(0);
      transform: rotate(0)
}

.theme-btn-work {
      line-height: 1;
      text-transform: uppercase;
      color: var(--theme-color-white);
      display: inline-block;
      position: relative;
      padding-left: 32px;
      -webkit-transition: .3s;
      transition: .3s
}

.theme-btn-work:hover {
      color: var(--theme-color-white);
      padding-left: 0;
      padding-right: 32px
}

.theme-btn-work:hover:before {
      -webkit-transform: translateX(70px);
      transform: translateX(70px)
}

.theme-btn-work:before {
      position: absolute;
      content: "";
      background-color: var(--theme-color1);
      width: 63px;
      height: 63px;
      border-radius: 50%;
      top: -22px;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      left: 0;
      z-index: -1;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four {
      position: relative;
      font-size: 16px;
      font-weight: 600;
      line-height: var(--body-line-height);
      border-radius: 60px;
      padding: 6px 6px 6px 30px;
      background-color: var(--theme-color1);
      border: 1px solid transparent;
      text-transform: capitalize;
      gap: 24px;
      z-index: 0;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four:hover .btn-title,
.footer-bottom .copyright-text a:hover,
.page-breadcrumb li a:hover,
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before,
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before,
table.cart-total .variation-size,
table.tbl-shopping-cart .variation-size,
table.tbl-shopping-cart>tbody>tr>th,
table.tbl-shopping-cart>tfoot>tr>th,
table.tbl-shopping-cart>thead>tr>th {
      color: #fff
}

.btn-style-four .btn-title {
      color: #222;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four .dot-box,
.btn-style-four .icon {
      background-color: #222;
      border-radius: 50%;
      font-size: 12px;
      -webkit-transition: .3s;
      color: var(--theme-color-white);
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center
}

.btn-style-four .icon {
      margin-left: 12px;
      transition: .3s
}

.btn-style-four .dot-box {
      margin-left: 0;
      position: relative;
      transition: .3s
}

.btn-style-four .dot-box .dot-item,
.btn-style-four .dot-box .dot-item:before {
      -webkit-transition: .3s;
      background-color: var(--theme-color-white);
      border-radius: 50%;
      height: 5px;
      width: 5px;
      position: absolute
}

.btn-style-four .dot-box .dot-item {
      display: inline-block;
      left: calc(50% + 3px);
      top: calc(50% - 2.5px);
      transition: .3s
}

.btn-style-four .dot-box .dot-item:before {
      content: "";
      left: -7px;
      top: -7px;
      transition: .3s
}

.btn-style-four .dot-box .dot-item:after {
      background-color: var(--theme-color-white);
      border-radius: 50%;
      content: "";
      position: absolute;
      left: -7px;
      bottom: -7px;
      height: 5px;
      width: 5px;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 101%;
      height: 100%;
      content: "";
      border-radius: 0;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      background-color: #222;
      transition: transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      z-index: -1
}

.btn-style-four:hover {
      color: var(--theme-color-white);
      border-color: rgba(248, 248, 248, .2)
}

.btn-style-four:hover .icon {
      background-color: #222;
      color: var(--theme-color-white)
}

.btn-style-four:hover .dot-box {
      background-color: var(--theme-color1);
      color: var(--theme-color-white)
}

.btn-style-four:hover .dot-box .dot-item {
      left: calc(50% - 7px);
      top: calc(50% - 2.5px);
      background-color: #222
}

.btn-style-four:hover .dot-box .dot-item:before {
      left: 7px;
      top: 7px;
      background-color: #222
}

.btn-style-four:hover .dot-box .dot-item:after {
      left: 7px;
      bottom: 7px;
      background-color: #222
}

.btn-style-four.dark-bg {
      color: var(--theme-color-white);
      background-color: var(--theme-color9)
}

.btn-style-four.dark-bg:hover {
      color: var(--text-color-theme-color1)
}

.btn-style-four.light-bg {
      background-color: var(--theme-color-white);
      border: 1px solid var(--theme-color-white);
      color: var(--theme-color1)
}

.btn-style-four.hover-dark:before,
.btn-style-four.light-bg::before {
      background-color: var(--theme-color-dark)
}

.btn-style-four.transparent-bg {
      background-color: transparent;
      border: 1px solid var(--theme-color-white);
      color: var(--theme-color-white)
}

.apply-button2:hover,
.btn-style-four.hover-light:before,
.contact-form-style-3 .form-group .submit-btn::before,
.contact-form-style-3 .form-group .submit-btn:hover i,
.contact-forms .submit-btn::before,
.contact-forms .submit-btn:hover i,
.testimonial-slider .array-button .array-prev:hover {
      background-color: var(--theme-color-white)
}

.bounce-animate {
      -webkit-animation-name: float-bob;
      animation-name: float-bob;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -moz-animation-name: float-bob;
      -moz-animation-duration: 2s;
      -ms-animation-name: float-bob;
      -ms-animation-duration: 2s;
      -o-animation-name: float-bob;
      -o-animation-duration: 2s
}

.bounce-animate2 {
      -webkit-animation-name: float-bob2;
      animation-name: float-bob2;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -moz-animation-name: float-bob2;
      -moz-animation-duration: 3s;
      -ms-animation-name: float-bob2;
      -ms-animation-duration: 3s;
      -o-animation-name: float-bob2;
      -o-animation-duration: 3s
}

.bounce-animate3 {
      -webkit-animation-name: float-bob3;
      animation-name: float-bob3;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -moz-animation-name: float-bob3;
      -moz-animation-duration: 3s;
      -ms-animation-name: float-bob3;
      -ms-animation-duration: 3s;
      -o-animation-name: float-bob3;
      -o-animation-duration: 3s
}

.bounce-animate4 {
      -webkit-animation-name: float-bob4;
      animation-name: float-bob4;
      -webkit-animation-duration: 5s;
      animation-duration: 5s;
      -moz-animation-name: float-bob4;
      -moz-animation-duration: 5s;
      -ms-animation-name: float-bob4;
      -ms-animation-duration: 5s;
      -o-animation-name: float-bob4;
      -o-animation-duration: 5s
}

.bounce-animate5 {
      -webkit-animation-name: float-bob5;
      animation-name: float-bob5;
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      -moz-animation-name: float-bob5;
      -moz-animation-duration: 6s;
      -ms-animation-name: float-bob5;
      -ms-animation-duration: 6s;
      -o-animation-name: float-bob5;
      -o-animation-duration: 6s
}

.bounce-animate-slow {
      -webkit-animation-name: float-bob5;
      animation-name: float-bob5;
      -webkit-animation-duration: 15s;
      animation-duration: 15s;
      -moz-animation-name: float-bob5;
      -moz-animation-duration: 15s;
      -ms-animation-name: float-bob5;
      -ms-animation-duration: 15s;
      -o-animation-name: float-bob5;
      -o-animation-duration: 15s
}

.bounce-animate-3 {
      -webkit-animation-name: float-bob6;
      animation-name: float-bob6;
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      -moz-animation-name: float-bob6;
      -moz-animation-duration: 6s;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
      -ms-animation-name: float-bob6;
      -ms-animation-duration: 6s;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: linear;
      -o-animation-name: float-bob6;
      -o-animation-duration: 6s;
      -o-animation-iteration-count: infinite;
      -o-animation-timing-function: linear
}

@-webkit-keyframes float-bob {

      0%,
      100% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@keyframes float-bob {

      0%,
      100% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@-webkit-keyframes float-bob2 {

      0%,
      100% {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px)
      }

      50% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }
}

@keyframes float-bob2 {

      0%,
      100% {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px)
      }

      50% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }
}

@-webkit-keyframes float-bob3 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@keyframes float-bob3 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@-webkit-keyframes float-bob4 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@keyframes float-bob4 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@-webkit-keyframes float-bob5 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
      }
}

@keyframes float-bob5 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
      }
}

@-webkit-keyframes float-bob6 {

      0%,
      100% {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@keyframes float-bob6 {

      0%,
      100% {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@-webkit-keyframes movebounce {

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

      50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
      }
}

@keyframes movebounce {

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

      50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
      }
}

@-webkit-keyframes moveleftbounce {

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

      50% {
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
      }
}

@keyframes moveleftbounce {

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

      50% {
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
      }
}

.dance3 {
      -webkit-animation: 8s infinite alternate dance3;
      animation: 8s infinite alternate dance3
}

@-webkit-keyframes dance3 {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1)
      }
}

@keyframes dance3 {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1)
      }
}

.dance {
      -webkit-animation: 2s infinite alternate dance;
      animation: 2s infinite alternate dance
}

@-webkit-keyframes dance {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1.2)
      }
}

@keyframes dance {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1.2)
      }
}

.dance2 {
      -webkit-animation: 4s infinite alternate dance2;
      animation: 4s infinite alternate dance2
}

@-webkit-keyframes dance2 {
      0% {
            -webkit-transform: translate3d(0, 0, 0)
      }

      50% {
            -webkit-transform: translate3d(25px, -25px, 0)
      }

      100% {
            -webkit-transform: translate3d(0, -25px, 25px)
      }
}

@keyframes dance2 {
      0% {
            -webkit-transform: translate3d(0, 0, 0)
      }

      50% {
            -webkit-transform: translate3d(25px, -25px, 0)
      }

      100% {
            -webkit-transform: translate3d(0, -25px, 25px)
      }
}

.watermark-animate {
      -webkit-animation: 8s linear infinite watermark-animate;
      animation: 8s linear infinite alternate-reverse watermark-animate
}

@-webkit-keyframes watermark-animate {
      0% {
            left: 0
      }

      100% {
            left: 100%
      }
}

@keyframes watermark-animate {
      0% {
            left: 0
      }

      100% {
            left: 100%
      }
}

.rotateme {
      -webkit-animation-name: rotateme;
      animation-name: rotateme;
      -webkit-animation-duration: 20s;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear
}

.marquee-two .text:before,
.project-section-4 .work-shapes,
.rotate,
.work-section .work-shapes {
      -webkit-animation-name: rotateme;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear
}

.rotate,
.work-section .work-shapes {
      -webkit-animation-duration: 20s
}

.rotate {
      animation-name: rotateme;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      background-position: center center
}

@-webkit-keyframes rotateme {
      from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@keyframes rotateme {
      from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

.img-custom-anim-right {
      -webkit-animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-right;
      animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-right;
      opacity: 0
}

@-webkit-keyframes img-anim-right {
      0% {
            -webkit-transform: translateX(5%);
            transform: translateX(5%);
            clip-path: inset(0 0 0 100%);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

@keyframes img-anim-right {
      0% {
            -webkit-transform: translateX(5%);
            transform: translateX(5%);
            clip-path: inset(0 0 0 100%);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

.img-custom-anim-left {
      -webkit-animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-left;
      animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-left;
      opacity: 0
}

@-webkit-keyframes img-anim-left {
      0% {
            -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
            clip-path: inset(0 100% 0 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

@keyframes img-anim-left {
      0% {
            -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
            clip-path: inset(0 100% 0 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

.img-custom-anim-top {
      -webkit-animation: 1.3s cubic-bezier(.645, .045, .355, 1) forwards img-anim-top;
      animation: 1.3s cubic-bezier(.645, .045, .355, 1) forwards img-anim-top;
      opacity: 0
}

@-webkit-keyframes img-anim-top {
      0% {
            -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
            clip-path: inset(0 0 100% 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

@keyframes img-anim-top {
      0% {
            -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
            clip-path: inset(0 0 100% 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

.search-popup {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: scale(.95);
      transform: scale(.95)
}

.search-popup .search-back-drop {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: var(--theme-color-black);
      opacity: .95
}

.search-popup .close-search {
      position: absolute;
      top: 30px;
      right: 30px;
      font-size: 26px;
      color: var(--theme-color-white);
      z-index: 3;
      border-radius: 50%;
      background-color: transparent;
      -webkit-transition: .5s;
      transition: .5s
}

.search-popup .search-inner {
      position: relative;
      display: block;
      top: 40%;
      height: auto;
      z-index: 1;
      width: calc(100% - 60px);
      max-width: 800px;
      margin: auto;
      opacity: 0;
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
      -webkit-transition: .3s;
      transition: .3s
}

.product-details .product-info .product-details__social,
.search-popup .form-group {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
      position: relative;
      display: block;
      line-height: 20px;
      font-size: 16px;
      width: 100%;
      height: 50px;
      border: 1px solid #e1e6dc;
      padding: 15px 20px;
      color: #707070;
      background: #fff;
      border-radius: 5px;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-forms .form-group input:focus,
.contact-forms .form-group select:focus,
.contact-forms .form-group textarea:focus,
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
      border-color: var(--border-theme-color2)
}

.header-3 .main-box,
.header-4 .main-box {
      border-bottom: 1px solid rgba(248, 248, 248, .2)
}

.mobile-menu .navigation,
.mobile-menu .navigation li>ul>li:first-child,
.mobile-menu .social-links {
      border-top: 1px solid #1d2022
}

.service-card-style-3,
.service_single_item {
      border-right: 1px solid rgba(255, 255, 255, .1)
}

.search-popup .form-group button {
      position: absolute;
      right: 5px;
      top: 5px;
      height: 40px;
      width: 40px;
      display: block;
      font-size: 18px;
      color: var(--theme-color-black);
      line-height: 40px;
      border-radius: 5px;
      font-weight: 400;
      background: #fff;
      -webkit-transition: .5s;
      transition: .5s
}

.search-popup input::-webkit-input-placeholder,
.search-popup textarea::-webkit-input-placeholder {
      color: inherit
}

.search-popup input::-moz-placeholder,
.search-popup textarea::-moz-placeholder {
      color: inherit
}

.search-popup input:-ms-input-placeholder,
.search-popup textarea:-ms-input-placeholder {
      color: inherit
}

.search-popup input::-ms-input-placeholder,
.search-popup textarea::-ms-input-placeholder {
      color: inherit
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
      color: inherit
}

.moblie-search-active .search-popup {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1);
      transform: scale(1);
      border-radius: 0
}

.moblie-search-active .search-popup .search-inner {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s
}

.header-span {
      display: block;
      height: 110px;
      position: relative;
      width: 100%
}

.main-header {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 999
}

.main-header .header-lower {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s;
      padding: 16px 50px
}

.main-header .header-lower .logo-box {
      padding: 0;
      position: relative;
      min-width: 230px
}

.main-header .logo,
.product-discription {
      display: block;
      position: relative
}

.main-header .logo img {
      max-width: 140px;
      height: auto
}

.main-header .main-box {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      left: 0;
      top: 0;
      -webkit-transition: .3s;
      transition: .3s
}

.main-header .main-box .nav-outer,
.mission-section .mission-list-item .mission-list {
      text-align: center
}

.header-3 .outer-box,
.main-menu .navbar-collapse {
      padding: 0
}

.main-menu .navigation,
.shop-sidebar .sidebar-search .search-form .form-group {
      margin: 0;
      position: relative
}

.main-menu .navigation>li {
      float: left;
      margin-right: 60px;
      padding: 25px 0;
      position: relative;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation>li:before {
      background-color: var(--bg-theme-color2);
      bottom: 23px;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      -webkit-transition: .3s;
      transition: .3s;
      width: 0%
}

.main-menu .navigation>li.current:before,
.main-menu .navigation>li:hover:before {
      left: 0;
      width: 100%
}

.main-menu .navigation>li>a {
      color: var(--theme-color-white);
      display: flex;
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      opacity: 1;
      padding: 0;
      text-align: center;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation>li>a .icon {
      position: relative;
      font-size: 22px;
      line-height: 24px;
      margin-left: 10px
}

.main-menu .navigation>li.current>a {
      color: var(--theme-color1);
      font-weight: 700
}

.main-menu .navigation>li.dropdown>a {
      margin-right: -14px;
      padding-right: 14px
}

.main-menu .navigation>li.dropdown>a:after {
      content: "\f078";
      display: block;
      font-family: "Font Awesome 6 Pro";
      font-size: 13px;
      font-weight: 900;
      height: 20px;
      line-height: 24px;
      margin-top: -3px;
      position: absolute;
      right: -5px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 10px;
      z-index: 5
}

.main-menu .navigation>li.dropdown:hover>ul {
      margin-top: 0;
      opacity: 1;
      top: 100%;
      -webkit-transition: .3s;
      transition: .3s;
      visibility: visible
}

.main-menu .navigation>li>ul {
      background-color: var(--body-bg);
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      display: none;
      left: 0;
      margin-top: 30px;
      opacity: 0;
      padding: 10px 0 0;
      position: absolute;
      top: 100%;
      width: 220px;
      z-index: 100
}

.main-menu .navigation>li>ul>li>ul,
.sticky-header {
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      opacity: 0
}

.main-menu .navigation>li>ul.from-right {
      left: auto;
      right: 0
}

.main-menu .navigation>li>ul>li {
      position: relative;
      width: 100%;
      border-bottom: 1px solid #1d2022
}

.main-menu .navigation>li>ul>li:last-child,
.main-menu .navigation>li>ul>li>ul>li:last-child,
.mobile-menu .navigation li>ul>li:last-child {
      border-bottom: none
}

.main-menu .navigation>li>ul>li>a {
      position: relative;
      display: block;
      padding: 13px 0;
      line-height: 1.4;
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color-white);
      text-align: left;
      margin: 0 30px;
      text-transform: capitalize;
      -webkit-transition: .2s;
      transition: .2s
}

.main-menu .navigation>li>ul>li.dropdown:hover>ul {
      visibility: visible;
      opacity: 1;
      top: 0;
      margin-top: 20px;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation>li>ul>li>ul {
      background-color: var(--body-bg);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      display: none;
      left: 100%;
      margin-top: 10px;
      padding: 10px 0 0;
      position: absolute;
      top: 0;
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
      width: 220px;
      z-index: 100
}

.main-menu .navigation>li>ul>li>ul>li {
      border-bottom: 1px solid #1d2022;
      position: relative;
      width: 100%
}

.main-menu .navigation>li>ul>li>ul>li>a {
      color: var(--theme-color-white);
      display: block;
      font-size: 15px;
      font-weight: 400;
      line-height: 1;
      margin: 0 30px;
      padding: 14px 0;
      position: relative;
      text-align: left;
      text-transform: capitalize;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation li.dropdown .dropdown-btn {
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 16px;
      height: 30px;
      line-height: 26px;
      position: absolute;
      right: 10px;
      text-align: center;
      top: 8px;
      width: 34px;
      z-index: 5
}

.main-header .header-lower .outer-box {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      height: 100%;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 10px 0;
      gap: 30px
}

.main-header .header-lower .outer-box .menu-text {
      color: var(--theme-color-white);
      font-family: "Plus Jakarta Sans";
      font-size: 18px;
      font-weight: 500;
      margin-right: 14px;
      display: inline-block
}

.main-header .ui-btn {
      background: 0 0;
      color: #a1a1a1 !important;
      display: block;
      font-size: 18px;
      line-height: 30px;
      margin-left: 26px;
      position: relative;
      font-weight: 500;
      text-align: center;
      -webkit-transition: .3s;
      transition: .3s
}

.menubars {
      width: 30px;
      line-height: 5px;
      text-align: right;
      background: 0 0;
      position: relative;
      z-index: 1;
      top: -3px;
      margin-left: 40px
}

.menubars span {
      display: inline-block;
      width: 90%;
      height: 2px;
      background-color: var(--theme-color3);
      -webkit-transition: .3s;
      transition: .3s
}

.menubars span:nth-child(3) {
      width: 70%
}

.header-3 .header-lower {
      padding-top: 0 !important;
      padding-bottom: 0 !important
}

.header-3 .main-box {
      padding: 13px 0 11px
}

.header-4 .header-lower {
      max-width: 1850px;
      padding: 0 15px;
      margin: 0 auto
}

.header-4 .main-menu .navigation>li {
      padding: 39px 0
}

@media screen and (max-width:1022px) {
      .mobile-nav-toggler {
            display: block !important
      }
}

.sticky-header {
      background-color: var(--body-bg);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      left: 0;
      position: fixed;
      top: 0;
      visibility: hidden;
      width: 100%;
      z-index: 99999;
      border-bottom: 1px solid var(--border-theme-color1)
}

.sticky-header.fixed-header {
      opacity: 1;
      visibility: visible;
      z-index: 9999
}

.sticky-header .logo {
      padding: 10px 0
}

.hidden-bar .upper-box .nav-logo img,
.sticky-header .logo img {
      max-height: 40px
}

.sticky-header .nav-outer {
      background: 0 0;
      position: relative
}

.sticky-header .inner-container {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative
}

.sticky-header .main-menu .navigation>li {
      margin: 0 0 0 40px;
      padding: 20px 0
}

.mobile-nav-toggler {
      position: relative;
      font-size: 30px;
      cursor: pointer;
      color: var(--theme-color-white);
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: none
}

.mobile-menu,
.mobile-menu .menu-backdrop {
      position: fixed;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      top: 0;
      right: 0
}

.mobile-menu {
      width: 350px;
      max-width: 100%;
      z-index: 999999
}

.mobile-menu .menu-backdrop {
      width: 100%;
      z-index: 1;
      background: rgba(0, 0, 0, .7)
}

.hidden-bar .upper-box .close-btn,
.mobile-menu .close-btn {
      font-size: 18px;
      line-height: 30px;
      z-index: 10;
      cursor: pointer
}

.mobile-menu .upper-box {
      position: relative;
      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;
      width: 100%;
      padding: 30px 20px
}

.mobile-menu .menu-box,
.mobile-menu .social-links {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox
}

.mobile-menu .close-btn {
      position: relative;
      top: 0;
      right: -5px;
      text-align: center;
      color: var(--theme-color-white);
      height: 30px;
      width: 30px;
      background-color: rgba(0, 0, 0, .1);
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px)
}

.hidden-bar .upper-box .close-btn:hover,
.mobile-menu .close-btn:hover {
      opacity: .5
}

.hidden-bar .upper-box .nav-logo,
.mobile-menu .nav-logo {
      position: relative;
      text-align: left;
      width: 100%
}

.mobile-menu .nav-logo img {
      max-height: 50px
}

.mobile-menu .menu-box {
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      max-height: 100%;
      overflow-y: auto;
      background-color: var(--body-bg);
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      padding: 0;
      z-index: 5;
      opacity: 0;
      visibility: hidden;
      border-radius: 0;
      -webkit-transform: translateX(101%);
      transform: translateX(101%)
}

.active-hidden-bar .hidden-bar-back-drop,
.mobile-menu-visible .mobile-menu {
      opacity: 1;
      visibility: visible
}

.hidden-bar,
.hidden-bar-back-drop,
.mobile-menu-visible .scroll-to-top {
      visibility: hidden;
      opacity: 0
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
      opacity: 1;
      visibility: visible;
      -webkit-transition: .4s;
      transition: .4s
}

.mobile-menu-visible .mobile-menu .menu-box {
      opacity: 1;
      visibility: visible;
      -webkit-transition: .4s .2s;
      transition: .4s .2s;
      -webkit-transform: translateX(0);
      transform: translateX(0)
}

.mobile-menu-visible .mobile-menu .close-btn,
.service-card-style-3:hover .content .title,
.service_single_item:hover .service_content .title {
      -webkit-transform: translateY(0);
      transform: translateY(0)
}

.mobile-menu .navigation {
      position: relative;
      display: block;
      width: 100%
}

.mobile-menu .navigation li {
      position: relative;
      display: block;
      border-bottom: 1px solid #1d2022
}

.mobile-menu .navigation li>a {
      position: relative;
      display: flex;
      line-height: 24px;
      padding: 10px 20px;
      font-size: 16px;
      color: var(--theme-color-white);
      font-weight: 400;
      text-transform: capitalize;
      align-items: center;
      justify-content: flex-start
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
      position: absolute;
      right: 0;
      top: 0;
      width: 44px;
      height: 44px;
      text-align: center;
      font-size: 16px;
      line-height: 44px;
      color: var(--theme-color-white);
      cursor: pointer;
      z-index: 5
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      width: 1px;
      height: 24px;
      border-left: 1px solid #1d2022
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
      content: "\f106"
}

.mobile-menu .navigation li>ul>li {
      padding-left: 20px
}

.contact-list-one {
      position: relative;
      padding: 30px 20px 20px
}

.contact-list-one li {
      position: relative;
      padding-left: 54px;
      min-height: 50px;
      margin-bottom: 20px
}

.contact-list-one li .icon {
      position: absolute;
      left: 0;
      top: 3px;
      font-size: 23px;
      line-height: 50px;
      color: var(--theme-color-white)
}

.contact-list-one li .title {
      display: block;
      font-size: 12px;
      color: var(--theme-color-white);
      font-weight: 500;
      text-transform: uppercase
}

.contact-list-one li .text {
      font-size: 14px;
      line-height: 24px;
      color: var(--theme-color-white)
}

.contact-list-one li .text a {
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s
}

.mobile-menu .social-links {
      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;
      width: 100%;
      margin-top: auto
}

.hidden-bar .inner-box,
.hidden-bar .upper-box {
      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-align: center;
      position: relative
}

.mobile-menu .social-links li {
      position: relative;
      text-align: center;
      width: 100%;
      border-right: 1px solid #1d2022
}

.hidden-bar .social-links li a,
.mobile-menu .social-links li a {
      position: relative;
      display: block;
      line-height: 50px;
      height: 50px;
      font-size: 14px;
      text-align: center;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s
}

.hidden-bar {
      position: fixed;
      right: 0;
      top: 0;
      height: 100%;
      overflow-y: auto;
      z-index: 99999;
      max-width: 320px;
      width: 100%;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      background: #fff;
      -webkit-transition: .5s;
      transition: .5s
}

.hidden-bar::-webkit-scrollbar {
      width: 2px
}

.hidden-bar::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 2px #cecece;
      box-shadow: inset 0 0 2px #cecece;
      border-radius: 10px
}

.hidden-bar::-webkit-scrollbar-thumb {
      background: #7a7a7a;
      border-radius: 10px
}

.hidden-bar::-webkit-scrollbar-thumb:hover {
      background: #7a7a7a
}

.hidden-bar .inner-box {
      width: 100%;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: var(--theme-color-black);
      height: 100%
}

.hidden-bar .upper-box {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      padding: 20px 30px 15px;
      border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.hidden-bar .upper-box .close-btn {
      position: relative;
      top: -5px;
      text-align: center;
      color: var(--theme-color1);
      -webkit-transition: .5s;
      transition: .5s
}

.hidden-bar .text-box {
      position: relative;
      padding: 25px 30px
}

.hidden-bar-back-drop {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, .5);
      z-index: 999;
      -webkit-transition: .5s;
      transition: .5s
}

.active-hidden-bar .hidden-bar {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
      visibility: visible
}

.hidden-bar .social-links {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      background: var(--theme-color-black);
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, .2);
      margin-top: auto
}

.hidden-bar .social-links li {
      position: relative;
      text-align: center;
      width: 100%;
      border-right: 1px solid rgba(255, 255, 255, .2)
}

.sec-title {
      position: relative;
      margin-bottom: 60px
}

.sec-title.text-center .sub-title:before {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
}

.sec-title .sub-title {
      position: relative;
      top: 0;
      font-size: var(--sec-title-subtitle-font-size);
      color: var(--sec-title-subtitle-color);
      line-height: var(--sec-title-subtitle-line-height);
      font-weight: var(--sec-title-subtitle-font-weight);
      font-family: var(--sec-title-subtitle-font-family);
      display: inline-block;
      padding-top: 14px;
      margin-bottom: 28px;
      text-transform: capitalize
}

.sec-title .work-title,
.sec-title h2 {
      color: var(--sec-title-color);
      font-family: var(--sec-title-font-family);
      font-weight: var(--sec-title-font-weight);
      position: relative
}

.sec-title .sub-title img {
      margin-right: 10px;
      margin-top: -4px;
      background-position: center center;
      width: 30px
}

.sec-title .work-title {
      font-size: 140px;
      line-height: 1em;
      text-transform: uppercase
}

.sec-title h2 {
      font-size: var(--sec-title-font-size);
      margin-top: -9px;
      line-height: 56px;
      margin-bottom: 0
}

.sec-title p,
p.sec-descrption {
      line-height: 28px
}

.sec-title p {
      font-size: 18px;
      width: 80%;
      margin: 24px 0 0
}

.contact-form-style-3 .form-group,
.sec-title .text {
      margin-top: 35px
}

.sec-title.style_two .sub-title {
      padding-top: 0;
      margin-bottom: 24px
}

.sec-title.style_two h2 {
      font-weight: 400;
      font-size: 42px;
      line-height: 52px
}

.sec-title.style_two h2 span {
      font-weight: 700;
      font-size: 42px;
      color: var(--theme-color2)
}

.sec-title.home-3 .sub-title {
      display: inline-block;
      border: 2px solid rgba(var(--theme-color-white-rgb), .1);
      border-radius: 50px;
      padding: 11px 12px
}

.sec-title.home-3 .sub-title img {
      -webkit-animation-name: rotateme2;
      animation-name: rotateme2
}

.sec-title.home-3 h2 {
      font-weight: 300;
      font-size: 42px
}

.sec-title.home-3 h2 span {
      font-weight: 700
}

.sec-title.style_color .text {
      color: #aab3bb
}

.banner-section {
      position: relative;
      overflow: hidden;
      z-index: 1;
      height: 950px;
      padding: 0 188px
}

.banner-section .hero_upper {
      margin-top: -30px
}

.banner-section .content-box {
      position: relative;
      z-index: 2;
      max-width: 980px
}

.banner-section .content-box .title {
      font-size: 110px;
      font-weight: 700;
      color: #fff;
      line-height: 120px;
      margin-bottom: 40px
}

.banner-section .content-box .title span {
      font-weight: 300;
      color: var(--theme-color1)
}

.banner-section .banner_icon-bx2 {
      position: absolute;
      bottom: 0;
      left: calc(50% - 84px);
      cursor: pointer
}

.about-section .about-icon-box .about-count,
.banner-section .banner_icon-bx2 .banner-icon,
.testimonial-section-two .testimonial-single_box-two .tesimonial-thumb {
      -ms-flex-negative: 0;
      flex-shrink: 0
}

.banner-section .banner_icon-bx2 .text-circle-box {
      background-color: var(--theme-color1);
      width: 168px;
      height: 168px;
      line-height: 168px;
      text-align: center;
      border-radius: 50%
}

.banner-section .banner_icon-bx2 .icon {
      font-size: 30px;
      color: var(--theme-color-black);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 45%;
      top: 51%
}

.banner-section .hero-img {
      position: absolute;
      right: 13%;
      top: 24%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 99
}

.banner-section .hero-img img {
      max-width: inherit;
      height: 600px
}

.banner-section .follow-us {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      right: 50px;
      bottom: 70px
}

.banner-section .follow-us .follow-title {
      margin-bottom: 10px;
      color: var(--theme-color-white);
      font-size: 14px;
      margin-right: 20px;
      position: relative;
      z-index: 1
}

.banner-section .follow-us .follow-title::before {
      position: absolute;
      content: "";
      border: 1px solid rgba(244, 245, 248, .7411764706);
      top: 13px;
      left: -90px;
      width: 80px
}

.banner-section .follow-us .social-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px
}

.banner-section .follow-us .social-links a {
      display: inline-block;
      color: var(--theme-color-white);
      text-decoration: none;
      font-size: 13px;
      -webkit-transition: .3s;
      transition: .3s
}

.banner-section .email-link {
      position: absolute;
      left: -15px;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
      top: 60%
}

.banner-section .email-link a,
.hero-3 .email-link a {
      font-weight: 400;
      font-size: 18px;
      display: inline-block;
      color: var(--theme-color-white);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: relative;
      z-index: 1
}

.banner-section .email-line {
      position: absolute;
      left: 56px;
      top: 29%
}

.banner-section.style_two {
      height: 950px;
      padding: 0
}

.banner-section.style_two .hero_upper {
      margin-top: 84px
}

.banner-section.style_two .content-box .title {
      margin-bottom: 30px;
      font-weight: 700;
      font-size: 90px;
      line-height: 100px;
      text-transform: uppercase
}

.banner-section.style_two .content-box .hero-campaign {
      position: absolute;
      right: 8%;
      top: 55%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.banner-section.style_two .content-box .hero-campaign span.campaign-badge,
.testimonial-image-style-3 .testi-campaign span.campaign-badge {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      background: var(--theme-color1);
      color: var(--theme-color-black);
      padding: 9px 29px;
      border-radius: 40px;
      display: inline-block;
      -webkit-transform: rotate(-24deg);
      transform: rotate(-24deg)
}

.about-section-two .image-column .about-campaign span.campaign-badge::before,
.banner-section.style_two .content-box .hero-campaign span.campaign-badge::before,
.testimonial-image-style-3 .testi-campaign span.campaign-badge::before {
      position: absolute;
      content: "";
      right: -24px;
      top: -14px;
      height: 24px;
      width: 26px;
      background: url(../images/home-2/icon.png) 0 0/cover no-repeat;
      -webkit-transform: rotate(17deg);
      transform: rotate(17deg)
}

.banner-section.style_two .content-box .hero-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 300px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      right: -50%;
      bottom: 30%
}

@media (max-width:1699.98px) {
      .banner-section.style_two .content-box .hero-marketing-box {
            bottom: 0;
            right: -20%
      }
}

.banner-section.style_two .content-box .hero-marketing-box::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 2px;
      background: linear-gradient(97deg, rgba(255, 255, 255, .65), rgba(0, 0, 0, .31));
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1
}

.banner-section.style_two .content-box .hero-marketing-box .marketing-icon,
.choose-us-image-style-3 .choose-marketing-box .marketing-icon,
.hero-3 .hero-image .hero-marketing-box .marketing-icon,
.testimonial-image-style-3 .testi-marketing-box .marketing-icon {
      height: 70px;
      width: 70px;
      background: var(--theme-color1);
      border-radius: 10px;
      line-height: 70px;
      text-align: center;
      -ms-flex-negative: 0;
      flex-shrink: 0
}

.banner-section.style_two .content-box .hero-marketing-box h6.marketing-title,
.choose-us-image-style-3 .choose-marketing-box h6.marketing-title,
.hero-3 .hero-image .hero-marketing-box h6.marketing-title,
.testimonial-image-style-3 .testi-marketing-box h6.marketing-title {
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      margin: 0
}

.banner-section.style_two .banner_icon-bx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px;
      position: inherit;
      bottom: 0;
      left: 0;
      -webkit-animation: 1s 1.6s both fadeInUp;
      animation: 1s 1.6s both fadeInUp;
      margin-bottom: 40px
}

.banner-section.style_two .banner_icon-bx .banner-text p {
      font-size: 18px;
      line-height: 32px;
      margin: 0;
      color: var(--theme-color-white);
      width: 70%
}

.banner-section.style_two .hero-thumb {
      position: absolute;
      right: 0;
      bottom: -16px
}

.banner-section.style_two .theme-btn-main {
      margin-left: 60px
}

.hero-3 {
      padding: 230px 0 140px;
      position: relative;
      overflow: hidden
}

.hero-3 .hero-shape {
      position: absolute;
      bottom: -100px;
      left: 0
}

.hero-3 .email-link {
      position: absolute;
      left: 22px;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
      top: 60%
}

.hero-3 .email-line {
      left: 107px;
      position: absolute;
      top: 29%
}

.hero-3 .hero-content .title {
      font-size: 90px;
      font-weight: 800;
      color: #f8f8f8;
      line-height: 160%
}

@media (max-width:1399.98px) {
      .hero-3 .hero-content .title {
            font-size: 85px
      }

      .hero-3 .hero-content .title .arrow-icon::before {
            display: none
      }
}

@media (max-width:1199.98px) {
      .section-padding {
            padding: 100px 0
      }

      .sec-title h2 br,
      .sec-title.home-3 h2 br {
            display: none
      }

      .banner-section.style_two .theme-btn-main {
            margin-left: 0
      }

      .hero-3 .hero-content .title {
            font-size: 85px
      }
}

@media (max-width:991.98px) {
      .list-style-three {
            margin-top: 0
      }

      .section-padding {
            padding: 80px 0
      }

      .mobile-nav-toggler {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
      }

      .sec-title .work-title {
            font-size: 100px
      }

      .banner-section .follow-us {
            display: none
      }

      .hero-3 .hero-content .title {
            font-size: 60px
      }
}

@media (max-width:767.98px) {
      .sec-title {
            margin-bottom: 30px
      }

      .sec-title .work-title {
            font-size: 80px
      }

      .hero-3 {
            padding: 130px 0 120px
      }

      .hero-3 .hero-content .title {
            font-size: 50px
      }
}

@media (max-width:475.98px) {
      .hero-3 .hero-content .title {
            font-size: 40px
      }
}

.hero-3 .hero-content .title .text-1 {
      border: 2px solid #fff;
      padding: 0 14px 7px;
      border-radius: 10px
}

.hero-3 .hero-content .title .arrow-icon {
      margin-right: 30px;
      margin-left: 30px;
      top: -13px;
      position: relative;
      display: inline-block
}

.hero-3 .hero-content .title .arrow-icon::before {
      position: absolute;
      top: 50px;
      left: -30px;
      content: "";
      width: 65px;
      height: 65px;
      border-radius: 50%;
      border: 1px solid rgba(248, 248, 248, .2)
}

.hero-3 .hero-content p {
      font-size: 18px;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family);
      line-height: 170%;
      max-width: 518px;
      margin-top: 50px
}

.hero-3 .hero-content .hero-button-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 48px;
      margin-top: 60px
}

.hero-3 .hero-content .hero-button-items .client-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px
}

.hero-3 .hero-content .hero-button-items .client-item .client-image img {
      width: 50px;
      height: 50px;
      border-radius: 50%
}

.hero-3 .hero-content .hero-button-items .client-item .client-image .icon-1,
.hero-3 .hero-content .hero-button-items .client-item .client-image .icon-2,
.hero-3 .hero-content .hero-button-items .client-item .client-image .icon-3 {
      margin-right: -12px
}

.hero-3 .hero-content .hero-button-items .client-item .client-image .count-box {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: inline-block;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 18px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      text-align: center;
      line-height: 50px
}

.hero-3 .hero-content .hero-button-items .client-item .happy-title {
      font-size: 16px;
      color: var(--theme-color-white);
      font-weight: 400;
      line-height: 156%
}

.hero-3 .hero-image {
      position: relative;
      width: 424px
}

.hero-3 .hero-image .hero-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 300px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      left: -40px;
      bottom: 10px
}

.choose-us-image-style-3 .choose-marketing-box img,
.hero-3 .hero-image .hero-marketing-box img,
.testimonial-image-style-3 .testi-circle img,
.testimonial-image-style-3 .testi-marketing-box img {
      width: initial;
      height: initial;
      border-radius: 0
}

.choose-us-image-style-3 .choose-marketing-box::before,
.hero-3 .hero-image .hero-marketing-box::before,
.testimonial-image-style-3 .testi-marketing-box::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 2px;
      background: linear-gradient(97deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, .31));
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1
}

.hero-3 .hero-image .video-btn {
      display: inline-block;
      width: 100px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 25px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
}

.hero-3 .hero-image::after,
.hero-3 .hero-image::before {
      height: 5px;
      width: 100%;
      position: absolute;
      right: 0;
      content: ""
}

.hero-3 .hero-image::before {
      top: 0;
      left: 0;
      background-color: var(--theme-color-black)
}

.hero-3 .hero-image::after {
      top: -5px;
      left: 0;
      background-color: var(--theme-color1)
}

.hero-3 .hero-image img {
      max-width: initial;
      width: 100%
}

.hero-4 {
      padding: 538px 0 0;
      position: relative
}

.hero-4 .hero-content .video-items,
.hero-4 .social-icon-list1 {
      -webkit-box-align: center;
      display: -webkit-box;
      display: -ms-flexbox
}

.hero-4 .social-icon-list1 {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      position: absolute;
      bottom: 250px;
      right: 0
}

.hero-4 .get-text {
      font-size: 16px;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family);
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      bottom: 115px;
      left: 111px
}

@media (max-width:1599.98px) {

      .hero-3 .email-line,
      .hero-3 .email-link,
      .hero-4 .get-text,
      .hero-4 .social-icon-list1 {
            display: none
      }

      .hero-3 .hero-image {
            margin-left: -100px;
            height: 450px
      }

      .hero-3 .hero-image img {
            -o-object-fit: cover;
            object-fit: cover
      }
}

.hero-4 .circle-shape {
      position: absolute;
      left: 65px;
      top: 160px
}

.hero-4 .hero-content {
      margin-top: -230px
}

.hero-4 .hero-content .hero-title {
      font-size: 80px;
      line-height: 1.4
}

.hero-4 .hero-content .hero-title span {
      color: var(--theme-color1);
      text-decoration: underline
}

.hero-4 .hero-content .hero-title img {
      border-radius: 120px;
      border: 4px solid rgba(255, 255, 255, .2);
      margin-right: 12px
}

.hero-4 .hero-content .sub-title {
      color: var(--theme-color-white);
      margin-top: 45px;
      padding-left: 200px;
      position: relative
}

.hero-4 .hero-content .sub-title::before {
      background: rgba(var(--theme-color-white-rgb), .3);
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      top: 16px;
      width: 178px
}

.hero-4 .hero-content .video-items {
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      gap: 110px;
      margin-top: 40px
}

.hero-4 .hero-content .video-items .video-btn {
      display: inline-block;
      width: 90px;
      height: 90px;
      text-align: center;
      line-height: 90px;
      border-radius: 50%;
      border: 2px solid var(--theme-color1);
      color: var(--theme-color1)
}

.hero-4 .hero-content .video-items p {
      font-size: 16px;
      font-weight: 500;
      line-height: 162, 5%;
      margin-bottom: 0;
      max-width: 552px
}

.about-content-style-3 .about-image-2,
.about-section-four,
.brand-wrapper-3,
.hero-4 .hero-image,
.service-section-3,
.service-section-4 {
      position: relative;
      z-index: 9
}

.hero-4 .hero-image .circle-box {
      width: 168px;
      height: 168px;
      border-radius: 50%;
      background-color: var(--theme-color1);
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -30%;
      text-align: center;
      line-height: 168px
}

.hero-4 .hero-image .circle-box .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      text-align: center;
      font-size: 36px;
      color: var(--theme-color-black)
}

.hero-4 .hero-image img {
      border-top-left-radius: 200px;
      border-top-right-radius: 200px
}

.hero-4 .hero-image::before {
      position: absolute;
      top: 0;
      right: 10px;
      bottom: 0;
      content: "";
      width: 424px;
      height: 486px;
      content: "";
      background-color: var(--theme-color1);
      border-radius: 500px 500px 0 0;
      z-index: -1
}

.about-section .about-icon-box,
.about-section .about-icon-box::before {
      border-top-right-radius: 190px;
      border-bottom-right-radius: 190px;
      border-bottom-left-radius: 190px
}

.about-section {
      position: relative;
      padding: 150px 0 100px;
      background: var(--theme-color4);
      z-index: 1
}

.about-section .about-shape {
      position: absolute;
      left: 7%;
      margin: 0;
      bottom: 9%;
      text-align: center;
      z-index: -2
}

.about-section .sec-title {
      position: relative;
      margin-bottom: 60px;
      margin-left: 30px
}

.about-section .sec-title .sub-title {
      padding-top: 27px
}

.about-section .sec-title .sub-title:before {
      top: 21px
}

@media (max-width:1702.98px) {
      .about-section .sec-title {
            margin-left: 0
      }

      .about-section .sec-title h2 br {
            display: none
      }
}

.about-section .sec-title h2 span {
      font-size: 46px;
      line-height: 56px
}

.about-section .about-icon-box {
      background: #111;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 115px;
      padding: 25px 65px 55px;
      width: 760px;
      margin-left: -142px;
      position: relative
}

.about-section .bg-blur,
.about-section .bg-blur2,
.about-section-two .buler-bg {
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%)
}

.about-section .bg-blur,
.about-section .bg-blur2 {
      bottom: 3%;
      height: 555px;
      width: 555px;
      z-index: -2;
      border-radius: 50%;
      position: absolute
}

.about-section .about-icon-box::before {
      position: absolute;
      content: "";
      left: 10px;
      top: -10px;
      width: 100%;
      height: 100%;
      background-color: var(--theme-color1);
      z-index: -1
}

.about-section .about-icon-box .about-count span.count-text {
      font-weight: 600;
      font-size: 90px;
      color: var(--theme-color1);
      line-height: 1;
      font-family: var(--heading-font-family)
}

.about-section .about-icon-box .about-count span.plus {
      font-family: var(--sec-title-font-family);
      font-weight: 400;
      font-size: 34px;
      color: var(--theme-color1);
      position: relative;
      top: -54px;
      left: 6px
}

.about-section .about-icon-box .about-count .counter-title {
      font-size: 18px;
      font-weight: 400;
      color: var(--theme-color-white);
      margin-top: 15px;
      margin-left: 0;
      max-width: 155px;
      line-height: 156%
}

.about-section .about-icon-box .about-content p {
      font-weight: 400;
      line-height: 26px;
      color: var(--text-color);
      margin: 20px 0 38px
}

.about-section .about-icon-box .dance-sp.bounce-animate2 {
      position: absolute;
      bottom: 6%;
      left: 26%
}

.about-section .bg-blur {
      right: 0
}

.about-section .bg-blur2 {
      left: 1%
}

.about-section .about-shape2 {
      position: absolute;
      right: 5%;
      top: 14%;
      z-index: -1
}

.about-section .image-column .inner-column {
      z-index: -1
}

.about-section .theme-btn-main .theme-btn {
      font-size: 16px;
      padding: 10px 34.1px
}

.about-section .theme-btn-main .theme-btn-arrow-left,
.about-section .theme-btn-main .theme-btn-arrow-right {
      width: 48px;
      height: 48px;
      line-height: 48px
}

.about-section .theme-btn-main:hover .theme-btn {
      -webkit-transform: translateX(48px);
      transform: translateX(48px)
}

.about-section-two {
      padding-bottom: 140px;
      position: relative;
      z-index: 1
}

.about-section-two .about-shape {
      bottom: -21%;
      margin: 0;
      position: absolute;
      right: -13%;
      text-align: center;
      z-index: 1
}

.about-section-two .about-shape img,
.services-section-two .shape img {
      width: 75%
}

.about-section-two .content-column .inner-column {
      margin-top: 40px
}

.about-section-two .image-column .image-1:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: -24px;
      top: -14px;
      background-color: var(--theme-color1);
      -webkit-mask-image: url(../images/home-2/about-img-mask1.png);
      mask-image: url(../images/home-2/about-img-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: left top;
      mask-position: left top;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-1 img {
      -webkit-mask-image: url(../images/home-2/about-img-mask1.png);
      mask-image: url(../images/home-2/about-img-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-2 {
      position: absolute;
      bottom: -23px;
      right: 126px;
      z-index: 2
}

.about-section-two .image-column .image-2:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 24px;
      top: 14px;
      background-color: #111;
      -webkit-mask-image: url(../images/home-2/about-img-mask2.png);
      mask-image: url(../images/home-2/about-img-mask2.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-2 img,
.faq-image-style-1 img {
      -webkit-mask-size: contain;
      -webkit-mask-position: center center;
      -webkit-mask-repeat: no-repeat
}

.about-section-two .image-column .image-2 img {
      -webkit-mask-image: url(../images/home-2/about-img-mask2.png);
      mask-image: url(../images/home-2/about-img-mask2.png);
      mask-size: contain;
      mask-position: center center;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-shape {
      position: absolute;
      bottom: 0;
      left: -28px
}

.about-section-two .image-column .about-campaign {
      position: absolute;
      right: 24%;
      top: 67px
}

.about-section-two .image-column .about-campaign span.campaign-badge {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      background: var(--theme-color1);
      color: var(--theme-color2);
      padding: 9px 29px;
      border-radius: 40px;
      display: inline-block
}

.about-section-two .sec-title {
      margin-bottom: 48px;
      max-width: 610px;
      position: relative
}

.about-section-two p.about-qute {
      line-height: 26px;
      padding-left: 30px;
      position: relative;
      width: 84%;
      margin-bottom: 45px
}

.about-section-two p.about-qute::before {
      position: absolute;
      content: "";
      left: 0;
      top: 6px;
      height: 70px;
      width: 3px;
      background: var(--theme-color1)
}

.about-section-two .about-icon-box .about-count,
.about-section-two .main-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}

.about-section-two .main-box .icon-box,
.acrdtn-h.has-data,
.brand-section .owl-carousel .owl-item img,
.count-box span,
.nav-links>div .thumb a {
      display: inline-block
}

.about-section-two .main-box .icon-box .icon {
      float: left;
      margin-right: 20px;
      margin-top: 0
}

.about-section-two .main-box .icon-box .icon img,
.apply-button2 span,
.nav-links>div,
table.cart-total .coupon-form .apply-button span,
table.tbl-shopping-cart .coupon-form .apply-button span {
      -webkit-transition: .5s;
      transition: .5s
}

.about-section-two .main-box .icon-box .title {
      font-weight: 500;
      font-size: 20px;
      line-height: 26px
}

.tesimonail_list.default-navs .owl-nav .owl-next,
.tesimonail_list.default-navs .owl-nav .owl-prev {
      font-weight: 700;
      line-height: 50px;
      color: var(--theme-color1);
      width: 50px;
      height: 50px;
      border-radius: 0
}

.about-section-two .main-box .icon-box:hover .icon img,
.service_single_item-2:hover .service_icon img,
.why-choose-us-section .choose-single-box:hover .choose-icon i {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1)
}

.about-section-two .main-box .icon-box.two {
      margin-left: 77px
}

.about-section-two .about-icon-box {
      margin-left: 30px;
      margin-top: 25px;
      position: relative;
      z-index: 2
}

.about-section-two .about-icon-box .about-count span.count-text {
      font-weight: 700;
      font-size: 80px;
      line-height: 1;
      color: var(--theme-color1);
      font-family: var(--heading-font-family)
}

.about-section-two .about-icon-box .about-count span.plus {
      font-family: var(--sec-title-font-family);
      font-weight: 400;
      font-size: 34px;
      position: relative;
      top: -54px;
      left: 6px;
      color: var(--theme-color1)
}

.about-section-two .about-icon-box .about-count h6.counter-title {
      font-size: 18px;
      line-height: 24px;
      margin-top: 28px;
      margin-left: -8px;
      max-width: 100px;
      font-family: var(--heading-font-family)
}

.about-section-two .about-content p {
      font-weight: 400;
      line-height: 26px;
      color: var(--theme-color1);
      margin: 13px 0 38px
}

.about-section-two .theme-buton a {
      margin-top: 34px
}

.about-section-two .about-shape2 {
      position: absolute;
      top: 17%;
      right: 6%;
      z-index: -1
}

.about-section-two .buler-bg {
      position: absolute;
      left: 11%;
      bottom: 0;
      height: 700px;
      width: 700px;
      z-index: -1;
      pointer-events: none
}

.about-images-style-3 {
      position: relative;
      max-width: 476px;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-size: cover;
      mask-size: cover;
      z-index: 9
}

.about-images-style-3 img {
      width: 100%;
      height: 100%;
      display: initial
}

.about-images-style-3 .gradient-shape {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1
}

.about-content-style-3::before {
      position: absolute;
      right: -34%;
      bottom: -10%;
      content: "";
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%);
      z-index: -1
}

.about-content-style-3 .about-text {
      font-family: var(--heading-font-family);
      max-width: 511px;
      margin-top: 35px;
      color: rgba(255, 255, 255, .8)
}

.about-content-style-3 .about-list-items ul {
      border: 2px solid rgba(255, 255, 255, .1);
      padding: 29px 25px;
      background-color: rgba(97, 97, 97, .1);
      border-radius: 20px;
      margin-top: 20px;
      margin-bottom: 50px
}

.about-content-style-3 .about-list-items ul li {
      font-size: 17px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      color: var(--theme-color-white);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px
}

.about-content-style-3 .about-list-items ul li:not(:last-child) {
      margin-bottom: 16px
}

.about-content-style-3 .about-list-items ul li span {
      max-width: 18px;
      width: 100%;
      height: 18px;
      display: inline-block;
      border: 2px solid var(--theme-color1);
      border-radius: 50%;
      position: relative
}

.about-content-style-3 .about-list-items ul li span::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: var(--theme-color1);
      content: ""
}

.about-content-style-3 .about-list-items ul li span::after {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 3px;
      height: 3px;
      border-radius: 3px;
      background-color: var(--theme-color-black);
      content: ""
}

.about-content-style-3 .about-image-2 img {
      width: 100%;
      height: 100%;
      border-radius: 200px
}

.about-content-style-3 .about-btn {
      margin-top: 68px
}

.about-content-style-3 .about-btn a,
.contact-section-two .contact-btn a {
      display: inline-block;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: var(--theme-color-white);
      position: relative
}

.about-content-style-3 .about-btn a::before {
      position: absolute;
      content: "";
      right: -25px;
      top: -22px;
      height: 70px;
      width: 70px;
      line-height: 70px;
      border: 2px solid var(--theme-color1);
      border-radius: 50%;
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 1
}

.about-content-style-3 .about-btn a:hover:before {
      right: 0;
      opacity: 0
}

.about-content-style-3 .about-btn a img,
.contact-section-two .contact-btn a img,
.pricing-single-bx .inner-box .pricing-btn a i {
      margin-left: 10px
}

.about-section-3 .sec-title {
      max-width: 652px
}

.about-section-3 .shape-1,
.footer-main-wrapper .footer-circle-shape,
.footer-main-wrapper-4 .left-shape,
.footer-style-two.style-two .anim-icons .image-1,
.success-section-3 .suceess-shape,
.work-section .shape-3 {
      position: absolute;
      bottom: 0;
      left: 0
}

.about-section-3 .shape-2 {
      position: absolute;
      bottom: 80px;
      left: 60%
}

.about-section-3 .shape-3,
.footer-main-wrapper-4 .right-shape,
.work-section .right-shape1 {
      position: absolute;
      top: 0;
      right: 0
}

.about-section-four .bg-left-shape {
      position: absolute;
      bottom: -25%;
      left: 0;
      z-index: -1
}

.about-section .video-btn i,
.about-section-four .anim-icons {
      pointer-events: none
}

.about-section-four .anim-icons .image-1,
.products-box .outer-box .banner-box-two {
      position: absolute;
      right: 0;
      top: 0
}

.about-section-four .content-row {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.about-section-four .image-column .inner-column .image-one {
      display: inline-block;
      margin-bottom: 0;
      z-index: 1;
      position: relative;
      max-width: 574px;
      height: 558px;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574 558"><path fill-rule="evenodd" clip-rule="evenodd" d="M115.947 279L0 212.708L85.4595 66.2926L201.474 132.47L201.539 0H372.461L372.526 132.47L488.539 66.2926L574 212.708L458.052 279L574 345.292L488.539 491.708L372.526 425.53L372.461 558H201.539L201.474 425.53L85.4595 491.708L0 345.292L115.947 279Z" /></svg>');
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574 558"><path fill-rule="evenodd" clip-rule="evenodd" d="M115.947 279L0 212.708L85.4595 66.2926L201.474 132.47L201.539 0H372.461L372.526 132.47L488.539 66.2926L574 212.708L458.052 279L574 345.292L488.539 491.708L372.526 425.53L372.461 558H201.539L201.474 425.53L85.4595 491.708L0 345.292L115.947 279Z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center
}

.about-section-four .content-column .inner-column .sec-title,
.comment-one .comment-one__title,
.contact-widget .address,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .widget-head,
.input-group,
.product-details .bx-wrapper,
.product-details.rd-page .bx-wrapper,
.products-box .sec-title,
.related-product h3,
.shop-sidebar .sidebar-search,
.skill-section .skills .skill-item,
.work-box-items-3 .work-content .content .title {
      margin-bottom: 30px
}

.about-section-four .content-column .inner-column .info-box {
      margin-top: 20px;
      margin-bottom: 40px
}

.about-section-four .content-column .inner-column .info-box .inner .icon-box {
      width: 64px;
      height: 64px;
      line-height: 60px;
      text-align: center;
      background-color: var(--theme-color1);
      border-radius: 50%;
      margin-bottom: 30px
}

.about-section-four .content-column .inner-column .info-box .inner .icon-box i,
.about-section-four .content-column .inner-column .info-box .inner .icon-box img,
.choose-us-box-style-3 .choose-us-box-3 .icon i,
.choose-us-box-style-3 .choose-us-box-3 .icon img,
.service-card-style-3 .icon img,
.service-card-style-4 .icon i,
.service-card-style-4 .icon img,
.service_single_item .service_icon i,
.service_single_item .service_icon img {
      -webkit-transition: .9s;
      transition: .9s;
      display: inline-block
}

.about-section-four .content-column .inner-column .info-box .inner .info-title {
      font-weight: 500;
      margin-bottom: 14px;
      font-size: 20px
}

.about-section-four .content-column .inner-column .info-box .inner .text {
      line-height: 29px;
      color: #ccc
}

.about-section-four .content-column .inner-column .info-box .inner:hover .icon-box i,
.about-section-four .content-column .inner-column .info-box .inner:hover .icon-box img,
.choose-us-box-style-3:hover .choose-us-box-3 .icon i,
.choose-us-box-style-3:hover .choose-us-box-3 .icon img,
.service-card-style-3:hover .icon i,
.service-card-style-3:hover .icon img,
.service-card-style-4:hover .icon i,
.service-card-style-4:hover .icon img,
.service_single_item:hover .service_icon i,
.service_single_item:hover .service_icon img,
.why-choose-us-content-1 .icon-box-list li:hover i,
.why-choose-us-content-1 .icon-box-list li:hover img {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg)
}

.about-style-img-1 img {
      border-radius: 20px 20px 20px 220px;
      -o-object-fit: cover;
      object-fit: cover;
      min-height: 547px
}

.mission-section {
      padding: 0 0 120px;
      background: var(--theme-color4)
}

.mission-section .icon-box,
.testimonial-box-items-3 .content .client-info .info-title,
.testimonial-section-two .testimonial-single_box-two .testi_content .testi_aroow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px
}

.mission-section p.mission-description {
      line-height: 26px;
      margin-top: 28px;
      width: 85%
}

.mission-section .mission-list-item {
      border: 1px solid rgba(255, 255, 255, .1);
      padding: 37px 0;
      position: relative;
      z-index: 1
}

.mission-section .mission-list-item::before {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      margin: auto;
      left: 0;
      height: 100%;
      width: 1px;
      background: rgba(255, 255, 255, .1);
      z-index: -1
}

.mission-section .mission-list-item .misssion-list-two {
      margin-top: 37px;
      border-top: 1px solid rgba(255, 255, 255, .1);
      padding-top: 36px
}

.mission-section .mission-list-item ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 20px
}

.mission-section .mission-list-item ul li {
      font-weight: var(--h5-font-weight);
      font-size: 20px;
      font-weight: 400;
      color: var(--theme-color-white);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      max-width: 260px;
      width: 100%;
      -webkit-transition: .5s;
      transition: .5s
}

.cta-video-thumb {
      margin-bottom: -300px;
      overflow: hidden;
      position: relative;
      z-index: 99
}

.cta-video-thumb .vec-left-shape {
      left: 0;
      position: absolute;
      top: 20px
}

.cta-video-thumb .vec-right-shape {
      bottom: 20px;
      position: absolute;
      right: 0
}

.cta-video-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 16px;
      -o-object-fit: cover;
      object-fit: cover
}

.cta-video-thumb::before {
      background-color: var(--theme-color1);
      bottom: -56%;
      border-radius: 500px;
      content: "";
      height: 682px;
      left: 50%;
      opacity: .9;
      position: absolute;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 682px
}

.cta-video-thumb .video-btn {
      display: inline-block;
      width: 100px;
      height: 100px;
      line-height: 100px;
      background-color: var(--theme-color-black);
      font-size: 28px;
      color: var(--theme-color1);
      text-align: center;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
}

.cta-video-thumb .title {
      bottom: 50px;
      color: var(--theme-color-black);
      font-size: 42px;
      font-weight: 600;
      left: 0;
      line-height: 60px;
      margin: 0 auto;
      max-width: 521px;
      position: absolute;
      right: 0;
      text-align: center
}

.cta-video-section .vec-cup-shape {
      position: absolute;
      top: 55px;
      left: 55px
}

.cta-video-section .vec-video-shape {
      position: absolute;
      top: 190px;
      left: 55px;
      z-index: 1
}

.faq-image-style-1 {
      height: 100%;
      max-width: 558px;
      position: relative
}

.faq-image-style-1 img {
      width: 100%;
      height: 100%;
      -webkit-mask-image: url(../images/home-4/faq-image-mask.png);
      mask-image: url(../images/home-4/faq-image-mask.png);
      mask-size: contain;
      mask-position: center center;
      mask-repeat: no-repeat
}

.faq-image-style-1 .counter-box-items {
      background-color: var(--theme-color1);
      border-radius: 15px;
      padding: 50px 40px;
      position: absolute;
      text-align: center;
      top: 0;
      right: 0
}

.accordion-box .block,
.accordion-box .block .acc-btn .icon {
      background: -webkit-gradient(linear, left top, right top, color-stop(6.25%, #0c0c0c), color-stop(93.75%, #1c1c1c));
      background: linear-gradient(90deg, #0c0c0c 6.25%, #1c1c1c 93.75%)
}

.faq-image-style-1 .counter-box-items .count-text {
      font-weight: 600;
      font-size: 60px;
      color: var(--theme-color-black);
      line-height: 1;
      font-family: var(--heading-font-family)
}

.faq-image-style-1 .counter-box-items .plus {
      font-family: var(--sec-title-font-family);
      font-weight: 400;
      font-size: 34px;
      color: var(--theme-color-black);
      position: relative;
      top: -28px;
      left: 6px
}

.faq-image-style-1 .counter-box-items p {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      line-height: 156%;
      font-family: var(--heading-font-family);
      color: var(--theme-color-black);
      max-width: 115px;
      margin-top: 11px;
      margin-bottom: 0
}

.service-card-style-3 .service-btn a,
.service_single_item .service-btn a {
      padding: 10px 30px;
      font-family: var(--sec-title-font-family);
      overflow: hidden
}

.accordion-box .block {
      position: relative;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, .1);
      margin-bottom: 30px;
      -webkit-transition: .3s;
      transition: .3s
}

.services-section .service-bg-blur,
.services-section-two .buler-bg {
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      z-index: -1
}

.accordion-box .block.active-block {
      border-radius: 20px !important;
      border: 1px solid var(--theme-color1);
      border-bottom: none
}

.accordion-box .block .acc-btn {
      position: relative;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      line-height: 19px;
      cursor: pointer;
      padding: 30px;
      text-transform: capitalize;
      -webkit-transition: .5s;
      transition: .5s
}

.accordion-box .block .acc-btn .icon {
      position: absolute;
      top: 15px;
      right: 20px;
      width: 45px;
      height: 45px;
      font-size: 18px;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .1);
      -webkit-transition: .5s;
      transition: .5s
}

.accordion-box .block .acc-btn .icon:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      border-radius: 50%;
      background: var(--gradient-1);
      -webkit-transition: .3s;
      transition: .3s
}

.accordion-box .block .acc-btn.active {
      padding-bottom: 30px
}

.accordion-box .block .acc-btn.active .icon:before {
      content: "\f068"
}

.accordion-box .block .acc-btn.active .icon:after {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
}

.accordion-box .block .acc-content {
      position: relative;
      display: none
}

.accordion-box .block .acc-content .content {
      position: relative;
      padding: 0 30px 30px
}

.accordion-box .block .acc-content .content .text {
      display: block;
      font-size: 18px;
      line-height: 30px;
      font-weight: 500;
      margin-bottom: 0
}

.services-section {
      position: relative;
      padding: 120px 0;
      z-index: 1
}

.services-section .service-sp-right {
      position: absolute;
      top: 40px;
      right: 0
}

.services-section .theme-btn-main {
      font-size: 16px;
      font-weight: 400
}

.services-section .sec-title {
      margin-left: 50px
}

.services-section .icon-single-box p {
      margin-right: 16px
}

.services-section .service-column .inner-column {
      margin-right: -305px
}

.services-section .service-column .inner-column .owl-stage-outer {
      margin-left: 18px;
      margin-top: -40px
}

.services-section .service-column .inner-column .default-navs .owl-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: -34%;
      right: 24%
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev {
      height: 64px;
      width: 64px;
      color: var(--theme-color2);
      background-color: transparent;
      border: 1px dashed var(--theme-color2);
      line-height: 64px
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next:hover,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev:hover {
      background: var(--bg-theme-color2);
      color: var(--bg-theme-color1)
}

.services-section .service-bg-blur {
      position: absolute;
      left: 7%;
      top: 0;
      height: 550px;
      width: 550px;
      border-radius: 50%
}

.news-block .blog-single-box.style_two .content-box,
.services-section .service-slider {
      margin-left: 0
}

.service_single_item {
      background: rgba(255, 255, 255, .08);
      padding: 60px 50px;
      position: relative;
      z-index: 1
}

.service_single_item .service_icon,
.service_single_item-2 .service_icon {
      height: 65px;
      width: 65px;
      line-height: 65px
}

.service_single_item .service_icon img {
      width: inherit !important
}

.service_single_item .service_content .title {
      line-height: 32px;
      margin: 86px 0 25px;
      -webkit-transform: translateY(93px);
      transform: translateY(93px);
      -webkit-transition: .3s;
      transition: .3s
}

.news-card-style-4 .content .title a,
.project-box-style-4 .content .title a,
.service-card-style-4 .title a,
.service_single_item .service_content .title a {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
      background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      -webkit-transition: .5s, background-size .5s;
      transition: .5s, background-size .5s
}

.service_single_item .service_content .title a:hover {
      color: var(--theme-color1);
      background-size: 100% 1px;
      color: var(--theme-color1)
}

.service_single_item .service_content .title span,
.service_single_item-2 .service_content .title span,
.work-single-box .work-content .title span {
      font-weight: 300
}

.service_single_item .service_content p {
      position: relative;
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s;
      transition: .3s
}

.service_single_item .service-btn a {
      display: block;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 30px;
      font-weight: 500;
      font-size: 16px;
      position: relative;
      z-index: 1;
      margin-top: 40px
}

.service-card-style-3 .service-btn a::before,
.service_single_item .service-btn a::before {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      height: 100%;
      width: 0;
      background: var(--theme-color1);
      z-index: -1;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-forms-two .form-group .theme-btn:hover:before,
.contact-forms-two .form-group input[type=submit]:hover:before,
.pricing-single-bx .inner-box .pricing-btn a:hover::before,
.service-card-style-3 .service-btn a:hover:before,
.service_single_item .service-btn a:hover:before,
.service_single_item:hover .service-btn a:before {
      width: 100%;
      left: 0
}

.service-card-style-3 .service-btn a:hover,
.service_single_item .service-btn a:hover,
.service_single_item:hover .service-btn a {
      color: var(--theme-color-black);
      border: 1px solid var(--theme-color1)
}

.service-card-style-3 .service-btn a i,
.service_single_item .service-btn a i {
      float: right;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      font-size: 15px;
      -webkit-transition: .5s;
      transition: .5s
}

.service_single_item:hover .service_content p {
      position: relative;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible
}

.icon-single-box p {
      font-size: 18px;
      line-height: 28px;
      margin: 25px 0 40px
}

.contact-section .sec-title .sub-title,
.process-section .sec-title .sub-title,
.process-section-two .sec-title .sub-title,
.services-section-two .sec-title .sub-title,
.skill-section .sec-title .sub-title,
.testimonial-section .sec-title .sub-title,
.why-choose-us-section .sec-title .sub-title,
.work-section-two .sec-title .sub-title {
      padding-top: 0
}

.services-section-two p.sec-descrption {
      margin: 0 0 0 auto;
      max-width: 477px
}

.services-section-two .buler-bg {
      position: absolute;
      right: 7%;
      bottom: 0;
      height: 620px;
      width: 620px
}

.services-section-two .shape {
      position: absolute;
      right: -13%;
      margin: 0;
      top: -23%;
      text-align: center;
      z-index: 1
}

.service_single_item-2 {
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 16px;
      margin-bottom: 30px
}

.choose-us-box-style-3::after,
.choose-us-box-style-3::before,
.pricing-box-items-4::after,
.pricing-box-items-4::before,
.process-section-two .process-bx::after,
.process-section-two .process-bx::before,
.service_single_item-2::after,
.service_single_item-2::before,
.work-single-box-two::after,
.work-single-box-two::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: inherit;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.brand-slider .slide-item ::after,
.brand-slider .slide-item:hover::before,
.brand-wrapper-3 .brand-wrapper-inner-3 .brand-image-3:hover,
.choose-us-box-style-3 ::after,
.choose-us-box-style-3:hover::before,
.pricing-box-items-4 ::after,
.pricing-box-items-4:hover::before,
.pricing-main-bx ::after,
.pricing-main-bx:hover::before,
.process-section-two .process-bx .process-conten:hover .number::after,
.process-section-two .process-bx ::after,
.process-section-two .process-bx:hover::before,
.product-details .bxslider .thumb-box li a.active:before,
.service_single_item-2 ::after,
.service_single_item-2:hover::before,
.testimonial-single_box-three ::after,
.testimonial-single_box-three:hover::before,
.why-choose-us-section-two .feature-grid .feature-item ::after,
.why-choose-us-section-two .feature-grid .feature-item:hover::before,
.work-single-box-two ::after,
.work-single-box-two:hover::before {
      opacity: 1
}

@-webkit-keyframes rotate {
      0% {
            --gradient-angle: 0deg
      }

      100% {
            --gradient-angle: 360deg
      }
}

.service_single_item-2 .service-single-inner {
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 40px 30px 12px;
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 16px
}

.service_single_item-2 .service_icon img {
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.service_single_item-2 .service_content {
      padding-right: 85px
}

.service_single_item-2 .service_content .title {
      margin: 26px 0 28px;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

.service_single_item-2 .service-no {
      position: absolute;
      top: 40px;
      right: 30px;
      font-weight: 500;
      font-size: 24px;
      color: #a1a1a1;
      -webkit-transition: .5s;
      transition: .5s
}

.service_single_item-2 .service-img {
      position: relative;
      z-index: 1;
      overflow: hidden;
      border-radius: 12px
}

.news-block .image-box .image a:after,
.service_single_item-2 .service-img:after,
.work-single-box-two .work-img:after {
      background: rgba(255, 255, 255, .3);
      bottom: 0;
      content: "";
      left: 50%;
      position: absolute;
      right: 51%;
      top: 0;
      opacity: 1;
      pointer-events: none;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.news-block .blog-single-box:hover .image-box .image a:after,
.service_single_item-2:hover .service-img:after,
.work-single-box-two:hover .work-img:after {
      left: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.service-section-3 .service-bg-blur {
      position: absolute;
      bottom: -10%;
      right: -14%;
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%);
      z-index: -1
}

.service-section-3 .service_single_item {
      background-color: transparent;
      border-right: 1px solid rgba(255, 255, 255, .1019607843)
}

.service-card-style-4 {
      position: relative;
      z-index: 1;
      padding: 35px 40px 80px
}

.service-card-style-4 .arrow-icon {
      display: inline-block;
      width: 45px;
      height: 45px;
      line-height: 45px;
      border: 1px solid rgba(255, 255, 255, .1);
      background-color: #141414;
      text-align: center;
      border-radius: 50%;
      color: #a1a1a1;
      position: absolute;
      bottom: 0;
      left: 66px;
      -webkit-transition: .3s;
      transition: .3s
}

.service-card-style-4::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      z-index: -1;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 14px;
      -webkit-mask-position: center center;
      background-color: #0a0a0a;
      -webkit-mask-image: url(../images/home-4/mask.png)
}

.service-card-style-4 .service-thumb {
      border-radius: 16px;
      margin-top: 45px;
      position: relative;
      overflow: hidden
}

.service-card-style-4 .service-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 16px;
      -webkit-transition: .4s;
      transition: .4s
}

.service-card-style-4 .title {
      font-size: 26px;
      font-weight: 500
}

.news-card-style-4 .content .title a:hover,
.project-box-style-4 .content .title a:hover,
.service-card-style-3 .content .title a:hover,
.service-card-style-4 .title a:hover {
      color: var(--theme-color1);
      background-size: 100% 1px
}

.news-block .blog-single-box:hover .image img,
.news-card-style-4:hover .thumb img,
.project-box-style-4:hover .thumb img,
.service-card-style-4:hover .service-thumb img,
.team-single-box .inner-box:hover .image1 .team-bg {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
}

.service-section-4 .vec-bg {
      position: absolute;
      bottom: -20px;
      width: 571px;
      height: 553px;
      left: 28px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%)
}

.service-section-4 .vec-bg-2 {
      position: absolute;
      right: 0;
      top: 22%;
      width: 577px;
      height: 577px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      z-index: -1
}

.service-section-4 .vec-circle {
      position: absolute;
      right: 50px;
      bottom: 50px
}

.service-section-4 .vec-shape {
      position: absolute;
      top: 120px;
      left: 90px
}

.services-section-two {
      margin: 0 30px
}

@media (max-width:1399.98px) {
      .hero-3 .hero-image {
            margin-left: 0;
            width: auto
      }

      .hero-3 .hero-image img {
            width: 100%;
            height: 100%
      }

      .hero-4 .hero-content .hero-title {
            font-size: 70px
      }

      .hero-4 .hero-content .sub-title {
            padding-left: 0
      }

      .about-section-two .about-shape2,
      .about-section-two .image-column .image-shape,
      .work-section .right-shape1 {
            display: none
      }

      .service-card-style-4 .arrow-icon {
            bottom: 20px;
            left: 40px
      }

      .service-card-style-4::after {
            -webkit-mask-image: none;
            background-color: var(--body-bg)
      }

      .service-card-style-4 .service-thumb {
            margin-top: 25px
      }

      .services-section-two {
            margin: 0 20px
      }
}

.service-bg-color-3 {
      padding: 60px 0 60px 60px;
      position: relative;
      z-index: 9
}

.service-bg-color-3::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, .02);
      backdrop-filter: blur(35px);
      z-index: -1
}

.service-card-style-3 {
      padding-right: 80px;
      margin-right: 50px
}

.service-card-style-3.style-2 {
      margin-right: 0;
      padding: 50px;
      border: none;
      border-radius: 7px;
      background: #1c1c1c;
      backdrop-filter: blur(35px);
      position: relative
}

.service-card-style-3.style-2 .service-image {
      width: 224px;
      height: 207px;
      border-radius: 0 7px 0 200px;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.service-card-style-3.style-2 .service-image::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: var(--body-bg);
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      opacity: 0;
      visibility: hidden
}

.service-card-style-3.style-2:hover .service-image {
      height: 100%;
      width: 100%;
      bottom: 0;
      right: 0;
      top: 0;
      border-radius: 7px
}

.service-card-style-3.style-2:hover .service-image::before {
      visibility: visible;
      opacity: .9
}

.service-card-style-3 .content {
      margin-top: 90px;
      max-width: 300px
}

.service-card-style-3 .content .title {
      max-width: 255px;
      margin-bottom: 20px;
      -webkit-transform: translateY(80px);
      transform: translateY(80px);
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.service-card-style-3 .content .title a {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
      background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      -webkit-transition: .5s, background-size .5s;
      transition: .5s, background-size .5s;
      color: var(--theme-color-white)
}

.service-card-style-3 .content p {
      max-width: 290px;
      -webkit-transform: translateY(100px);
      transform: translateY(100px);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      overflow: hidden
}

.service-card-style-3 .service-btn a {
      display: block;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 30px;
      font-weight: 500;
      font-size: 16px;
      position: relative;
      z-index: 1;
      margin-top: 30px
}

.service-card-style-3:hover .content p {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      visibility: visible
}

.testimonial-section {
      position: relative;
      padding: 120px 0;
      background-color: var(--theme-color2);
      z-index: 1
}

.testimonial-section .testi-shape2 {
      position: absolute;
      left: 0;
      mix-blend-mode: Luminosity;
      z-index: -1;
      bottom: 0
}

.news-section .sec-title,
.pricing-section .sec-title,
.testimonial-section .sec-title,
.testimonial-section-three .sec-title,
.work-section .sec-title {
      margin-bottom: 60px
}

.testimonial-section .tesimonial-img {
      margin-bottom: 0;
      position: relative;
      z-index: 1
}

.testimonial-section .tesimonial-img::before {
      position: absolute;
      content: "";
      bottom: -2px;
      right: 111px;
      height: 50px;
      width: 50px;
      background: var(--theme-color2);
      z-index: 1
}

.testimonial-section .tesimonial-img::after {
      position: absolute;
      content: "";
      bottom: 48px;
      right: 111px;
      height: 5px;
      width: 50px;
      background: var(--theme-color6);
      z-index: 1
}

.sidebar-service-list li+li,
.testimonial-single_box {
      margin-top: 10px
}

.testimonial-single_box .testimonial-author {
      padding-left: 50px;
      position: relative
}

.testimonial-single_box .testimonial-author::before {
      position: absolute;
      left: 0;
      top: 18px;
      width: 40px;
      background: rgba(43, 43, 43, .4705882353);
      content: "";
      height: 1px
}

.testimonial-single_box .testi_content p {
      color: var(--headings-color-2);
      font-size: 20px;
      line-height: 34px;
      margin: 50px 5px 41px 0
}

.testimonial-single_box .testi-bio h4 {
      color: var(--headings-color-2);
      font-weight: var(--h5-font-weight);
      font-size: 26px;
      margin: 0 0 2px
}

.testimonial-single_box .testi-bio p {
      font-size: 18px;
      color: var(--headings-color-2)
}

.testimonial-slider .array-button {
      gap: 0;
      z-index: 9
}

.testimonial-slider .array-button .array-next,
.testimonial-slider .array-button .array-prev {
      border: none;
      border-radius: 0;
      font-size: 18px;
      color: var(--theme-color-black);
      line-height: 50px;
      height: 50px;
      width: 50px
}

.testimonial-slider .array-button .array-next {
      background-color: var(--theme-color-white);
      position: absolute;
      bottom: 50px;
      right: 41px;
      z-index: 99
}

.testimonial-slider .array-button .array-prev {
      background-color: var(--theme-color1);
      bottom: 0;
      right: 91px;
      z-index: 99;
      position: absolute
}

.counter_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      margin-top: 48px
}

.counter_box .count-box {
      font-weight: 600;
      font-size: 80px;
      line-height: 90px;
      color: var(--headings-color-2)
}

.counter_box .count-box span.plus {
      top: -20px;
      position: relative;
      font-size: 50px
}

.counter_box h6.counter-title {
      color: var(--headings-color-2);
      font-weight: 500;
      font-size: 24px;
      line-height: 34px
}

.tesimonail_list.default-navs .owl-nav {
      position: absolute;
      top: inherit;
      left: -37%;
      bottom: -44px
}

.tesimonail_list.default-navs .owl-nav .owl-next {
      display: block;
      margin: -99px 0 0;
      background-color: var(--theme-color2);
      font-size: 16px;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s
}

.products-carousel .owl-dot.active,
.tesimonail_list.default-navs .owl-nav .owl-next:hover {
      background: var(--theme-color3)
}

.tesimonail_list.default-navs .owl-nav .owl-prev {
      display: block;
      margin: 0;
      background-color: var(--theme-color3);
      font-size: 16px;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s
}

.tesimonail_list.default-navs .owl-nav .owl-prev:hover {
      background: var(--theme-color2)
}

.testimonial-section-two {
      padding: 120px 0 120px 120px;
      backdrop-filter: blur(10px)
}

.testimonial-section-two .sec-title {
      max-width: 485px
}

.testimonial-section-two .testimonial-single_box-two {
      position: relative;
      z-index: 1;
      border-radius: 0;
      margin-right: 40px;
      overflow: hidden
}

.testimonial-section-two .testimonial-single_box-two::after,
.testimonial-section-two .testimonial-single_box-two::before {
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 15px;
      content: "";
      inset: -0.1rem;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      opacity: 1;
      position: absolute;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: -1
}

.testimonial-section-two .testimonial-single_box-two .inner-single_box {
      background: linear-gradient(269deg, #111 2.24%, #000 75.32%);
      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;
      border-image-slice: 1;
      border-radius: 0;
      margin: 1px;
      color: var(--theme-color3)
}

.testimonial-section-two .testimonial-single_box-two .testi_content {
      margin-left: 50px;
      margin-top: -7px
}

.testimonial-section-two .testimonial-single_box-two .testi_content p {
      color: var(--text-color);
      font-size: 20px;
      font-weight: 400;
      line-height: 34px;
      margin: 37px 91px 0 0
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testi_aroow .top-title {
      font-family: "Plus Jakarta Sans", sans-serif;
      font-weight: 400;
      font-size: 30px;
      color: var(--theme-color-white)
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 30px;
      margin-bottom: 25px;
      margin-top: 50px;
      padding-left: 70px
}

.testimonial-section-two .default-navs .owl-nav .owl-next,
.testimonial-section-two .default-navs .owl-nav .owl-prev {
      display: block;
      height: 50px;
      width: 50px;
      border-radius: 0;
      font-size: 16px;
      line-height: 50px;
      font-weight: 700;
      color: var(--theme-color1);
      text-align: center
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author .testi-bio .title-info {
      color: var(--theme-color-white);
      margin: 0;
      position: relative;
      z-index: 1
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author .testi-bio .title-info::before {
      content: "";
      background: rgba(255, 255, 255, .24);
      height: 1px;
      left: -70px;
      position: absolute;
      top: 19px;
      width: 57px;
      z-index: -1
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author .testi-bio p {
      font-size: 18px;
      margin: 2px 0 0
}

.testimonial-section-two .column-right {
      padding-left: 40px
}

.testimonial-section-two .counter_box-testi {
      margin-top: 63px
}

.testimonial-section-two .counter_box-testi .count-box {
      font-weight: 400;
      font-size: 70px;
      line-height: 56px;
      color: var(--theme-color1);
      display: inline-block;
      margin-bottom: 26px;
      border-bottom: 1px solid rgba(244, 245, 248, .4117647059);
      padding-bottom: 31px;
      font-family: var(--heading-font-family)
}

.testimonial-section-two .counter_box-testi .count-box span.plus {
      top: -14px;
      position: relative;
      font-size: 50px
}

.testimonial-section-two .counter_box-testi .count-box .counter-icn {
      margin-top: -14px;
      margin-left: 25px
}

.testimonial-section-two .counter_box-testi h6.counter-title {
      font-size: 18px;
      font-weight: var(--h5-font-weight)
}

.testimonial-section-two .default-navs .owl-nav {
      position: absolute;
      top: inherit;
      right: 41px;
      bottom: 0
}

.testimonial-section-two .default-navs .owl-nav .owl-next {
      margin: -99px 0 0;
      background-color: var(--theme-color3);
      -webkit-transition: .5s;
      transition: .5s
}

.testimonial-section-two .default-navs .owl-nav .owl-prev {
      margin: 0;
      background-color: var(--theme-color2);
      -webkit-transition: .5s;
      transition: .5s
}

.testimonial-section-two .testi-sp {
      position: absolute;
      bottom: 11%;
      right: 5%;
      z-index: -1
}

.owl-carousel .owl-item img {
      width: inherit
}

.testimonial-section-three .column-right .counter_box-testi {
      float: right;
      margin-top: -7px
}

.testimonial-section-three .column-right .counter_box-testi .count-box {
      font-weight: 500;
      font-size: 62px;
      line-height: 56px;
      color: var(--theme-color1);
      display: inline-block;
      margin-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      padding-bottom: 14px;
      font-family: var(--heading-font-family)
}

.testimonial-section-three .column-right .counter_box-testi .count-box span.plus {
      top: -22px;
      position: relative;
      font-size: 40px;
      font-weight: 600
}

.testimonial-section-three .column-right .counter_box-testi .count-box .counter-icn {
      margin-top: -20px;
      margin-left: 12px;
      height: 60px
}

.testimonial-section-three .column-right .counter_box-testi h6.counter-title {
      font-size: 24px;
      font-weight: var(--h5-font-weight)
}

.testimonial-single_box-three {
      position: relative;
      z-index: 1;
      margin: 1px 0
}

.testimonial-single_box-three::after,
.testimonial-single_box-three::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 16px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.testimonial-single_box-three .testi-inner {
      border: 1px solid var(--border-theme-color1);
      position: relative;
      z-index: 1;
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 40px 40px 15px;
      border-radius: 16px;
      height: 310px;
      overflow-y: auto;
      overflow-x: hidden;
      transition: .4s
}

.testimonial-single_box-three .testi-inner::-webkit-scrollbar-thumb {
      background: #dadada !important;
      border-radius: 10px
}

.more-text.show {
      display: inline
}

.product-details.rd-page .bx-wrapper .thumb-box li,
.testimonial-single_box-three .testi-inner.active {
      height: auto
}

.read-more-btn {
      display: inline-block;
      margin-top: 12px;
      color: #1a61ad;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: .3s
}

.read-more-btn:hover {
      opacity: .8
}

.testimonial-single_box-three .testi-inner::-webkit-scrollbar {
      width: 5px
}

.testimonial-single_box-three .testimonial-author {
      position: absolute;
      right: 40px;
      top: 40px
}

.testimonial-single_box-three .testimonial-author img {
      -webkit-mask-image: url(../images/testi-ma-1.webp);
      mask-image: url(../images/testi-ma-1.webp);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.testimonial-single_box-three .testi_aroow {
      margin: 64px 0 18px;
      -webkit-filter: brightness(0) invert(0.4);
      filter: brightness(0) invert(.4);
      -webkit-transition: .5s;
      transition: .5s
}

.testimonial-single_box-three .testi_content p {
      font-family: var(--heading-font-family);
      font-weight: 400;
      font-size: 18px;
      line-height: 32px
}

.testimonial-single_box-three .testi_content .testi-bio .title {
      font-weight: 500;
      font-size: 16px;
      margin: 25px 0 13px
}

.testimonial-single_box-three .testi_content .testi-bio p {
      font-family: var(--heading-font-family);
      font-size: 16px;
      font-weight: 500
}

.testimonial-single_box-three:hover .testi_aroow {
      margin: 64px 0 18px;
      -webkit-filter: brightness(1) invert(0);
      filter: brightness(1) invert(0)
}

.testimonial-image-style-3 {
      max-width: 536px;
      position: relative;
      z-index: 9
}

.testimonial-image-style-3 .testi-circle {
      position: absolute;
      bottom: -70px;
      left: -120px;
      z-index: -1
}

.testimonial-image-style-3 .testi-campaign {
      position: absolute;
      left: 20px;
      top: 110px
}

.testimonial-image-style-3 .testi-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 300px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      right: 30px;
      bottom: 10px
}

.testimonial-image-style-3 img {
      width: 100%;
      height: 100%;
      border-radius: 30px
}

.testimonial-box-items-3 {
      margin-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none
}

.testimonial-box-items-3 .content {
      background: linear-gradient(40deg, #222b1c -22.01%, #070c0f 55.3%);
      border: 1px solid rgba(255, 255, 255, .13);
      padding: 50px 40px 18px;
      position: relative;
      border-radius: 30px;
      -webkit-box-shadow: none;
      box-shadow: none;
      overflow: hidden
}

.testimonial-box-items-3 .content .client-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      margin-bottom: 20px
}

.testimonial-box-items-3 .content .client-info .client-img img {
      width: 75px;
      height: 75px;
      border-radius: 50%
}

.testimonial-box-items-3 .content .client-info .info-title span {
      color: var(--theme-color-white);
      font-size: 14px
}

.testimonial-box-items-3 .content .quote-icon {
      position: absolute;
      right: 55px;
      top: 45px
}

.testimonial-box-items-3 .content p {
      font-size: 20px;
      font-weight: 400;
      color: #a1a1a1;
      line-height: 170%
}

@media (max-width:1199.98px) {
      .hero-3 .hero-content p {
            margin-top: 25px;
            font-size: 18px
      }

      .hero-3 .hero-content .hero-button-items {
            gap: 30px;
            margin-top: 30px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
      }

      .hero-3 .hero-image {
            margin-top: 25px
      }

      .hero-3 .hero-image .hero-marketing-box {
            left: 0
      }

      .hero-4 {
            padding: 500px 0 120px
      }

      .hero-4 .hero-content .hero-title {
            font-size: 50px
      }

      .hero-4 .hero-content .video-items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px
      }

      .about-section .about-icon-box .dance-sp.bounce-animate2,
      .about-section .about-shape,
      .about-section .about-shape2,
      .about-section .bg-blur,
      .about-section .bg-blur2,
      .about-section-four .anim-icons .image-1,
      .hero-4 .hero-image::before,
      .services-section .service-sp-right,
      .testimonial-content-style-3 .sec-title h2 br,
      .testimonial-section-two .testi-sp {
            display: none
      }

      .about-section .about-icon-box,
      .services-section .service-slider {
            margin-left: 0
      }

      .about-section-two .image-column .image-1 {
            left: 30px
      }

      .about-content-style-3 .about-list-items,
      .services-section .service-column .inner-column,
      .testimonial-section-two .testimonial-single_box-two {
            margin-right: 0
      }

      .about-content-style-3 .about-image-2 {
            max-width: 300px
      }

      .mission-section .mission-list-item ul {
            padding: 0
      }

      .mission-section .mission-list-item ul li {
            padding-left: 15px
      }

      .service_single_item {
            padding: 45px 30px 40px
      }

      .service_single_item .service_content .title {
            -webkit-transform: translateY(63px);
            transform: translateY(63px)
      }

      .service_single_item-2 .service_content .title {
            font-size: 20px
      }

      .service-card-style-4 .title {
            font-size: 24px
      }

      .services-section-two {
            margin: 0 15px
      }

      .service-bg-color-3 {
            padding: 40px
      }

      .service-card-style-3.style-2 {
            padding: 40px 30px
      }

      .service-card-style-3 {
            padding-right: 20px;
            margin-right: 0
      }

      .testimonial-section-two .sec-title h2 {
            line-height: 43px
      }

      .testimonial-box-items-3 .content {
            padding: 30px
      }

      .testimonial-box-items-3 .content .client-info {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px
      }

      .testimonial-box-items-3 .content p {
            font-size: 19px
      }
}

.testimonial-content-style-3 .array-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      margin-top: 60px
}

.testimonial-content-style-3 .array-button .array-next,
.testimonial-content-style-3 .array-button .array-prev {
      width: 50px;
      height: 50px;
      line-height: 48px;
      border-radius: 50%;
      border: 1px solid rgba(0, 0, 0, .4);
      background-color: transparent;
      color: var(--theme-color-black);
      text-align: center
}

.testimonial-box-style-4 {
      position: relative;
      z-index: 9;
      padding: 50px 40px;
      border-radius: 14px;
      background: -webkit-gradient(linear, left top, right top, color-stop(-10.28%, rgba(12, 12, 12, .8)), color-stop(77.83%, rgba(28, 28, 28, .8)));
      background: linear-gradient(90deg, rgba(12, 12, 12, .8) -10.28%, rgba(28, 28, 28, .8) 77.83%);
      border: 1px solid rgba(255, 255, 255, .1)
}

.testimonial-box-style-4 .quote-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 107px;
      margin-bottom: 45px
}

.testimonial-box-style-4 .quote-icon .star {
      color: var(--theme-color1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px
}

.testimonial-box-style-4 p {
      font-size: 18px;
      line-height: 170%;
      margin-bottom: 0;
      font-weight: 400;
      color: var(--text-color);
      max-width: 508px
}

.testimonial-box-style-4 .info-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 25px;
      margin-top: 45px
}

.testimonial-box-style-4 .info-item .info-thumb {
      width: 65px;
      height: 65px
}

.testimonial-box-style-4 .info-item .info-thumb img {
      border-radius: 50%
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon .title,
.testimonial-box-style-4 .info-item .title {
      font-size: 24px;
      color: var(--theme-color-white)
}

.testimonial-box-style-4 .info-item .title span {
      color: var(--text-color);
      font-size: 16px;
      font-weight: 400;
      font-family: var(--body-font-family);
      display: inline-block;
      margin-left: 25px
}

.testimonial-section-4 {
      padding-top: 410px !important;
      position: relative
}

.testimonial-section-4 .vec-bg {
      position: absolute;
      left: -15%;
      bottom: 300px;
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%)
}

.testimonial-section-4 .vec-bg-2 {
      position: absolute;
      bottom: 0;
      right: -21%;
      width: 577px;
      height: 577px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%)
}

.testimonial-section-4 .vec-video-shape {
      position: absolute;
      bottom: 40px;
      left: 40px
}

.testimonial-section-3 {
      position: relative;
      margin: 0 50px;
      border-radius: 30px;
      overflow: hidden
}

.testimonial-section-3 .testimonial-right-shape {
      position: absolute;
      bottom: 0;
      right: 0;
      pointer-events: none;
      opacity: .5
}

.process-section .process-shape {
      position: absolute;
      left: 9%;
      top: 20%;
      z-index: -1
}

.process-section .process-shape2 {
      position: absolute;
      right: 10%;
      top: 19%;
      z-index: -1
}

.process-border::before {
      content: "";
      position: absolute;
      left: 0;
      top: -2px;
      margin: auto;
      right: 0;
      width: 894px;
      height: 1px;
      background-image: repeating-linear-gradient(to right, #fcdb66, #fcdb66 7px, transparent 4px, transparent 12px)
}

.process-single-box {
      padding: 0;
      position: relative;
      z-index: 1;
      margin-bottom: 30px;
      text-align: center;
      margin-top: 90px
}

.process-single-box::before {
      content: "";
      position: absolute;
      top: -86px;
      left: 50%;
      width: 1.5px;
      height: 29px;
      background-image: repeating-linear-gradient(to bottom, #fcdb66 0 6px, transparent 6px 12px)
}

.process-single-box .process-thumb {
      position: relative;
      z-index: 1;
      -webkit-transition: .5s;
      transition: .5s
}

.process-single-box .process-thumb img {
      -webkit-mask-image: url(../images/main-home/process-img-mask.png);
      mask-image: url(../images/main-home/process-img-mask.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.process-single-box:hover .process-thumb {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg)
}

.process-single-box:hover h3.process-number {
      background: var(--theme-color-white)
}

.work-box-items-3 .work-content .content .theme-buton a i,
.work-single-box .work-content .theme-buton a,
.work-single-box .work-content .theme-buton a i {
      background-color: var(--body-bg);
      color: var(--theme-color-white)
}

.process-single-box .process-content {
      padding: 0 20px
}

.process-single-box .process-content .title {
      margin: 20px 0
}

.process-single-box h3.process-number {
      font-weight: 500;
      font-size: 16px;
      color: var(--theme-color2);
      position: absolute;
      top: -53px;
      left: 0;
      margin: auto;
      right: 0;
      height: 40px;
      width: 40px;
      line-height: 40px;
      border-radius: 50%;
      z-index: 1;
      background: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s
}

.process-section-two {
      padding-bottom: 96px;
      position: relative
}

.contact-section-two.style-h4 .contact-right-warp .sec-title,
.process-section-two .sec-title,
.skill-section .sec-title,
.work-section-two .sec-title {
      margin-bottom: 50px
}

.process-section-two .process-bx {
      position: relative;
      z-index: 1;
      border-radius: 16px
}

.process-section-two .process-bx .process-conten {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: #0a0a0a;
      margin-bottom: 24px;
      padding: 33px 30px;
      -webkit-transition: .5s;
      transition: .5s;
      position: relative;
      z-index: 1
}

.process-section-two .process-bx .process-conten .content .title {
      color: var(--theme-color-white);
      margin: 0
}

.process-section-two .process-bx .process-conten .content .number {
      color: var(--theme-color1);
      font-family: var(--heading-font-family);
      margin-right: 58px;
      position: relative;
      font-size: 24px;
      -webkit-transition: .5s;
      transition: .5s
}

.process-section-two .process-bx .process-conten .content .number::before {
      position: absolute;
      content: "";
      right: -30px;
      top: 3px;
      height: 30px;
      width: 1px;
      background: rgba(255, 255, 255, .2901960784);
      -webkit-transition: .5s;
      transition: .5s
}

.process-section-two .process-bx .process-conten .content .number::after {
      position: absolute;
      content: "";
      right: -64px;
      top: 22px;
      height: 1px;
      width: 50px;
      background: var(--theme-color1);
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.process-section-two .process-bx .process-conten:hover .number {
      margin-right: 80px
}

.process-section-two .process-img {
      margin-left: 60px;
      position: relative;
      text-align: center;
      z-index: 1
}

.process-section-two .process-img .image-box img {
      left: 0;
      position: absolute;
      top: 150px
}

.process-section-two .process-img .image-box:before {
      position: absolute;
      content: "";
      background-color: var(--theme-color2);
      width: 510px;
      height: 636px;
      left: 0;
      top: 30px;
      border-radius: 320px 320px 149px 10px;
      z-index: -1
}

.process-section-two .process-img .image-box:after {
      background-color: var(--theme-color1);
      border-radius: 320px 320px 149px 10px;
      content: "";
      height: 636px;
      left: -15px;
      position: absolute;
      top: 20px;
      width: 510px;
      z-index: -2
}

.process-section-two .process-img .process-icon-box {
      background: var(--theme-color1);
      border-radius: 16px;
      display: inline-block;
      padding: 35px 0;
      position: absolute;
      right: 0;
      text-align: center;
      top: 300px;
      width: 200px
}

.process-section-two .process-img .process-icon-box .process-count span.count-text {
      font-weight: 600;
      font-size: 60px;
      line-height: 1;
      color: var(--theme-color-black);
      font-family: var(--heading-font-family)
}

.process-section-two .process-img .process-icon-box .process-count span.plus {
      font-family: var(--heading-font-family);
      font-weight: 400;
      font-size: 34px;
      position: relative;
      top: -31px;
      left: 6px;
      color: var(--theme-color-black)
}

.process-section-two .process-img .process-icon-box .process-count h6.counter-title {
      font-size: 18px;
      line-height: 28px;
      margin-top: 24px;
      font-weight: 500;
      color: var(--theme-color-black)
}

.process-section-two .process-img .process-sp {
      position: absolute;
      bottom: 15%;
      z-index: -1;
      right: -34%
}

.work-section {
      z-index: 1;
      margin-top: -1px;
      background: var(--theme-color2);
      position: relative
}

.work-section .work-shapes {
      position: absolute;
      top: 2%;
      left: 28%;
      z-index: -1;
      animation-name: rotateme;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear
}

.marquee-two .text:before,
.project-section-4 .work-shapes {
      animation-name: rotateme;
      animation-iteration-count: infinite;
      animation-timing-function: linear
}

.work-section .work-bg-blur {
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      position: absolute;
      right: 0;
      left: 0;
      margin: auto;
      bottom: 0;
      height: 555px;
      width: 555px;
      z-index: -1;
      border-radius: 50%
}

.work-single-box {
      background: var(--theme-color4);
      padding: 30px 30px 30px 164px;
      backdrop-filter: blur(10px);
      position: relative;
      z-index: 1;
      margin-bottom: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}

.work-single-box .work-content .title {
      margin-bottom: 40px;
      position: relative;
      padding-left: 0
}

.work-single-box .work-content p {
      margin-right: 50px;
      line-height: 26px
}

.work-single-box .work-content span.work-date {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color1);
      margin: 9px 0 56px;
      display: inline-block
}

.work-single-box .work-content .theme-buton a {
      font-size: 16px;
      padding: 15px 43px
}

.work-single-box h3.wokr-number {
      font-weight: 300;
      font-size: 40px;
      color: #a1a1a1;
      position: absolute;
      top: 90px;
      left: 50px
}

.work-single-box .work-img {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      position: relative;
      z-index: 1
}

.work-single-box .work-img .work-shape {
      position: absolute;
      bottom: -30px;
      left: -73px;
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 0
}

.work-single-box:hover .work-shape {
      opacity: 1;
      left: -50px;
      bottom: 0
}

.work-section-two .shape-1 {
      position: absolute;
      top: 13%;
      left: 13%;
      z-index: -1
}

.work-section-two .shape-2 {
      position: absolute;
      top: 15%;
      right: 12%;
      z-index: -1
}

.work-section-two .shape-2 img {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
      opacity: .5
}

.work-single-box-two {
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 16px;
      margin: 0 0 50px
}

.work-single-box-two .work-box-inner {
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 50px 20px 20px;
      border-radius: 16px
}

.work-single-box-two .work-box-inner.style-two {
      padding: 20px 20px 50px !important;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(.69%, #1c1c1c), color-stop(98.44%, #0c0c0c)) !important;
      background: linear-gradient(0deg, #1c1c1c .69%, #0c0c0c 98.44%) !important
}

.work-single-box-two .work-box-inner.style-two .work-content {
      margin-bottom: 0;
      margin-top: 60px
}

.work-single-box-two .work-box-inner.style-two .work-buton a {
      top: inherit;
      bottom: -9%
}

.work-single-box-two.bottom {
      -webkit-transform: translateY(50px) !important;
      transform: translateY(50px) !important
}

.work-single-box-two .work-content {
      text-align: center;
      margin-bottom: 40px
}

.work-single-box-two .work-content .title {
      margin-bottom: 24px;
      cursor: pointer;
      -webkit-transition: .5s;
      transition: .5s
}

.work-single-box-two .work-content p {
      font-weight: 400;
      font-size: 14px;
      color: var(--theme-color1);
      border: 1px solid rgba(255, 255, 255, .1);
      background: #0a0a0a;
      display: inline-block;
      border-radius: 20px;
      padding: 4px 20px
}

.news-block .blog-single-box.style_two .image,
.work-single-box-two .work-img img {
      border-radius: 15px
}

.work-single-box-two .work-img .work-buton a {
      display: inline-block;
      position: absolute;
      top: -30px;
      height: 60px;
      width: 60px;
      line-height: 60px;
      background: var(--body-bg);
      border-radius: 50%;
      text-align: center;
      color: var(--theme-color-white);
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      font-size: 16px;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.work-single-box-two:hover .work-buton a {
      background: var(--theme-color2);
      color: var(--theme-color1)
}

.work-box-items-3 {
      background-color: #0a0a0a;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 30px 0;
      margin-bottom: 24px;
      position: relative
}

.work-box-items-3 .shape-1 {
      position: absolute;
      bottom: 10px;
      left: 35%
}

.work-box-items-3 .work-content {
      padding: 0 70px;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%
}

.work-box-items-3 .work-content .top-title {
      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;
      position: relative;
      margin-bottom: 40px
}

.work-box-items-3 .work-content .top-title::before {
      position: absolute;
      top: 50%;
      left: 40%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      content: "";
      opacity: .3;
      background: #a1a1a1;
      height: 1px;
      width: 324px
}

.work-box-items-3 .work-content .top-title span {
      font-size: 22px;
      font-weight: 600;
      font-family: var(--heading-font-family)
}

.work-box-items-3 .work-content .top-title p {
      font-size: 18px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      margin-bottom: 0
}

.work-box-items-3 .work-content .content {
      margin-left: 40px
}

.work-box-items-3 .work-content .content p {
      margin-bottom: 52px
}

.work-box-items-3 .work-content .content .border-style-btn {
      background-color: transparent;
      border: 1px solid rgba(255, 255, 255, .2);
      color: #fff
}

.work-box-items-3 .work-content .content .border-style-btn i {
      color: #fff;
      -webkit-transition: .3s;
      transition: .3s
}

.work-box-items-3 .work-content .content .border-style-btn:hover,
.work-box-items-3 .work-content .content .border-style-btn:hover i {
      color: var(--theme-color1-text-color)
}

.work-box-items-3 .work-content .content .theme-buton {
      margin-top: 50px
}

.work-box-items-3 .work-content .content .theme-buton a {
      font-size: 16px;
      background-color: var(--body-bg);
      color: var(--theme-color-white)
}

.work-box-items-3 .thumb {
      max-width: 618px
}

.choose-us-image-style-3 .thumb-1 img,
.work-box-items-3 .thumb img {
      width: 100%;
      height: 100%
}

.work-section .work-bg-blur2 {
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%);
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1
}

.project-section-4 {
      background-color: var(--theme-color-black);
      position: relative
}

.project-section-4 .auto-container {
      max-width: 1820px;
      position: static
}

.project-section-4 .sec-title {
      margin-bottom: 70px
}

.main-footer.home-2 .about-widget .logo,
.project-section-4 .sec-title .sub-title {
      margin-bottom: 40px
}

.project-section-4 .sec-title h2 {
      font-size: 100px;
      line-height: 80px
}

.project-box-style-4 {
      position: relative;
      z-index: 9;
      padding: 30px 20px;
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      border-radius: 14px
}

.project-box-style-4 .images-box .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, 100%);
      transform: translate(-50%, 100%);
      -webkit-transition: .4s;
      transition: .4s;
      opacity: 0;
      visibility: hidden
}

.project-box-style-4 .thumb {
      padding-bottom: 0;
      position: relative;
      overflow: hidden;
      border-radius: 12px
}

.project-box-style-4 .thumb img {
      width: 100%;
      height: 100%;
      border-radius: 12px;
      -webkit-transition: .4s;
      transition: .4s
}

.project-box-style-4 .content {
      padding: 40px 10px 10px
}

.news-block .blog-single-box.style_two .content-box .title,
.news-block .blog-single-box.style_two .content-box .title span,
.news-block .blog-single-box.style_two .content-box .title strong,
.project-box-style-4 .content .title {
      font-weight: 500
}

@media (max-width:1599.98px) {
      .about-section .about-icon-box {
            gap: 50px;
            width: auto
      }

      .testimonial-slider .array-button .array-next {
            right: 0
      }

      .testimonial-slider .array-button .array-prev {
            right: 50px
      }

      .project-box-style-4 .content .title {
            font-size: 22px
      }
}

.project-box-style-4 .content .post-box {
      display: inline-block;
      font-size: 14px;
      font-weight: 400;
      color: var(--theme-color1);
      border-radius: 60px;
      border: 1px solid rgba(255, 255, 255, .1);
      padding: 5px 20px;
      margin-top: 20px;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.project-box-style-4:hover .images-box .icon {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 1;
      visibility: visible
}

.project-section-4 .arrow-shape {
      position: absolute;
      top: 25%;
      left: 33%
}

.project-section-4 .work-shapes {
      position: absolute;
      top: 2%;
      left: 10%;
      text-align: center;
      z-index: -1;
      -webkit-animation-duration: 20s;
      animation-duration: 20s
}

.marquee-section {
      position: relative;
      padding: 60px 0
}

.marquee,
.marquee-h3,
.marquee-three,
.marquee-two {
      position: relative;
      --duration: 30s;
      --gap: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      gap: var(--gap)
}

.marquee .marquee-group,
.marquee-h3 .marquee-group,
.marquee-three .marquee-group,
.marquee-two .marquee-group {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      gap: var(--gap);
      min-width: 100%;
      -webkit-animation: scroll var(--duration) linear infinite;
      animation: scroll var(--duration) linear infinite
}

.marquee .text,
.marquee .text .title {
      -webkit-box-align: center;
      text-transform: uppercase
}

.marquee .text {
      font-size: 24px;
      line-height: 1.3;
      color: var(--theme-color4);
      font-weight: 700;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
}

.marquee-three .text,
.marquee-two .text {
      line-height: 1.2;
      font-family: var(--heading-font-family)
}

.marquee .text .title,
.marquee-two .text {
      color: var(--theme-color-black);
      font-weight: 700
}

.marquee .text:before {
      position: absolute;
      content: "";
      left: -85px;
      bottom: 0;
      height: 140px;
      width: 240px;
      border: 1px solid var(--theme-color-black);
      border-radius: 100px
}

.marquee .text .title {
      margin: 0 57px;
      position: relative;
      font-size: 70px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid var(--theme-color-black);
      padding: 23.5px 80px;
      border-radius: 100px
}

.marquee-two.five .text,
.marquee-two.four .text {
      font-size: 38px;
      line-height: 2;
      text-transform: capitalize
}

.marquee-section-two {
      position: relative;
      padding: 30px 0
}

.marquee-two .text {
      font-size: 40px;
      margin: 0 43px;
      position: relative
}

.marquee-two .text:before {
      content: "";
      position: absolute;
      left: -56px;
      top: 10px;
      height: 25px;
      width: 25px;
      background: url(../images/home-2/marque-icon.png);
      -webkit-animation-duration: 6s;
      animation-duration: 6s
}

.marquee-three .text {
      font-size: 80px;
      color: var(--theme-color-white);
      font-weight: 800;
      margin: 0 90px;
      position: relative
}

.marquee-three .text:before {
      content: "";
      content: "";
      position: absolute;
      left: -121px;
      top: 19px;
      height: 65px;
      width: 65px;
      background: url(../images/home-2/arrwo-icon.png) no-repeat
}

.marquee-section-h3 {
      position: relative;
      padding: 22px 0
}

.marquee-h3 .text {
      color: var(--theme-color-black);
      font-family: var(--heading-font-family);
      font-size: 40px;
      font-weight: 700;
      line-height: 57px;
      margin: 0 75px;
      position: relative
}

.marquee-h3 .text:before {
      content: "";
      position: absolute;
      left: -99px;
      top: 0;
      height: 52px;
      width: 52px;
      background: url(../images/home-3/marque-icon.png);
      -webkit-animation-name: rotateme;
      animation-name: rotateme;
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear
}

.style_three {
      padding: 40px 0
}

.style_three .marquee .text h1 {
      margin: 0 55px;
      font-weight: 800;
      font-size: 115px;
      border: 0;
      padding: 0;
      border-radius: 0
}

.marquee-section-two.four {
      position: relative;
      background-color: var(--theme-color2);
      padding: 37px 0
}

.marquee-two.four .text {
      margin: 0 75px
}

.marquee-two.four .text:before {
      left: -101px;
      top: 13px;
      height: 58px;
      width: 58px;
      background: url(../images/home-4/marque-shap.png) no-repeat
}

.marquee-section-two.five {
      position: relative;
      background-color: var(--theme-color1);
      padding: 27px 0
}

.marquee-two.five .text {
      margin: 0 75px;
      font-size: 600;
      color: var(--theme-color3)
}

.marquee-two.five .text:before {
      left: -101px;
      top: 13px;
      height: 58px;
      width: 58px;
      background: url(../images/home-6/rotate.png) no-repeat
}

@media (prefers-reduced-motion:reduce) {

      .marquee .marquee-group,
      .marquee-h3 .marquee-group,
      .marquee-three .marquee-group,
      .marquee-two .marquee-group,
      .marquee-two.five .marquee-group,
      .marquee-two.four .marquee-group {
            -webkit-animation-play-state: paused;
            animation-play-state: paused
      }
}

@-webkit-keyframes scroll {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      100% {
            -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)))
      }
}

@keyframes scroll {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      100% {
            -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)))
      }
}

.team-section {
      position: relative;
      padding: 100px 0 90px;
      background: #0a0a0a
}

.team-section .sec-title h2 {
      max-width: 430px
}

.footer-upper,
.our-team-intro .team-culmn {
      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
}

.our-team-intro .team-des {
      font-size: 16px;
      line-height: 28px;
      width: 62%
}

.our-team-intro .theme-buton {
      margin-top: -18px;
      margin-right: 62px
}

.our-team-intro .theme-buton a {
      font-size: 16px;
      padding: 15px 40px;
      margin-top: -18px
}

.product-block-two,
.team-single-box {
      position: relative;
      margin-bottom: 30px
}

.team-single-box .inner-box:hover .image1 {
      mix-blend-mode: normal
}

.team-single-box .inner-box:hover .social-links {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible
}

.team-single-box .inner-box:hover .designation:before {
      background: var(--theme-color-black)
}

.pricing-single-bx:hover .theme-hover-bx,
.pricing-single-bx:hover h3.popular,
.team-single-box .inner-box:hover .theme-hover-bx,
.team-single-box-two:hover .theme-hover-bx {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
}

.team-single-box .image-box .image1 {
      margin-bottom: 0;
      mix-blend-mode: luminosity;
      -webkit-transition: .4s;
      transition: .4s
}

.team-single-box .image-box .image1 .team-bg {
      width: 100%;
      -webkit-transition: .4s;
      transition: .4s
}

.team-single-box .image-box .image2 .team-img {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
}

.team-single-box .info-box {
      padding: 32px 35px 36px;
      background: var(--body-bg);
      position: relative;
      margin-left: 42px;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 1
}

.team-single-box .info-box .name {
      margin-bottom: 8px
}

.team-single-box .info-box .name a {
      font-weight: 500;
      z-index: 2;
      font-size: 26px;
      -webkit-transition: .3s;
      transition: .3s;
      display: inline-block
}

.team-single-box .info-box .designation {
      position: relative;
      display: block;
      z-index: 2;
      font-family: var(--heading-font-family);
      -webkit-transition: .3s;
      transition: .3s;
      padding-left: 50px
}

.team-single-box .info-box .designation::before {
      position: absolute;
      left: 0;
      top: 15px;
      width: 40px;
      content: "";
      height: 1px;
      background: rgba(255, 255, 255, .2);
      -webkit-transition: .3s;
      transition: .3s
}

.pricing-single-bx .theme-hover-bx,
.team-single-box .info-box .theme-hover-bx {
      background: var(--theme-color1);
      height: 100%;
      top: 0;
      opacity: 0;
      position: absolute;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: .5s;
      transition: .5s;
      width: 25%;
      z-index: -1
}

.pricing-single-bx .hover-bx,
.team-single-box .info-box .hover-bx {
      left: 0;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms
}

.pricing-single-bx .hover-bx2,
.team-single-box .info-box .hover-bx2,
.team-single-box-two .hover-bx2 {
      left: 25%;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms
}

.pricing-single-bx .hover-bx3,
.team-single-box .info-box .hover-bx3,
.team-single-box-two .hover-bx3 {
      left: 50%;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms
}

.pricing-single-bx .hover-bx4,
.team-single-box .info-box .hover-bx4 {
      left: 75%;
      -webkit-transition-delay: 0s;
      transition-delay: 0s
}

.team-single-box .share-icon {
      position: absolute;
      left: 42px;
      bottom: 0;
      height: 50px;
      width: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 18px;
      background-color: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 3;
      color: var(--theme-color2)
}

.team-single-box .social-links {
      position: absolute;
      left: 42px;
      bottom: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      z-index: 3;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: .4s;
      transition: .4s
}

.team-single-box .social-links a {
      position: relative;
      height: 50px;
      width: 50px;
      display: block;
      font-size: 16px;
      line-height: 50px;
      text-align: center;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s;
      backdrop-filter: blur(10px);
      background: rgba(244, 245, 248, .1490196078);
      margin-bottom: 10px
}

.team-single-box .social-links a:hover {
      color: var(--theme-color-black);
      background-color: var(--theme-color1)
}

.team-section.style-two .our-team-intro {
      margin-bottom: -5px
}

.team-section.style-two .outer-bx {
      max-width: 1635px;
      margin: auto
}

.team-single-box-two {
      background: #1c1c1c;
      position: relative;
      margin-bottom: 30px;
      padding: 25px 20px 28px;
      border-radius: 20px;
      margin-top: 40px
}

.team-single-box-two.bottom {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px)
}

.team-single-box-two .share-icon,
.team-single-box-two .social-links a {
      height: 50px;
      width: 50px;
      border-radius: 50%;
      line-height: 50px;
      text-align: center
}

.team-single-box-two .image-box figure img {
      -webkit-mask-image: url(../images/home-2/team-mask1.png);
      mask-image: url(../images/home-2/team-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

@media (max-width:1370.98px) {
      .team-single-box-two .image-box figure img {
            width: 100%
      }
}

.team-single-box-two .info-box {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 1;
      margin-top: 8px
}

.team-single-box-two .info-box .designation,
.team-single-box-two .info-box .name a {
      -webkit-transition: .3s;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family)
}

.team-single-box-two .info-box .name a {
      font-weight: 500;
      font-size: 22px;
      transition: .3s;
      display: inline-block;
      line-height: 0
}

.team-single-box-two .info-box .designation {
      position: relative;
      display: block;
      z-index: 2;
      transition: .3s;
      font-size: 15px
}

.team-single-box-two .share-icon {
      position: absolute;
      left: 20px;
      top: 0;
      font-size: 18px;
      background-color: #616161;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 3;
      color: var(--theme-color-white)
}

.team-single-box-two .social-links {
      position: absolute;
      left: 20px;
      top: 70px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      z-index: 3;
      visibility: visible;
      opacity: 1;
      -webkit-transition: .4s;
      transition: .4s
}

@media (max-width:991.98px) {

      .about-content-style-3 .about-image-2,
      .about-section-two .image-column .about-campaign span.campaign-badge::before,
      .hero-3 .hero-content .title .arrow-icon {
            display: none
      }

      .hero-4 {
            padding: 150px 0 120px
      }

      .hero-4 .hero-content {
            margin-top: 0
      }

      .hero-4 .hero-content .hero-title {
            font-size: 60px
      }

      .hero-4 .hero-image {
            text-align: center
      }

      .hero-4 .hero-image .circle-box {
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
      }

      .about-section {
            padding: 80px 0
      }

      .about-section-four .image-column .inner-column {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
      }

      .about-section-four .image-column .inner-column .image-one,
      .icon-single-box {
            margin-bottom: 30px
      }

      .about-section-four .content-column .inner-column .info-box,
      .project-section-4 .sec-title .sub-title,
      .services-section-two .sec-title h2 {
            margin-bottom: 20px
      }

      .mission-section .mission-list-item ul {
            -ms-flex-pack: distribute;
            justify-content: space-around
      }

      .mission-section .mission-list-item ul li {
            font-size: 16px
      }

      .cta-video-thumb {
            height: 600px
      }

      .cta-video-thumb .video-btn {
            top: 60%
      }

      .services-section .sec-title,
      .work-box-items-3 .work-content .content {
            margin-left: 0
      }

      .services-section .array-button {
            display: none !important
      }

      .services-section-two p.sec-descrption {
            margin-left: initial;
            max-width: none
      }

      .service-card-style-4 .title {
            font-size: 23px
      }

      .service-bg-color-3 {
            padding: 35px
      }

      .testimonial-section-two .sec-title {
            margin-top: 40px
      }

      .testimonial-box-items-3 .content p {
            font-size: 18px
      }

      .work-single-box {
            display: block;
            padding: 30px
      }

      .work-box-items-3 {
            display: block
      }

      .work-box-items-3 .work-content {
            margin-bottom: 30px;
            -ms-flex-preferred-size: initial;
            flex-basis: initial
      }

      .work-box-items-3 .work-content .content .theme-buton {
            margin-top: 30px
      }

      .work-box-items-3 .thumb {
            max-width: initial;
            max-height: 400px;
            overflow: hidden
      }

      .project-section-4 .sec-title {
            margin-bottom: 40px
      }

      .project-section-4 .sec-title h2 {
            font-size: 40px;
            line-height: 40px
      }

      .project-box-style-4 .content .title {
            font-size: 20px
      }

      .marquee .text:before {
            height: 101px
      }

      .marquee .text .title {
            font-size: 40px
      }

      .team-single-box-two .social-links {
            top: 95px
      }
}

@media (max-width:767.98px) {
      .hero-4 .hero-content .hero-title {
            font-size: 50px
      }

      .about-section .about-icon-box {
            gap: 30px;
            padding: 30px 15px
      }

      .about-section-two .image-column .image-2,
      .testimonial-section-two .array-button {
            display: none
      }

      .accordion-box .block .acc-btn.active {
            padding-bottom: 15px
      }

      .service-card-style-4 {
            padding: 30px 15px 80px
      }

      .service-card-style-4 .title {
            font-size: 22px
      }

      .service-bg-color-3,
      .testimonial-box-style-4 {
            padding: 30px
      }

      .testimonial-image-style-3 .testi-marketing-box {
            width: 276px;
            gap: 10px;
            right: -8px
      }

      .testimonial-box-items-3 .content p {
            font-size: 17px
      }

      .testimonial-section-3 {
            margin: 0 15px
      }

      .project-box-style-4 .content .title {
            font-size: 19px
      }

      .our-team-intro .team-des {
            margin-top: 0
      }

      .team-single-box .info-box .name a {
            font-size: 20px
      }

      .team-single-box-two .image-box {
            width: 100%
      }

      .team-single-box-two .social-links {
            top: 110px
      }

      .news-block .image-box .image {
            max-height: 400px
      }
}

@media (max-width:400.98px) {
      .team-single-box-two .social-links {
            top: 65px
      }
}

.team-single-box-two .social-links a {
      position: relative;
      display: block;
      font-size: 16px;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s;
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, .2);
      margin-bottom: 10px
}

.team-single-box-two .social-links a:hover {
      background: var(--theme-color1);
      color: var(--theme-color-black)
}

.team-single-box-two:hover .share-icon {
      background: var(--theme-color-black);
      color: var(--theme-color-white)
}

.team-single-box-two:hover .social-links {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      opacity: 1;
      visibility: visible
}

.nav-links .next .thumb,
.team-single-box-two:hover .info-box {
      margin-left: 20px
}

.team-single-box-two .theme-hover-bx {
      background: var(--theme-color1);
      height: 100%;
      top: 0;
      opacity: 0;
      position: absolute;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: .5s;
      transition: .5s;
      width: 25%;
      z-index: 0
}

.team-single-box-two .hover-bx {
      left: 0;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms;
      border-radius: 20px 0 0 20px
}

.team-single-box-two .hover-bx4 {
      left: 75%;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      border-radius: 0 20px 20px 0
}

.contact-section {
      padding: 5px 0 31px;
      position: relative;
      background: url(../images/bg.webp) center center/cover no-repeat;
      z-index: 1
}

.contact-section .sec-title {
      margin-bottom: 58px
}

.contact-section .contact-sp {
      left: -12%;
      opacity: .5;
      position: absolute;
      top: 24%;
      z-index: -1
}

.contact-right-warp {
      margin-top: 37px;
      position: relative;
      z-index: 1
}

.contact-right-warp .shape,
.contact-section-two .contact-right-warp .shape {
      position: absolute;
      right: 38%;
      bottom: -13px;
      z-index: -1
}

.contact-desc {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 35px
}

.contact-info p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      margin: 0 0 30px;
      display: flex;
      align-items: center;
      gap: 15px
}

.contact-info h4 {
      font-size: 34px;
      font-weight: 600;
      margin-top: 10px
}

.contact-forms {
      position: relative;
      margin-left: 80px;
      z-index: 1;
      border-radius: 24px;
      background: rgb(8 8 8 / 76%);
      border: 1px solid rgba(255, 255, 255, .12);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow: 0 20px 60px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .06);
      padding: 50px
}

.contact-forms .service-info__badge {
      color: var(--theme-color-white);
      font-size: 22px;
      font-weight: 600;
      margin: 0 0 33px
}

.contact-forms .form-group,
.contact-forms-two .form-group {
      position: relative;
      margin-bottom: 20px
}

.contact-forms .form-group .select2-container--default .select2-selection--single,
.contact-forms .form-group input:not([type=submit]),
.contact-forms .form-group select,
.contact-forms .form-group textarea {
      position: relative;
      display: block;
      height: 55px;
      width: 100%;
      border-radius: 40px;
      padding: 21px 30px;
      font-size: 16px;
      color: var(--theme-color-white);
      background: rgba(255, 255, 255, .1);
      font-weight: 400;
      border: 1px solid rgba(255, 255, 255, .1);
      margin-bottom: 0;
      -webkit-transition: .3s;
      transition: .3s;
      backdrop-filter: blur(20px) !important
}

.contact-forms .form-group ::-webkit-input-placeholder {
      color: #616161
}

.contact-forms .form-group ::-moz-input-placeholder {
      color: #616161
}

.contact-forms .form-group ::-ms-input-placeholder {
      color: #616161
}

.contact-forms .form-group textarea {
      height: 200px;
      resize: none
}

.contact-forms .form-group .theme-btn,
.contact-forms .form-group input[type=submit] {
      display: inline-block;
      border: 0;
      font-size: 16px;
      color: var(--theme-color1);
      font-weight: 500;
      padding: 15px 43px;
      border-radius: 100px;
      position: relative;
      z-index: 1;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--theme-color2);
      -webkit-animation: 1s 1.6s both fadeInUp;
      animation: 1s 1.6s both fadeInUp;
      margin-top: 20px
}

.contact-forms .form-group .theme-btn:before,
.contact-forms .form-group input[type=submit]:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: var(--text-color-bg-theme-color1);
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: scale(0);
      transform: scale(0)
}

.contact-forms .form-group .theme-btn:hover,
.contact-forms .form-group input[type=submit]:hover {
      color: var(--bg-theme-color1)
}

.contact-forms .form-group .theme-btn i,
.contact-forms .form-group input[type=submit] i {
      position: absolute;
      right: -59px;
      height: 59px;
      width: 59px;
      line-height: 58px;
      top: 0;
      border-radius: 50%;
      text-align: center;
      font-size: 16px;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--theme-color2);
      font-weight: var(--h3-font-weight);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
}

.contact-forms .form-group .theme-btn:hover i,
.contact-forms .form-group input[type=submit]:hover i {
      color: var(--bg-theme-color1);
      background: var(--text-color-bg-theme-color1);
      -webkit-transform: scale(1);
      transform: scale(1)
}

.contact-forms .contact-sps,
.contact-forms-two .contact-sps {
      position: absolute;
      top: 0;
      left: 6%;
      z-index: -1
}

.contact-section-two .sec-title {
      margin-bottom: 72px;
      max-width: 557px
}

.contact-section-two .contact-shape {
      position: absolute;
      right: 9%;
      bottom: 30%;
      z-index: -1
}

.contact-section-two .contact-right-warp {
      position: relative;
      z-index: 1;
      margin-top: 0;
      margin-left: 56px
}

.contact-section-two .contact-desc {
      color: var(--theme-color7);
      width: 70%;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 56px
}

.choose-us-box-style-3 .choose-us-box-3 .content,
.contact-section-two .contact-info,
.products-section .sec-title .theme-btn,
.sidebar-area .sidebar__body,
.sidebar__single+.sidebar__single {
      margin-top: 30px
}

.contact-section-two .contact-info p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 24px;
      margin: 0;
      color: var(--theme-color-white)
}

.contact-section-two .contact-info .call-title {
      font-weight: 500;
      color: var(--theme-color-white);
      margin-top: 17px
}

.contact-section-two .contact-btn {
      margin-top: 78px
}

.contact-section-two .contact-btn a::before {
      position: absolute;
      content: "";
      right: 0;
      top: -22px;
      height: 70px;
      width: 70px;
      line-height: 70px;
      border: 2px solid var(--theme-color1);
      border-radius: 50%;
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 0
}

.contact-section-two .contact-btn a:hover:before {
      right: -25px;
      opacity: 1
}

.contact-section-two.style-h4 .contact-forms-two .service-info__badge {
      font-size: 30px
}

.contact-section-two.style-h4 .contact-right-warp .contact-info .email-link {
      color: #fff;
      display: block;
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 5px;
      text-decoration: underline
}

.contact-section-two.style-h4 .contact-right-warp .contact-info p {
      font-size: 16px;
      font-weight: 300;
      font-family: var(--heading-font-family)
}

.contact-section-two.style-h4 .contact-right-warp .contact-btn {
      margin-top: 56px
}

.contact-forms-two {
      position: relative;
      z-index: 1;
      background-color: var(--theme-color1);
      border-radius: 40px;
      padding: 60px 80px;
      margin-top: -162px
}

.contact-forms-two .service-info__badge {
      color: var(--theme-color-black);
      margin-bottom: 30px
}

.contact-forms-two p.contact-des {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      line-height: 28px;
      color: rgba(10, 10, 10, .8);
      margin-bottom: 42px
}

.contact-forms-two .form-group .select2-container--default .select2-selection--single,
.contact-forms-two .form-group input:not([type=submit]),
.contact-forms-two .form-group select,
.contact-forms-two .form-group textarea {
      position: relative;
      display: block;
      height: 50px;
      padding: 0 0 7px;
      width: 100%;
      border-radius: 0;
      font-size: 18px;
      color: var(--theme-color-black);
      font-weight: 500;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
      -webkit-transition: .3s;
      transition: .3s;
      background: 0 0
}

.contact-forms-two .form-group ::-webkit-input-placeholder {
      color: rgba(10, 10, 10, .8)
}

.contact-forms-two .form-group ::-moz-input-placeholder {
      color: var(--theme-color-white)
}

.contact-forms-two .form-group ::-ms-input-placeholder {
      color: var(--theme-color-white)
}

.contact-forms-two .form-group input:focus,
.contact-forms-two .form-group select:focus,
.contact-forms-two .form-group textarea:focus {
      border-bottom: 2px solid rgba(0, 0, 0, .1215686275);
      background: 0 0
}

.contact-forms-two .form-group textarea {
      height: 120px;
      resize: none;
      padding: 5px 0
}

.contact-forms-two .form-group .theme-btn,
.contact-forms-two .form-group input[type=submit] {
      display: block;
      border: 0;
      font-size: 18px;
      color: var(--theme-color-white);
      font-weight: 500;
      padding: 18px 43px;
      border-radius: 100px;
      position: relative;
      z-index: 1;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--theme-color-black);
      text-align: center;
      width: 100%;
      font-family: var(--heading-font-family);
      overflow: hidden;
      margin-top: 20px
}

.contact-forms-two .form-group .theme-btn:before,
.contact-forms-two .form-group input[type=submit]:before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      height: 100%;
      width: 0;
      z-index: -1;
      background: var(--theme-color-white);
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-form-style-3 .form-group input,
.contact-form-style-3 .form-group textarea {
      width: 100%;
      outline: 0;
      border-radius: 30px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: rgba(255, 255, 255, .1);
      backdrop-filter: blur(10px);
      padding: 16px 25px;
      color: var(--theme-color-white)
}

.contact-form-style-3 .form-group input::-webkit-input-placeholder,
.contact-form-style-3 .form-group textarea::-webkit-input-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input::-moz-placeholder,
.contact-form-style-3 .form-group textarea::-moz-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input:-ms-input-placeholder,
.contact-form-style-3 .form-group textarea:-ms-input-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input::-ms-input-placeholder,
.contact-form-style-3 .form-group textarea::-ms-input-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input::placeholder,
.contact-form-style-3 .form-group textarea::placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group textarea {
      padding: 16px 25px;
      height: 200px
}

.news-section {
      position: relative;
      z-index: 1;
      overflow: hidden;
      background-color: #0a0a0a
}

.news-section .theme-buton {
      margin-top: -28px;
      text-align: right;
      margin-right: 59px
}

.news-section .news-sp1 {
      position: absolute;
      top: 28%;
      left: 0;
      z-index: -1
}

.news-section .news-sp2 {
      position: absolute;
      top: 13%;
      right: 5%;
      z-index: -1
}

.news-block {
      position: relative;
      margin-bottom: 30px;
      overflow: hidden
}

.news-block .blog-single-box {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s;
      -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
      box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
      overflow: hidden;
      background: var(--body-bg);
      padding: 25px 25px 36px;
      border-radius: 30px
}

.news-block .blog-single-box.style_two {
      padding: 0;
      border-radius: 15px;
      background: 0 0
}

.news-block .blog-single-box.style_two .content-box .date {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 14px;
      border: 1px solid rgba(255, 255, 255, .1);
      padding: 1px 20px;
      border-radius: 40px;
      display: table
}

.news-block .blog-single-box.style_two .content-box .blog-author {
      margin-top: 12px
}

.news-block .blog-single-box.style_two .content-box .blog-author span {
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family)
}

.news-block .blog-single-box.style_two .title a {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
      background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      -webkit-transition: .3s, background-size .8s;
      transition: .3s, background-size .8s
}

.news-block .blog-single-box.style_two .title:hover a {
      background-size: 100% 1px;
      color: var(--theme-color-white)
}

.news-block .image-box .image {
      position: relative;
      overflow: hidden;
      margin-bottom: 0;
      border-radius: 33px
}

.news-block .image-box .image img {
      display: block;
      width: 100%;
      -webkit-transition: .4s;
      transition: .4s
}

.news-block .content-box {
      margin-top: 30px;
      margin-left: 30px
}

.news-block .content-box .date {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      border: 2px solid rgba(97, 97, 97, .4);
      padding: 3px 20px;
      border-radius: 40px;
      display: table
}

.news-block .content-box .title {
      margin: 20px 0 0;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 24px;
      line-height: 34px;
      text-decoration: none;
      -webkit-transition: .5s;
      transition: .5s;
      position: relative;
      display: inline-block;
      max-width: 337px
}

.news-block .content-box .title span {
      font-weight: 200;
      position: relative;
      z-index: 1
}

.news-block .content-box .title span::before,
.news-block .content-box .title strong::before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 0;
      height: 1px;
      background: var(--theme-color1);
      -webkit-transition: .4s linear;
      transition: .4s linear;
      z-index: -1
}

.news-block .content-box .title strong {
      color: var(--theme-color-white);
      position: relative;
      z-index: 1;
      font-weight: 700;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.news-block .content-box .text,
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
      margin-top: 20px
}

.news-section.style_two {
      z-index: 1;
      overflow: hidden
}

.news-section-3 {
      position: relative;
      background: #0a0a0a
}

.news-section-3 .shape-1 {
      position: absolute;
      left: 0;
      bottom: 120px
}

.news-section-3 .shape-2 {
      position: absolute;
      top: -120px;
      right: 0
}

.news-section-3 .news-block .content-box .date {
      text-transform: uppercase
}

.news-section-4 {
      background-color: #0a0a0a;
      position: relative
}

.news-card-style-4 {
      background-color: var(--body-bg);
      border-radius: 15px;
      padding: 20px
}

.news-card-style-4 .thumb {
      padding-bottom: 0;
      position: relative;
      overflow: hidden;
      border-radius: 15px
}

.news-card-style-4 .thumb img {
      width: 100%;
      height: 100%;
      border-radius: 15px;
      -webkit-transition: .4s;
      transition: .4s
}

.news-card-style-4 .content {
      padding: 40px 15px 20px;
      position: relative
}

.news-card-style-4 .content .post-date {
      width: 70px;
      height: 70px;
      text-align: center;
      border-radius: 10px;
      background-color: var(--theme-color1);
      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;
      position: absolute;
      right: 0;
      top: -40px
}

.news-card-style-4 .content .post-date .date-title {
      font-size: 15px;
      font-weight: 500;
      color: var(--theme-color-black);
      line-height: 1
}

.news-card-style-4 .content .post-date p {
      font-size: 16px;
      font-weight: 400;
      color: var(--theme-color-black);
      margin-top: 3px
}

.news-card-style-4 .content ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 24px;
      margin-bottom: 15px
}

.news-section-4 .vec-left {
      position: absolute;
      bottom: 100px;
      left: 0
}

.news-section-4 .vec-arrow {
      position: absolute;
      top: 17%;
      right: 22%
}

.why-choose-us-section .theme-buton {
      text-align: right;
      margin-right: 60px
}

.service-sidebar .service-sidebar-single-services ul li a i,
.why-choose-us-section .theme-buton a {
      font-size: 16px
}

.why-choose-us-section .choose-single-box {
      border-bottom: 1px solid rgba(var(--theme-color-white-rgb), .15);
      margin-right: 48px;
      margin-bottom: 35px;
      padding-bottom: 20px
}

.why-choose-us-section .choose-single-box .choose-icon i {
      display: inline-block;
      background: var(--theme-color2);
      height: 60px;
      width: 60px;
      border-radius: 50%;
      line-height: 60px;
      text-align: center;
      color: var(--theme-color1);
      font-size: 26px;
      margin-bottom: 25px;
      -webkit-transition: .4s linear;
      transition: .4s linear;
      cursor: pointer
}

.why-choose-us-section .choose-single-box .choose-content .title {
      margin: 0 0 14px
}

.why-choose-us-section .choose-single-box:nth-child(2) {
      border-bottom: 0
}

.why-choose-us-section .column-right {
      padding-left: 52px
}

.why-choose-us-section .choose-thumb {
      margin-left: -10px;
      position: relative;
      z-index: 1;
      margin-top: -40px
}

.why-choose-us-section .choose-thumb .image1 {
      position: relative;
      z-index: 1;
      margin: 0 23px;
      top: -26px
}

.why-choose-us-section .choose-thumb .dote-shape {
      position: absolute;
      left: 20%;
      bottom: -22%;
      z-index: -1
}

.why-choose-us-section .choose-thumb .image-bg-shape1 {
      -webkit-mask-image: url(../images/image-bg-shape1.png);
      mask-image: url(../images/image-bg-shape1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      max-width: 424px;
      background-color: #111;
      max-height: 450px;
      position: absolute;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      width: 100%;
      height: 100%
}

.why-choose-us-section .choose-thumb .image-bg-shape2 {
      -webkit-mask-image: url(../images/image-bg-shape1.png);
      mask-image: url(../images/image-bg-shape1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      max-width: 424px;
      background-color: var(--theme-color1);
      max-height: 450px;
      position: absolute;
      bottom: 31px;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      width: 100%;
      height: 100%;
      z-index: -1
}

.why-choose-us-section .choose-shape {
      position: absolute;
      top: 15%;
      left: 5%;
      right: 0;
      text-align: center;
      z-index: -1
}

.why-choose-us-section .choose-shape2 {
      position: absolute;
      top: -56%;
      right: 0;
      z-index: -1
}

.why-choose-us-section .buler-bg {
      position: absolute;
      left: 35%;
      bottom: 5%;
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      height: 577px;
      width: 577px;
      z-index: -1
}

.why-choose-us-section-two {
      padding: 120px 0 45px;
      position: relative;
      z-index: 1;
      overflow: hidden
}

.why-choose-us-section-two .choose-shape {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1
}

.why-choose-us-section-two .feature-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto 25px auto;
      grid-template-columns: repeat(2, auto);
      gap: 25px;
      max-width: 645px
}

.why-choose-us-section-two .feature-grid .feature-item {
      position: relative;
      background: #2b2523;
      border-radius: 999px
}

.why-choose-us-section-two .feature-grid .feature-item::after,
.why-choose-us-section-two .feature-grid .feature-item::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 999px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.why-choose-us-section-two .feature-grid .feature-item .featuer-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      padding: 10px 24px;
      border-radius: 999px;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color-white);
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1)
}

.why-choose-us-section-two .theme-buton {
      margin-top: 45px
}

.why-choose-us-section-two .theme-buton a {
      font-size: 16px;
      padding: 14px 43px
}

.why-choose-us-section-two .btn-box {
      display: inline-block;
      margin-top: 283px;
      margin-left: -75px
}

.why-choose-us-content-1 {
      margin-right: 30px
}

.why-choose-us-content-1 .sec-title {
      max-width: 490px
}

.why-choose-us-content-1 .icon-box-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 24px;
      margin-bottom: 20px
}

.why-choose-us-content-1 .icon-box-list li .icon {
      width: 64px;
      height: 64px;
      line-height: 59px;
      border-radius: 50%;
      border: 1px solid var(--theme-color-black);
      text-align: center
}

.why-choose-us-content-1 .icon-box-list li .icon i,
.why-choose-us-content-1 .icon-box-list li .icon img {
      font-size: 36px;
      -webkit-transition: .9s;
      transition: .9s;
      display: inline-block
}

.why-choose-us-content-1 .icon-box-list li .content {
      border-top: 1px solid rgba(0, 0, 0, .2);
      padding-top: 20px;
      margin-top: 30px
}

.why-choose-us-content-1 .icon-box-list li .content .title {
      font-size: 20px;
      color: var(--theme-color-black);
      margin-bottom: 14px
}

.why-choose-us-content-1 .icon-box-list li .content p {
      color: var(--theme-color-black);
      opacity: .8
}

.why-choose-us-content-1 .theme-btn {
      padding: 16px 34px
}

.why-choose-us-content-1 .theme-btn-arrow-left,
.why-choose-us-content-1 .theme-btn-arrow-right {
      width: 56px;
      height: 56px;
      line-height: 56px
}

.choose-us-image-items {
      margin-right: -165px;
      margin-left: 14px;
      position: relative;
      z-index: 9
}

.choose-us-image-items .circle-shape {
      position: absolute;
      top: -50px;
      right: -80px;
      z-index: -1
}

@media (max-width:1399.98px) {

      .choose-us-image-items .circle-shape,
      .contact-right-warp .shape,
      .contact-section .contact-sp,
      .work-box-items-3 .work-content .top-title::before {
            display: none
      }

      .work-box-items-3 .work-content .content .title {
            font-size: 35px
      }

      .contact-forms {
            margin-left: 0
      }
}

.choose-us-image-items .choose-us-image img {
      width: 100%;
      height: 100%;
      clip-path: polygon(81% 0, 100% 0, 100% 18%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0 23%, 22% 0)
}

.choose-us-image-items .choose-us-image2 {
      height: 600px;
      width: 404px
}

@media (max-width:1599.98px) {
      .choose-us-image-items {
            margin-right: 0;
            margin-left: 0
      }

      .choose-us-image-items .choose-us-image2 {
            height: auto;
            width: auto
      }
}

@media (max-width:1199.98px) {
      .testimonial-box-style-4 p {
            font-size: 18px
      }

      .contact-content-style-3 .sec-title h2 br,
      .news-section .news-sp1,
      .news-section .news-sp2,
      .testimonial-section-3 .testimonial-right-shape,
      .work-single-box .work-content .title br {
            display: none
      }

      .work-box-items-3 .work-content .content p,
      .work-box-items-3 .work-content .top-title,
      .work-single-box .work-content {
            margin-bottom: 20px
      }

      .work-box-items-3 .work-content {
            padding: 0 30px
      }

      .work-box-items-3 .work-content .content .title {
            font-size: 32px
      }

      .marquee-section-h3,
      .marquee-section-two {
            padding: 25px 0
      }

      .our-team-intro .team-culmn {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
            gap: 20px !important
      }

      .why-choose-us-content-1 {
            margin-right: 0
      }

      .choose-us-image-items .choose-us-image2 {
            height: 600px
      }
}

.choose-us-image-items .choose-us-image2 img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      clip-path: polygon(81% 0, 82% 0, 100% 18%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0)
}

.choose-us-image-items .counter-box-1 {
      background-color: var(--theme-color-black);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px;
      padding: 41px 35px;
      margin-top: 24px
}

.choose-us-image-items .counter-box-1 .check-icon {
      width: 60px;
      height: 60px;
      line-height: 58px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme-color1)
}

.choose-us-image-items .counter-box-1 .check-icon img {
      padding-left: 4px
}

.choose-us-image-items .counter-box-1 .title {
      font-size: 30px;
      margin-bottom: 18px
}

.choose-us-image-items .counter-box-1 p {
      color: #a1a1a1;
      margin-bottom: 0
}

.success-section-3 {
      margin: 0 50px;
      border-radius: 30px;
      position: relative
}

.success-counter-items {
      margin-top: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px
}

.success-counter-items .success-counter .count-text {
      color: transparent;
      font-size: 180px;
      font-weight: 600;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--theme-color-black);
      font-family: var(--body-font-family);
      line-height: 1
}

@media (max-width:991.98px) {
      .contact-section {
            padding: 85px 0
      }

      .news-card-style-4 .content .title {
            font-size: 20px
      }

      .choose-us-image-items .choose-us-image2 {
            height: auto
      }

      .success-counter-items .success-counter .count-text {
            font-size: 140px
      }
}

.success-counter-items .success-counter .plus {
      color: var(--theme-color-black);
      font-family: var(--heading-font-family);
      font-size: 46px;
      font-weight: 600
}

.success-counter-items .success-counter p {
      color: var(--theme-color-black);
      font-family: var(--heading-font-family);
      font-size: 20px;
      font-weight: 600;
      line-height: 180%;
      margin-bottom: 0;
      max-width: 300px;
      margin-top: 15px
}

.success-box-counter {
      border: 1px solid rgba(255, 255, 255, .2);
      backdrop-filter: blur(7.5px);
      display: flex;
      justify-content: center;
      flex-direction: column
}

.success-box-counter .count-box {
      color: #fff;
      font-family: var(--heading-font-family);
      font-size: 30px;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      margin: 18px 0 12px
}

@media (max-width:1499.98px) {
      .success-box-counter {
            padding: 40px 15px
      }

      .success-box-counter .count-box {
            font-size: 30px
      }
}

.success-box-counter p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      text-align: center
}

.success-box-items-3 .circle-icon {
      left: 50%;
      position: absolute;
      top: 55%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 9
}

.success-box-items-3 .circle-icon .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 9;
      width: 40px;
      height: 35px
}

.success-box-items-3 .circle-icon .icon::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "";
      z-index: -1;
      width: 102px;
      height: 102px;
      border-radius: 50%;
      background-color: #000
}

.choose-us-image-style-3 .choose-us-circle {
      position: absolute;
      bottom: 130px;
      left: -25%
}

.choose-us-image-style-3 .thumb-1 {
      max-width: 476px;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-size: cover;
      mask-size: cover;
      z-index: 9
}

.choose-us-image-style-3 .choose-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 310px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      right: 30px;
      bottom: 10px;
      z-index: 2
}

.choose-us-box-style-3 {
      position: relative;
      z-index: 9;
      margin-bottom: 24px
}

.choose-us-box-style-3 .choose-us-box-3 {
      padding: 47px 60px;
      background: var(--body-bg);
      z-index: 1;
      backdrop-filter: blur(3px);
      position: relative
}

.choose-us-box-style-3 .choose-us-box-3 .number {
      display: inline-block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 20px;
      font-weight: 500;
      position: absolute;
      top: 47px;
      right: 38px
}

.choose-us-box-style-3 .choose-us-box-3::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 17px;
      height: 17px;
      content: "";
      background-color: var(--theme-color1)
}

.choose-us-box-style-3 .choose-us-box-3 .content .title {
      font-size: 24px;
      margin-bottom: 15px
}

.choose-us-box-style-3 .choose-us-box-3 .content p {
      font-size: 18px;
      max-width: 490px;
      line-height: 156%
}

.choose-us-section-3 {
      position: relative;
      background-color: #000
}

.choose-us-section-3 .sec-title {
      margin-bottom: 120px
}

.choose-us-section-3 .bg-shape {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: .5
}

.choose-us-section-3 .bg-shape img,
.service-block {
      height: 100%
}

.choose-us-section-3 .choose-right-shape {
      position: absolute;
      top: 0;
      right: 0;
      opacity: .2
}

.why-choose-us-section-1 .wcu-sp-right {
      position: absolute;
      top: 40px;
      right: 40px;
      opacity: .5
}

.skill-section .outer-box {
      max-width: 1627px;
      margin: 0 auto
}

.skill-section .inner-column {
      margin-left: 5px;
      width: 81%
}

.skill-section .skill-img .skill-icon-box {
      position: absolute;
      bottom: 0;
      right: 40px;
      background: var(--body-bg);
      text-align: center;
      border-radius: 16px;
      width: 332px;
      padding: 34px 30px 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px
}

.skill-section .skill-img .skill-icon-box .skill-coun-icon {
      height: 60px;
      width: 60px;
      line-height: 60px;
      background: var(--theme-color1);
      border-radius: 50%;
      margin-top: -14px
}

.skill-section .skill-img .skill-icon-box .skill-count {
      text-align: left
}

.skill-section .skill-img .skill-icon-box .skill-count span.count-text {
      font-weight: 600;
      font-size: 30px;
      line-height: 1;
      color: var(--theme-color-white);
      font-family: var(--sec-title-font-family)
}

.skill-section .skill-img .skill-icon-box .skill-count span.plus {
      font-family: var(--sec-title-font-family);
      font-weight: 600;
      font-size: 30px;
      position: relative;
      top: 0;
      left: 0;
      color: var(--theme-color-white)
}

.skill-section .skill-img .skill-icon-box .skill-count h6.counter-title {
      font-size: 18px;
      font-weight: 400;
      color: var(--text-color);
      font-family: var(--body-font-family)
}

.skill-section .skill-img .skill-img2 {
      position: absolute;
      top: 0;
      z-index: -1;
      right: 40px
}

.skill-section .skill-img .images-one {
      -webkit-mask-image: url(../images/home-2/skill-mask1.png);
      mask-image: url(../images/home-2/skill-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.skill-section .skill-img .images-two {
      -webkit-mask-image: url(../images/home-2/skill-mask2.png);
      mask-image: url(../images/home-2/skill-mask2.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.skill-section .skill-img .skill-dot {
      position: absolute;
      top: 41px;
      left: 44%;
      z-index: -1
}

.skill-section .skill-rotate {
      position: absolute;
      right: -14%;
      bottom: -37%
}

.skill-section .skill-sp2 {
      position: absolute;
      right: 9%;
      top: 15%
}

.skill-section .skills .skill-item .skill-header {
      margin-bottom: 19px
}

.skills {
      position: relative;
      margin-bottom: 50px
}

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

.skills .skill-item .skill-header {
      position: relative;
      z-index: 3;
      margin-bottom: 12px
}

.skills .skill-item .skill-header .skill-title {
      position: relative;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 0;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family)
}

.skills .skill-item .skill-bar {
      position: relative;
      width: 100%;
      height: 7px;
      border-radius: 10px
}

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

.skills .skill-item .skill-bar .bar-inner .bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 5px;
      width: 0;
      -webkit-transition: 3s;
      transition: 3s;
      background: var(--theme-color1);
      border-radius: 30px
}

.skills .skill-item .skill-bar .bar-inner .skill-percentage {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 18px;
      color: var(--theme-color3)
}

.pricing-section .pricing-two__tab,
.pricing-section-4 .pricing-two__tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 30px;
      margin-bottom: 40px;
      gap: 25px
}

.pricing-section .save-text,
.pricing-section-4 .save-text {
      position: relative;
      font-size: 18px;
      font-weight: 500;
      color: var(--headings-color)
}

.pricing-section .save-text img,
.pricing-section-4 .save-text img {
      position: absolute;
      bottom: -30px;
      left: -3%
}

.pricing-section .nav .nav-tabs,
.pricing-section-4 .nav .nav-tabs {
      border-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}

.pricing-section .nav .nav-link,
.pricing-section-4 .nav .nav-link {
      font-size: 18px;
      font-weight: 500;
      text-transform: capitalize;
      border: 0;
      border-radius: 0;
      padding: 7px 56px;
      position: relative;
      background: 0 0;
      font-family: var(--heading-font-family);
      z-index: 2;
      color: var(--text-color);
      margin-bottom: 0
}

.pricing-section .nav .nav-link::before,
.pricing-section-4 .nav .nav-link::before {
      position: absolute;
      content: "";
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(50%);
      transform: translateY(-50%) translateX(50%);
      background: var(--body-bg);
      width: 75px;
      height: 32px;
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, .2)
}

.pricing-section .nav .nav-link::after,
.pricing-section-4 .nav .nav-link::after {
      position: absolute;
      content: "";
      right: -33px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: var(--theme-color1);
      z-index: 1
}

.pricing-section .nav .nav-link:first-child,
.pricing-section-4 .nav .nav-link:first-child {
      padding-left: 0
}

.main-footer .footer-column:first-child,
.main-footer .footer-column:last-child,
.pricing-section .nav .nav-link:last-child,
.pricing-section-4 .nav .nav-link:last-child {
      padding-right: 0
}

.pricing-section .nav .nav-link.active,
.pricing-section-4 .nav .nav-link.active,
.project-details-btn .theme-btn.btn-style-one:hover,
.service-sidebar .service-sidebar-single-services ul li a:hover,
table.cart-total .product-name a,
table.tbl-shopping-cart .product-name a {
      color: var(--headings-color)
}

.pricing-section .nav .nav-link.active::after,
.pricing-section-4 .nav .nav-link.active::after {
      right: 8px
}

.pricing-section .bg-image {
      -webkit-filter: saturate(0.1);
      filter: saturate(.1)
}

.pricing-section .bg-image:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(87.18%, #070707), color-stop(98.15%, rgba(7, 7, 7, .1)));
      background: linear-gradient(360deg, #070707 87.18%, rgba(7, 7, 7, .1) 98.15%)
}

.pricing-section .pricing-left-sp {
      position: absolute;
      top: 97%;
      left: 100px
}

.pricing-main-bx::after,
.pricing-main-bx::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 15px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.pricing-single-bx {
      position: relative;
      margin-bottom: 30px;
      z-index: 1;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 15px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 36px 40px 30px;
      overflow: hidden
}

.pricing-single-bx .inner-box {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s
}

.pricing-single-bx .inner-box h3.popular {
      font-family: var(--heading-font-family);
      font-weight: 400;
      font-size: 14px;
      background: rgba(255, 255, 255, .1);
      display: inline-block;
      padding: 9px 21px;
      border-radius: 30px;
      position: absolute;
      right: 0;
      top: 6px;
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      -webkit-transition: .3s;
      transition: .3s
}

.pricing-single-bx .inner-box h4.title {
      font-size: 24px;
      font-weight: 500;
      margin: 0 0 10px
}

.pricing-single-bx .inner-box .price-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px
}

.pricing-single-bx .inner-box .price-box h4 {
      font-weight: 600;
      font-size: 50px;
      line-height: 60px;
      color: var(--theme-color1)
}

.pricing-single-bx .inner-box .price-box .validaty {
      margin-top: 25px;
      font-size: 18px
}

.pricing-single-bx .inner-box p.pricing-text {
      line-height: 26px;
      margin: 0 0 38px;
      max-width: 270px
}

.pricing-single-bx .inner-box .pricing-btn a {
      display: block;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      color: var(--theme-color-white);
      background: var(--body-bg);
      padding: 13px 20px;
      border-radius: 30px;
      text-align: center;
      position: relative;
      z-index: 1;
      overflow: hidden;
      border: 1px solid rgba(var(--theme-color-white-rgb), .1)
}

.pricing-single-bx .inner-box .pricing-btn a::before {
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 100%;
      background: var(--theme-color1);
      z-index: -1;
      content: "";
      -webkit-transition: .5s;
      transition: .5s
}

.pricing-single-bx .inner-box:hover .feature::after {
      opacity: 1;
      width: 100%;
      left: 0
}

.pricing-single-bx .feature {
      margin-top: 64px;
      position: relative
}

.pricing-single-bx .feature::before {
      position: absolute;
      left: 0;
      top: -35px;
      background: #2b2b2b;
      width: 100%;
      height: 1px;
      content: "";
      -webkit-transition: .5s;
      transition: .5s
}

.pricing-single-bx .feature::after {
      position: absolute;
      left: 50%;
      top: -35px;
      background: var(--theme-color1);
      width: 0%;
      height: 1px;
      content: "";
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.pricing-single-bx .feature .feature-title {
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 15px
}

.pricing-single-bx .feature ul li {
      font-weight: 400;
      font-size: 16px;
      line-height: 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px
}

.pricing-single-bx .feature ul li i {
      color: var(--theme-color1);
      font-size: 18px
}

.pricing-img-column .pricing-img1 {
      -webkit-mask-image: url(../images/home-2/pricing-mask1.png);
      mask-image: url(../images/home-2/pricing-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: top center;
      mask-position: top center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      margin-bottom: 0;
      width: 100%;
      height: 100%;
      background-color: var(--theme-color1)
}

.pricing-img-column .pricing-shape {
      position: absolute;
      bottom: 31px;
      right: 35px;
      margin-bottom: 0;
      z-index: 1
}

.pricing-box-items-4 {
      position: relative;
      z-index: 1;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      padding: 55px 45px;
      border-radius: 14px;
      -webkit-mask-position: top right bottom right;
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(99.54%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 99.54%)
}

.pricing-box-items-4 .pricing-header {
      border-bottom: 1px solid transparent;
      -o-border-image: linear-gradient(90deg, #070707 0%, #fcdb66 51.92%, #070707 100%);
      border-image: -webkit-gradient(linear, left top, right top, from(#070707), color-stop(51.92%, #fcdb66), to(#070707));
      border-image: linear-gradient(90deg, #070707 0%, #fcdb66 51.92%, #070707 100%);
      padding-bottom: 30px;
      border-image-slice: 1;
      display: inline-block
}

.pricing-box-items-4 .pricing-header span {
      font-size: 16px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      display: inline-block;
      margin-bottom: 10px;
      color: #f8f8f8
}

.pricing-box-items-4 .pricing-header .title {
      font-size: 46px;
      font-weight: 700
}

.pricing-box-items-4 .pricing-header .title sup {
      font-size: 20px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      color: #a1a1a1;
      margin-left: 5px
}

.pricing-box-items-4 .pricing-list {
      margin-top: 45px;
      margin-bottom: 50px
}

.pricing-box-items-4 .pricing-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
      font-size: 16px;
      font-weight: 500;
      font-family: var(--heading-font-family)
}

.pricing-box-items-4 .pricing-list li:not(:last-child) {
      margin-bottom: 25px
}

.pricing-box-items-4 .theme-buton-style-three a {
      width: 100%;
      text-align: center
}

.pricing-box-items-4:hover {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
}

.brand-section-3 .line-shape,
.brand-section-3 .vec-line {
      -webkit-transform: translateY(-50%);
      right: 0;
      top: 50%;
      position: absolute
}

.pricing-section-4 .pricing-shape {
      position: absolute;
      right: 80px;
      top: 0
}

.brand-section {
      position: relative;
      margin-top: -1px;
      background-color: #070707
}

.brand-section .shape {
      bottom: -21px;
      position: absolute;
      right: 55px
}

.sponsors-outer {
      border-radius: 15px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1.56%, #0c0c0c), to(#1c1c1c));
      background: linear-gradient(180deg, #0c0c0c 1.56%, #1c1c1c 100%);
      padding: 48px 40px 50px;
      border-top: 1px solid rgba(255, 255, 255, .02)
}

.customar-service {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.customar-service .customer-stats {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      color: var(--theme-color-white)
}

.customar-service .highlighted-number {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      color: var(--theme-color1)
}

.customar-service .highlighted-number span,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .content-box .text .link,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li a {
      color: var(--theme-color-white)
}

.brand-slider {
      position: relative;
      padding: 30px 0 0
}

.brand-slider .slide-item::after,
.brand-slider .slide-item::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 10px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

@keyframes rotate {
      0% {
            --gradient-angle: 0deg
      }

      100% {
            --gradient-angle: 360deg
      }
}

.brand-slider .slide-item {
      text-align: center;
      margin: 1px;
      position: relative;
      display: block;
      padding: 39px 20px;
      -webkit-transition: .3s;
      transition: .3s;
      background: #0a0a0a;
      border-radius: 10px
}

.brand-slider .slide-item:hover {
      background: -webkit-gradient(linear, left bottom, left top, color-stop(.69%, #1c1c1c), color-stop(98.44%, #0c0c0c));
      background: linear-gradient(0deg, #1c1c1c .69%, #0c0c0c 98.44%)
}

.brand-slider .owl-nav {
      position: absolute;
      left: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 25px;
      background-color: #fff;
      max-width: 110px;
      right: 0;
      margin: -13px auto 0
}

.brand-slider .owl-nav .owl-next,
.brand-slider .owl-nav .owl-prev {
      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;
      height: 26px;
      width: 26px;
      background-color: var(--bg-theme-color3);
      color: #7c858c;
      font-size: 14px;
      margin: 0 3px;
      -webkit-transition: .3s;
      transition: .3s
}

.brand-slider .owl-nav .owl-next:hover,
.brand-slider .owl-nav .owl-prev:hover {
      background-color: var(--bg-theme-color2);
      color: #fff
}

.brand-wrapper-3::after,
.brand-wrapper-3::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 30px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 1
}

.brand-wrapper-3 .brand-wrapper-inner-3 {
      position: relative;
      z-index: 1;
      background: linear-gradient(269deg, #111 2.24%, #000 75.32%);
      padding: 38.5px 44px;
      border-radius: 30px
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 18px;
      border-right: 1px solid rgba(252, 219, 102, .17);
      margin-right: 20px
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon .icon {
      width: 100%;
      max-width: 54px;
      height: 54px;
      line-height: 54px;
      text-align: center;
      border-radius: 50%;
      background: var(--Copywrting-Neutral, linear-gradient(180deg, rgba(2, 6, 40, .2) 0, rgba(44, 106, 236, .2) 100%))
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-image-3 {
      opacity: .2;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

.brand-section-3 {
      position: relative;
      margin: 80px 0 10px
}

.brand-section-3 .line-shape {
      left: 0;
      transform: translateY(-50%)
}

.brand-section-3 .vec-line {
      left: 8%;
      transform: translateY(-50%)
}

.brand-section-3 .vec-line-2 {
      position: absolute;
      top: 50%;
      right: 8%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.sidebar-area {
      background-color: var(--theme-color7)
}

.sidebar-area .offcanvas-header .btn-close {
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      border-radius: 50%;
      -webkit-transition: .3s;
      transition: .3s;
      font-size: 22px;
      color: var(--theme-color3);
      background-color: transparent;
      opacity: 1;
      background-image: none;
      -webkit-transition: transition(all 300ms ease), transition(all 300ms ease);
      transition: transition(all 300ms ease), _ transition(all 300ms ease);
      border: 1px solid var(--theme-color3)
}

.main-footer .widgets-section::after,
.main-footer .widgets-section::before,
.user-links li a::after,
.user-links li a:before {
      height: 1px;
      position: absolute;
      content: "";
      left: 0
}

.sidebar-area .offcanvas-header .btn-close:hover {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg)
}

.sidebar-area .sidebar__body .text-white {
      color: var(--theme-color3);
      margin-bottom: 20px
}

.sidebar-area .sidebar__body .sidebar__text {
      color: var(--theme-text60)
}

.sidebar-area .sidebar__body .sidebar__contact-info li i {
      display: inline-block;
      margin-right: 10px;
      color: var(--theme-color2);
      font-size: 18px
}

.sidebar-area .sidebar__body .sidebar__contact-info li a {
      display: inline-block;
      color: var(--theme-text60)
}

.sidebar-area .sidebar__body .sidebar__btns,
.sidebar-area .sidebar__body .sidebar__socials ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px
}

.sidebar-area .sidebar__body .sidebar__btns a {
      display: inline-block;
      padding: 6px 16px;
      border-radius: 8px;
      color: var(--theme-color3);
      border: 1px solid var(--theme-color3)
}

.sidebar-area .sidebar__body .sidebar__btns a:hover {
      background-color: var(--theme-color3);
      color: var(--theme-color-light)
}

.sidebar-area .sidebar__body .sidebar__socials ul li {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 50%;
      background: var(--theme-color3);
      -webkit-transition: .3s;
      transition: .3s;
      border: 1px solid var(--theme-color3);
      color: var(--theme-color-light)
}

.sidebar-area .sidebar__body .sidebar__socials ul li a {
      display: inline-block;
      -webkit-transition: .3s;
      transition: .3s
}

.sidebar-area .sidebar__body .sidebar__socials ul li:hover {
      background-color: var(--theme-color2);
      border: 1px solid var(--theme-color2)
}

.main-footer {
      position: relative;
      z-index: 99
}

.main-footer::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      height: 100%;
      width: 100%;
      background-color: var(--theme-color-black);
      opacity: .7;
      mix-blend-mode: color-burn;
      z-index: -1
}

.main-footer .widgets-section {
      position: relative;
      padding: 50px 0
}

.main-footer .widgets-section::before {
      bottom: 10px;
      width: 100%;
      background: rgba(255, 255, 255, .2)
}

.main-footer .widgets-section::after {
      top: 44%;
      width: 100%
}

.main-footer .footer-column {
      position: relative;
      margin-bottom: 30px;
      padding-right: 55px
}

.main-footer .widget-title {
      position: relative;
      color: #fff;
      padding-bottom: 18px;
      margin-bottom: 25px;
      font-weight: 500
}

.footer-bottom .copyright-text,
.user-links li,
.user-links li a {
      color: var(--theme-color-white);
      position: relative
}

.footer-upper .footer-title {
      font-weight: 800;
      font-size: 100px;
      line-height: 110px
}

.footer-upper .footer-title span {
      color: #616161
}

.footer-upper .footer-icon {
      height: 200px;
      width: 200px;
      line-height: 200px;
      background: var(--theme-color1);
      border-radius: 50%;
      text-align: center;
      float: right
}

.main-footer .about-widget .logo {
      position: relative;
      margin-bottom: 30px;
      max-width: 190px
}

.main-footer .about-widget p.footer-des {
      line-height: 26px;
      margin-bottom: 40px
}

.user-links li {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 14px
}

.user-links li a {
      display: block;
      -webkit-transition: .3s;
      transition: .3s;
      font-family: Plus Jakarta Sans;
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 32px
}

.user-links li a:before {
      bottom: -17px;
      width: 100%;
      background: rgba(255, 255, 255, .15);
      -webkit-transition: .3s;
      transition: .3s
}

.user-links li a::after {
      bottom: -17px;
      width: 0;
      background: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.user-links li a:hover::after {
      width: 100%;
      opacity: 1
}

.contact-widget .widget-title {
      padding-bottom: 40px;
      margin-bottom: 0
}

.contact-widget .address p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      margin: 0
}

.contact-widget .address a {
      display: inline-block;
      font-family: var(--heading-font-family);
      font-weight: 400;
      line-height: 28px;
      color: #fff;
      margin: 8px 0 0
}

.footer-bottom {
      position: relative;
      width: 100%
}

.footer-bottom .inner-container {
      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: center;
      padding: 12px 1px
}

.footer-bottom .copyright-text a,
.footer-bottom .copyright-text span {
      color: #a1a1a1
}

.footer-bottom .footer-links-wrapper a {
      display: inline-block;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      color: var(--theme-color-white);
      margin-right: 35px
}

.widgets-section.style_two::before {
      left: 0;
      right: 0;
      margin: auto;
      bottom: 10px;
      width: 69%;
      background: rgba(var(--theme-color-white-rgb), .2)
}

.widgets-section.style_two h5.footer-main-title {
      margin-top: -5px;
      max-width: 393px;
      margin-bottom: 67px
}

.footer-main-wrapper {
      margin: 0 100px;
      border-radius: 30px;
      background: #121310;
      position: relative
}

.footer-section-3 .footer-widget-wrapper-3 {
      padding: 80px 0
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .footer-content .footer-text {
      color: #a1a1a1;
      max-width: 320px;
      line-height: 181%
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li {
      font-size: 16px;
      font-weight: 400;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      font-family: var(--heading-font-family)
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li:not(:last-child) {
      margin-bottom: 15px
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li a i,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li a i {
      margin-right: 5px
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li:hover,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li:hover {
      margin-left: 5px
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px;
      margin-bottom: 40px
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .icon-box {
      position: relative;
      width: 60px;
      height: 60px;
      font-size: 25px;
      line-height: 60px;
      text-align: center;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, .1019607843);
      background: #222;
      border-radius: 50%;
      z-index: 1;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .icon-box:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      content: "";
      -webkit-transform: scale(0);
      transform: scale(0);
      background: var(--theme-color1);
      border-radius: 50%;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .content-box .title {
      font-size: 14px;
      color: #9d9d9d;
      font-family: var(--heading-font-family);
      margin-bottom: 10px
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .content-box .text {
      font-size: 15px;
      font-weight: 500;
      color: var(--theme-color-white);
      line-height: 20px;
      font-family: var(--heading-font-family)
}

.footer-section-3 .copyright-text {
      text-align: center;
      border-top: 1px solid rgba(255, 255, 255, .1);
      color: #9d9d9d;
      font-size: 16px;
      font-family: var(--heading-font-family);
      padding: 30px 0
}

.footer-style-two.style-two .widgets-section {
      background-color: transparent
}

.footer-style-two .footer-right-clomun {
      margin-left: 100px
}

.footer-style-two .widgets-section {
      position: relative;
      overflow: hidden;
      background-color: var(--theme-color2);
      border-radius: 30px;
      padding: 100px 0 0
}

.footer-style-two .widgets-section .anim-icons .image-1 {
      position: absolute;
      top: -137px;
      right: -116px
}

.footer-style-two .widgets-section .anim-icons .image-2 {
      position: absolute;
      bottom: -137px;
      left: -116px
}

.footer-main-wrapper-4 .footer-column .about-widget,
.footer-style-two .about-widget {
      margin-bottom: 80px
}

.footer-style-two .about-widget .title {
      color: var(--theme-color1);
      margin-bottom: 100px
}

.footer-style-two .about-widget .text {
      color: var(--theme-color-lighter2);
      font-size: 16px;
      margin-bottom: 35px
}

.footer-style-two .user-links li a {
      color: rgba(var(--theme-color-white-rgb), .55)
}

.footer-style-two .social-widget {
      margin-top: 25px
}

.footer-style-two .social-widget .social-icon-list1 li a {
      background-color: var(--theme-color-gray);
      border: none;
      font-size: 16px;
      height: 50px;
      line-height: 50px;
      width: 50px
}

.footer-style-two .social-widget .social-icon-list1 li a:hover:before {
      background-color: var(--theme-color-gray)
}

.footer-style-two .subscribe-widget .text {
      color: var(--theme-color-white);
      font-weight: 700;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 30px
}

.footer-style-two .subscribe-widget .subscribe-form-one {
      margin-bottom: 42px
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group {
      max-width: 532px;
      position: relative
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email],
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text] {
      background: var(--theme-color-gray);
      border: 1px solid var(--theme-color-gray);
      border-radius: 40px;
      color: var(--theme-color-black);
      display: block;
      font-size: 14px;
      height: 65px;
      line-height: 30px;
      padding: 20px 65px 20px 35px;
      position: relative;
      width: 100%;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::-webkit-input-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::-webkit-input-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::-moz-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::-moz-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]:-ms-input-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]:-ms-input-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::-ms-input-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::-ms-input-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group .theme-btn {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      color: var(--theme-color-gray);
      font-size: 26px;
      height: 58px;
      line-height: 62px;
      position: absolute;
      right: 5px;
      text-align: center;
      top: 4px;
      width: 58px
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group .theme-btn:hover {
      background-color: transparent;
      color: var(--theme-color1)
}

.footer-style-two .footer-bottom .inner-container {
      border-top: none;
      padding: 20px 0
}

.footer-style-two .footer-bottom .copyright-text {
      color: var(--theme-color6)
}

.footer-style-two .contacts-widget {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-bottom: 100px
}

.footer-style-two .contacts-widget .text .mail {
      color: var(--theme-color-white);
      font-size: 20px;
      font-weight: 700;
      line-height: 48px
}

.footer-style-two .contacts-widget .text .phone {
      color: var(--theme-color-white);
      font-weight: 700;
      font-size: 36px;
      line-height: 48px
}

.footer-main-wrapper-4 .contacts-widget .contact-us,
.footer-style-two .contacts-widget .contact-us {
      position: relative;
      display: block;
      height: 150px;
      width: 150px;
      text-align: center;
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      padding: 35px 20px 20px;
      margin: 0 auto;
      -webkit-transition: .3s;
      transition: .3s
}

@media (max-width:767.98px) {
      .news-block .image-box .image img {
            -o-object-fit: cover;
            object-fit: cover
      }

      .success-counter-items,
      .why-choose-us-content-1 .icon-box-list {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
      }

      .success-counter-items .success-counter .count-text {
            font-size: 90px
      }

      .footer-upper {
            margin-bottom: 60px
      }

      .footer-style-two .subscribe-widget {
            padding-left: 0
      }

      .footer-style-two .contacts-widget {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
      }

      .footer-style-two .contacts-widget .contact-us {
            margin: 40px 0 0
      }
}

.footer-style-two .contacts-widget .contact-us:hover {
      background-color: #000;
      border: 1px solid #000
}

.footer-main-wrapper-4 .contacts-widget .contact-us .title,
.footer-style-two .contacts-widget .contact-us .title {
      color: var(--theme-color-white);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: .1em;
      line-height: 20px
}

.footer-style-two .contacts-widget .contact-us .icon {
      position: relative;
      display: inline-block;
      margin-top: 10px
}

.footer-main-wrapper-4 {
      border-radius: 30px;
      background: #121310;
      margin: 0 100px;
      padding-top: 90px;
      position: relative
}

@media (max-width:1599.98px) {
      .choose-us-image-items .counter-box-1 {
            gap: 10px;
            padding: 20px
      }

      .choose-us-image-items .counter-box-1 p {
            margin-bottom: 0
      }

      .brand-section .shape,
      .pricing-section .pricing-left-sp,
      .skill-section .sec-title h2 br {
            display: none
      }

      .footer-main-wrapper,
      .footer-main-wrapper-4 {
            margin: 0 50px;
            padding-left: 20px;
            padding-right: 20px
      }
}

@media (max-width:1399.98px) {
      .success-section-3 {
            margin: 0 18px !important;
            padding-left: 14px !important;
            padding-right: 14px !important
      }

      .footer-main-wrapper,
      .footer-main-wrapper-4 {
            margin: 0 20px;
            padding-left: 20px;
            padding-right: 20px
      }

      .footer-style-two .footer-right-clomun {
            margin-left: 0
      }
}

.footer-main-wrapper-4 .footer-column {
      position: relative;
      margin-bottom: 40px
}

.footer-main-wrapper-4 .footer-column .about-widget .title {
      color: var(--theme-color1);
      font-size: clamp(40px, 7.5vw, 120px);
      line-height: 1.25;
      margin-bottom: 100px
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .text {
      color: var(--theme-color-white);
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 30px
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one {
      margin-bottom: 42px;
      position: relative
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group input[type=email] {
      background: #222;
      border-radius: 40px;
      color: #9d9d9d;
      display: block;
      font-size: 14px;
      height: 65px;
      line-height: 30px;
      padding: 20px 65px 20px 35px;
      position: relative;
      width: 100%;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::-webkit-input-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::-moz-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group:-ms-input-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::-ms-input-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group .circle-btn {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      color: var(--theme-color-black);
      font-size: 26px;
      height: 58px;
      line-height: 58px;
      position: absolute;
      right: 5px;
      text-align: center;
      top: 4px;
      width: 58px;
      padding: 0;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group .circle-btn:hover {
      background-color: #000;
      color: var(--theme-color1)
}

.footer-main-wrapper-4 .footer-column .social-widget {
      margin-top: 50px;
      position: relative
}

.footer-main-wrapper-4 .footer-column .social-widget .social-icon-list1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px
}

.footer-main-wrapper-4 .footer-column .social-widget .social-icon-list1 li a {
      background-color: #222;
      border-radius: 50%;
      color: var(--theme-color-white);
      font-size: 16px;
      display: inline-block;
      height: 45px;
      line-height: 45px;
      position: relative;
      text-align: center;
      width: 45px;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-main-wrapper-4 .contacts-widget {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-bottom: 80px
}

.footer-main-wrapper-4 .contacts-widget .text {
      line-height: 45px
}

.footer-main-wrapper-4 .contacts-widget .mail {
      color: #9d9d9d;
      font-size: 20px;
      font-weight: 500;
      line-height: 48px
}

.footer-main-wrapper-4 .contacts-widget .phone {
      color: var(--theme-color-white);
      font-weight: 500;
      font-size: 42px;
      line-height: 48px
}

.footer-main-wrapper-4 .contacts-widget .icon {
      position: relative;
      display: inline-block;
      margin-top: 10px;
      color: var(--theme-color-white)
}

.footer-main-wrapper-4 .footer-widget3 .widget-title {
      color: var(--theme-color-white);
      margin-bottom: 24px
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li a {
      color: var(--text-color)
}

.footer-bottom-text {
      text-align: center;
      color: #9d9d9d;
      font-family: var(--heading-font-family);
      font-size: 16px;
      font-weight: 400;
      padding: 30px 0
}

.product-details .bxslider .image-box {
      position: relative;
      display: block;
      margin-right: 30px;
      margin-bottom: 10px
}

.product-details .bxslider .thumb-box li {
      position: relative;
      display: inline-block;
      float: left;
      margin-right: 10px;
      margin-bottom: 15px;
      width: 100px;
      height: 100px
}

.product-details .bxslider .thumb-box li:last-child,
.product-discription .comment-box .review-box .rating li:last-child,
.product-discription .single-comment-box .inner-box .rating li:last-child {
      margin: 0 !important
}

.product-details .bxslider .thumb-box li a:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.product-details .product-info .product-details__top {
      position: relative;
      display: block;
      margin-top: -8px
}

.product-details .product-info .product-details__title {
      font-size: 40px;
      line-height: 44px;
      font-weight: 700;
      margin: 0
}

.product-details .product-info .product-details__title span {
      position: relative;
      display: inline-block;
      color: var(--theme-color-white);
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-left: 20px;
      letter-spacing: 0
}

.product-details .product-info .product-details__reveiw {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 22px;
      padding-bottom: 20px;
      margin-bottom: 31px;
      border-bottom: 1px solid #1a1a1a
}

.product-details .product-info .product-details__reveiw i {
      font-size: 16px;
      color: #ffc737
}

.product-details .product-info .product-details__reveiw i+i {
      margin-left: 4px
}

.product-details .product-info .product-details__reveiw span {
      position: relative;
      top: 1px;
      line-height: 1;
      font-size: 16px;
      color: var(--theme-color-white);
      margin-left: 18px
}

.product-details .product-info .product-details__quantity-title {
      margin: 0 20px 0 0;
      color: #fff;
      font-size: 20px;
      line-height: 30px;
      font-weight: 700
}

.product-details .product-info .product-details__buttons {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px;
      margin-top: 40px
}

.product-details .product-info .product-details__buttons-1,
.product-details .product-info .product-details__social .title {
      position: relative;
      display: block
}

.product-details .product-info .product-details__buttons-1 .btn-title {
      color: #000;
      text-transform: capitalize;
      font-weight: 500
}

.product-details .product-info .product-details__buttons-2 {
      position: relative;
      display: block;
      margin-left: 10px
}

.product-details .product-info .product-details__buttons-2 .thm-btn {
      border-radius: 0;
      background-color: var(--theme-color2)
}

.blog-details__date,
.blog-details__social-list a,
.blog-details__tags a,
.product-details .product-info .product-details__buttons-2 .thm-btn:after,
.product-details .product-info .product-details__buttons-2 .thm-btn:before,
.sidebar__category,
.sidebar__post,
.sidebar__tags,
table.cart-total .coupon-form .apply-button:hover,
table.tbl-shopping-cart .coupon-form .apply-button:hover {
      background-color: var(--theme-color1)
}

.product-details .product-info .product-details__social .social-icon-one {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: 30px
}

.product-details .product-info .product-details__social .social-icon-one li {
      position: relative;
      margin-left: 20px
}

.product-details .product-info .product-details__social .social-icon-one li:first-child {
      margin-left: 0
}

.product-details .product-info .product-details__social .social-icon-one li a {
      position: relative;
      display: block;
      font-size: 12px;
      line-height: 30px;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s
}

.category-block h4 a:hover,
.category-block-two .inner-box:hover h4 a,
.product-block h4 a:hover,
.product-details .product-info .product-details__social .social-icon-one li a:hover,
.service-sidebar .service-sidebar-single-contact-box .phone a:hover,
.service-sidebar .service-sidebar-single-services ul li a:hover i,
.service-sidebar .service-sidebar-single-services ul li.current a i,
.shop-sidebar .post-widget .post:hover a,
.sidebar-service-list li a:hover,
.sidebar-service-list li.current a,
table.cart-total .product-price .amount,
table.cart-total .product-subtotal .amount,
table.cart-total tbody tr .amount,
table.tbl-shopping-cart .product-price .amount,
table.tbl-shopping-cart .product-subtotal .amount,
table.tbl-shopping-cart tbody tr .amount {
      color: var(--theme-color1)
}

.product-details .product-info .product-details__social .title h3 {
      color: #fff;
      font-size: 20px;
      line-height: 20px;
      font-weight: 700
}

.product-details__quantity {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 20px;
      position: relative
}

.product-details__quantity .quantity-box {
      border-radius: 10px;
      height: 60px;
      position: relative;
      width: 98px
}

.product-details__quantity .quantity-box input {
      background-color: #222;
      border: 1px solid #212121;
      border-radius: 10px;
      color: var(--theme-color-white);
      font-size: 18px;
      font-weight: 500;
      height: 60px;
      outline: 0;
      padding-left: 30px;
      -webkit-appearance: textfield;
      -moz-appearance: textfield;
      width: 98px
}

.product-details__quantity .quantity-box button {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      border-left: 1px solid #212121;
      border-top-right-radius: 10px;
      background-color: var(--theme-color2);
      color: #fff;
      font-size: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 29px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      outline: 0;
      position: absolute;
      right: 1px;
      top: 1px;
      -webkit-transition: .3s;
      transition: .3s;
      width: 29px
}

.product-details__quantity .quantity-box button:hover {
      background-color: var(--theme-color1);
      color: var(--theme-color2)
}

.product-details__quantity .quantity-box button.sub {
      bottom: 1px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 10px;
      top: auto
}

.product-discription .product-description__title {
      font-size: 30px;
      margin-bottom: 27px
}

.product-discription .product-description__text1 {
      font-size: 16px;
      line-height: 30px;
      margin: 0
}

.product-discription .product-description__list {
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
      position: relative
}

.contact-info p i,
.product-discription .product-description__list ul,
.project-details__content,
.project-details__details-list,
.project-details__details-list li,
.project-details__img,
.shop-sidebar,
.sidebar__comments,
.sidebar__comments-list,
.sidebar__comments-list li,
.team-details,
.team-details__bottom,
.team-details__bottom-left,
.team-details__bottom-right,
.team-details__progress,
.team-details__progress-single {
      display: block;
      position: relative
}

.product-discription .product-description__list ul li,
.product-discription .single-comment-box .inner-box .rating {
      display: block;
      margin-bottom: 2px;
      position: relative
}

.payment-method .accordion-box .block:last-child,
.product-discription .comment-box .column:last-child .form-group,
.product-discription .product-description__list ul li:last-child,
.product-discription .tab-btn-box .tab-btns li:last-child,
.product-discription .tabs-content .text p:last-child,
.service-list li:last-child,
.service-sidebar .service-sidebar-single-services ul li:last-child,
.shop-sidebar .category-widget .category-list li:last-child,
.shop-sidebar .sidebar-widget:last-child {
      margin-bottom: 0
}

.product-discription .product-description__list ul li p {
      color: var(--headings-color);
      font-weight: 600;
      margin: 0
}

.product-discription .product-description__list ul li p span:before {
      color: var(--theme-color1);
      display: inline-block;
      font-size: 17px;
      line-height: 17px;
      margin-right: 11px;
      position: relative;
      top: 2px
}

.product-discription .tabs-content .text p {
      margin-bottom: 17px
}

.product-discription .tab-btn-box {
      display: block;
      margin-bottom: 60px;
      position: relative;
      width: 100%
}

.product-discription .tab-btn-box:before {
      background-color: #222;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      top: 28px;
      width: 100%
}

.product-discription .tab-btn-box .tab-btns li {
      background-color: #222;
      border: 1px solid #212121;
      color: var(--theme-color-white);
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      margin: 0 8.5px 15px;
      padding: 14px 30px;
      position: relative;
      text-transform: uppercase;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s
}

.product-block .ui-btn:hover,
.product-discription .tab-btn-box .tab-btns li.active-btn {
      background-color: var(--theme-color2);
      color: #fff
}

.product-discription .single-comment-box .inner-box {
      background-color: #222;
      display: block;
      padding: 34px 30px 34px 125px;
      position: relative
}

.product-discription .single-comment-box .inner-box .comment-thumb {
      border-radius: 50%;
      left: 30px;
      position: absolute;
      top: 40px;
      width: 80px
}

.product-discription .single-comment-box .inner-box .comment-thumb img {
      border-radius: 50%;
      width: 100%
}

.product-discription .single-comment-box .inner-box .rating li {
      color: #fdc009;
      display: inline-block;
      font-size: 12px;
      float: left;
      margin-right: 4px;
      position: relative
}

.product-discription .single-comment-box .inner-box h5 {
      display: block;
      font-size: 16px;
      font-weight: 600;
      line-height: 26px;
      margin-bottom: 16px;
      text-transform: uppercase
}

.product-discription .single-comment-box .inner-box h5 span {
      font-weight: 400;
      text-transform: capitalize
}

@media (max-width:991.98px) {
      .choose-us-section-3 .sec-title {
            margin-bottom: 40px
      }

      .footer-style-two .subscribe-widget {
            padding-left: 0
      }

      .footer-main-wrapper-4 {
            padding-bottom: 70px
      }

      .footer-main-wrapper-4 .footer-column,
      .footer-main-wrapper-4 .footer-column .about-widget,
      .footer-main-wrapper-4 .footer-column .about-widget .title {
            margin-bottom: 0
      }

      .footer-main-wrapper-4 .contacts-widget {
            margin-bottom: 30px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px
      }

      .product-discription .single-comment-box .inner-box {
            padding-left: 30px
      }

      .product-discription .single-comment-box .inner-box .comment-thumb {
            left: 0;
            margin-bottom: 15px;
            position: relative;
            top: 0
      }

      .product-discription .single-comment-box .inner-box h5 span {
            margin-left: 10px
      }
}

.product-discription .customer-comment {
      position: relative;
      display: block;
      margin-bottom: 60px
}

.product-discription .comment-box {
      background-color: #222;
      -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      display: block;
      padding: 51px 60px 60px;
      position: relative
}

.product-discription .comment-box h3 {
      display: block;
      font-size: 24px;
      line-height: 34px;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 23px
}

.product-discription .comment-box .form-group {
      position: relative;
      margin-bottom: 15px
}

.product-discription .comment-box .form-group label {
      position: relative;
      display: block;
      font-size: 18px;
      line-height: 28px;
      color: #707582;
      margin-bottom: 8px
}

.product-discription .comment-box .review-box p {
      position: relative;
      float: left;
      margin-right: 10px
}

.product-discription .comment-box .custom-controls-stacked,
.product-discription .comment-box .review-box .rating {
      position: relative;
      float: left
}

.product-discription .comment-box .review-box .rating li {
      position: relative;
      display: inline-block;
      font-size: 14px;
      line-height: 28px;
      float: left;
      margin-right: 4px;
      color: #fdc009
}

.product-discription .comment-box .review-box {
      position: relative;
      display: block;
      margin-top: 8px
}

.categories-section {
      position: relative;
      padding: 100px 0 70px
}

.categories-section .bg-pattern {
      position: absolute;
      left: 0;
      top: -220px;
      width: 100%;
      height: 100%;
      content: "";
      background-image: url(../images/icons/pattern-7.png);
      background-repeat: no-repeat;
      background-position: left top;
      z-index: -1
}

.categories-section:before {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 300px;
      width: 100%;
      background: var(--theme-color3);
      content: "";
      z-index: 1
}

.categories-section:after,
.category-block .inner-box:before {
      background-repeat: no-repeat;
      background-position: center bottom;
      width: 100%;
      content: "";
      left: 0;
      position: absolute
}

.categories-section:after {
      bottom: -50px;
      height: 70px;
      z-index: 2;
      background-image: url(../images/icons/pattern-3.png)
}

.category-block {
      position: relative;
      margin-bottom: 30px;
      z-index: 9
}

.category-block .inner-box {
      position: relative;
      text-align: center;
      background: #fff;
      padding: 40px 30px 30px;
      border-radius: 10px;
      -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
      box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
      -webkit-transition: .3s;
      transition: .3s
}

.category-block .inner-box:before {
      top: 0;
      height: 190px
}

.category-block .inner-box:hover {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
      box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.category-block .inner-box:hover .image img {
      -webkit-transform: rotate(10deg) scale(1.2);
      transform: rotate(10deg) scale(1.2)
}

.category-block .inner-box.cat-bg-1:before {
      background-image: url(../images/icons/cat-1-bg.png)
}

.category-block .inner-box.cat-bg-2:before {
      background-image: url(../images/icons/cat-2-bg.png)
}

.category-block .inner-box.cat-bg-3:before {
      background-image: url(../images/icons/cat-3-bg.png)
}

.category-block .inner-box.cat-bg-4:before {
      background-image: url(../images/icons/cat-4-bg.png)
}

.category-block .image {
      position: relative;
      display: inline-block;
      height: 180px;
      width: 180px;
      overflow: hidden;
      border-radius: 50%;
      margin-bottom: 15px
}

.category-block h4 {
      font-size: 20px;
      color: var(--theme-color3);
      font-weight: 700;
      margin-bottom: 10px
}

.category-block p {
      font-size: 14px;
      color: #797f7d;
      line-height: 26px;
      margin-bottom: 0
}

.categories-section-two,
.featured-products {
      position: relative;
      padding: 120px 0 90px
}

.category-block-two {
      position: relative;
      padding-top: 70px;
      margin-bottom: 30px;
      z-index: 9
}

.category-block-two .inner-box {
      position: relative;
      text-align: center;
      background: #fff;
      border-radius: 10px;
      margin: 0 auto;
      padding: 18px
}

.category-block-two .inner-box:before {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 60px;
      width: 100%;
      border-radius: 10px;
      background: #e3eee5;
      content: ""
}

.category-block-two .inner-box:hover .image:before,
.product-block .inner-box:hover .image:before {
      left: 100%;
      -webkit-transition: 1s;
      transition: 1s
}

.category-block-two .inner-box:hover .image img,
.product-block .inner-box:hover .image img {
      -webkit-transform: scale(.9);
      transform: scale(.9)
}

.category-block-two .content {
      position: relative;
      background: #fff;
      border-radius: 10px;
      padding: 0 40px 40px;
      z-index: 1;
      -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
      box-shadow: 0 10px 60px rgba(0, 0, 0, .07)
}

.category-block-two .content:before {
      position: absolute;
      top: -88px;
      left: 0;
      width: 180px;
      height: 180px;
      right: 0;
      margin: 0 auto;
      border-radius: 50%;
      background: #e3eee5;
      content: ""
}

.category-block-two .content:after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      font-size: 30px;
      line-height: 1em;
      color: #e8f3ea;
      height: 15px;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: .1em;
      content: attr(data-text)
}

.category-block-two .image {
      position: relative;
      display: inline-block;
      overflow: hidden;
      margin-bottom: 25px;
      margin-top: -70px
}

.category-block-two .image:before {
      position: absolute;
      top: 0;
      height: 120%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
      content: "";
      opacity: .3;
      left: -100%;
      pointer-events: none;
      z-index: 1
}

.category-block-two h4 {
      font-size: 22px;
      color: var(--theme-color3);
      font-weight: 700;
      margin-bottom: 15px
}

.category-block-two h4 a,
.product-block-two h4 a {
      color: var(--theme-color3);
      -webkit-transition: .3s;
      transition: .3s
}

.category-block-two p {
      font-size: 16px;
      color: #797f7d;
      line-height: 26px;
      margin-bottom: 0
}

.category-block-two .link {
      position: relative;
      display: inline-block;
      height: 50px;
      width: 50px;
      background: #e8f3ea;
      border-radius: 50%;
      line-height: 50px;
      margin-top: 25px;
      color: #608174;
      -webkit-transition: .3s;
      transition: .3s
}

.category-block-two .link:hover {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg)
}

.category-block-two.child-two .content:before,
.category-block-two.child-two .inner-box:before,
.category-block-two.child-two .link {
      background: #f0e2e3
}

.category-block-two.child-two .inner-box:hover h4 a {
      color: #e69da2
}

.category-block-two.child-two .content:after {
      color: #f0e2e3
}

.category-block-two.child-three .content:before,
.category-block-two.child-three .inner-box:before,
.category-block-two.child-three .link {
      background: #f1ede1
}

.category-block-two.child-three .inner-box:hover h4 a {
      color: #c9b579
}

.category-block-two.child-three .content:after {
      color: #f1ede1
}

.products-section {
      position: relative;
      padding: 120px 0
}

.products-section .bg-image {
      position: absolute;
      left: 0;
      top: 0;
      height: 670px;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-attachment: fixed
}

.products-section .bg-image:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: #113629;
      opacity: .7;
      content: ""
}

.products-section .bg-image:after {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 50px;
      width: 100%;
      background-image: url(../images/icons/pattern-8.png);
      background-position: center bottom;
      content: ""
}

.products-section .sec-title h2 {
      font-size: 60px
}

.products-box {
      max-width: 1530px;
      position: relative;
      padding: 120px 60px 90px;
      margin: 120px auto 0;
      background-color: #f7f5ee;
      overflow: hidden;
      border-radius: 10px
}

.products-box:before {
      position: absolute;
      left: -90px;
      bottom: 0;
      height: 70%;
      width: 100%;
      background: url(../images/icons/shape-7.png) top left no-repeat;
      content: ""
}

.products-box .outer-box {
      position: relative;
      padding-right: 400px
}

.banner-box-two .inner-box:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(#164333), to(rgba(229, 229, 229, 0)));
      background: linear-gradient(to bottom, #164333 0, rgba(229, 229, 229, 0) 100%);
      content: ""
}

.banner-box-two .inner-box {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 370px;
      background: var(--theme-color3);
      border-radius: 10px;
      min-height: 440px;
      text-align: center;
      overflow: hidden;
      padding: 20px
}

.banner-box-two .title {
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      font-size: 20px;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 20px
}

.banner-box-two .title strong {
      font-size: 60px;
      line-height: 1em;
      color: var(--theme-color2);
      font-weight: 400
}

.banner-box-two h4 {
      font-size: 30px;
      line-height: 1.2em;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      margin-bottom: 30px
}

.product-block h4,
.product-block-two h4 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 5px
}

.product-block-two .inner-box {
      position: relative;
      border: 2px solid transparent;
      border-radius: 10px;
      background: #fff;
      padding: 20px 20px 20px 150px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: 150px;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block-two .inner-box:hover {
      border: 2px solid var(--theme-color1)
}

.product-block-two .image {
      position: absolute;
      left: 20px;
      top: 20px;
      border-radius: 50%;
      overflow: hidden;
      height: 110px;
      width: 110px;
      border: 1px solid #e4e1d6;
      margin-bottom: 0
}

.product-block .image img,
.product-block-two .image img {
      width: auto;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block-two .inner-box:hover .image img {
      -webkit-transform: scale(-1) rotate(180deg);
      transform: scale(-1) rotate(180deg)
}

.product-block-two h4 {
      display: block;
      color: var(--theme-color3)
}

.product-block-two .price {
      display: block;
      font-size: 16px;
      line-height: 26px;
      color: var(--theme-color1);
      font-weight: 600
}

.product-block .price del,
.product-block-two .price del {
      display: inline-block;
      margin-left: 15px;
      font-size: 16px;
      color: red;
      line-height: 27px;
      opacity: .3
}

.product-block-two .rating {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      color: #ffc737
}

.products-carousel .owl-dots {
      position: absolute;
      right: 0;
      top: -80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 8
}

.products-carousel .owl-dot {
      position: relative;
      height: 7px;
      width: 7px;
      background: #879d91;
      margin-right: 5px;
      border-radius: 5px;
      display: block;
      -webkit-transition: .3s;
      transition: .3s
}

.featured-products .bg-shape {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: url(../images/icons/pattern-7.png) left bottom/700px no-repeat
}

.featured-products .filters {
      margin-bottom: 40px;
      text-align: center
}

.featured-products .filters li {
      position: relative;
      display: inline-block;
      line-height: 24px;
      padding: 5px 12px 10px;
      cursor: pointer;
      color: #fff;
      font-weight: 500;
      font-size: 18px;
      margin: 0 5px;
      -webkit-transition: .3s;
      transition: .3s
}

.featured-products .filters .filter.active,
.featured-products .filters .filter:hover {
      background-color: var(--theme-color1);
      color: #000
}

.featured-products .filters li:before {
      position: absolute;
      left: 0;
      bottom: 8px;
      height: 2px;
      width: 100%;
      content: "";
      background-color: #000;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

.product-block {
      margin-bottom: 30px;
      position: relative
}

.product-block .inner-box {
      background: #1a1a1a;
      border: 2px solid #222;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      text-align: center;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .inner-box:hover {
      border: 2px solid var(--theme-color1);
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
      box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.product-block .image {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      margin-bottom: 0
}

.product-block .image:before {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
      content: "";
      opacity: .3;
      left: -100%;
      pointer-events: none;
      z-index: 1
}

.product-block .content {
      position: relative;
      padding: 30px
}

.product-block h4 {
      display: block;
      color: var(--headings-color)
}

.product-block h4 a {
      color: var(--headings-color);
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .price {
      display: block;
      font-size: 16px;
      line-height: 26px;
      color: var(--text-gray-silver);
      font-weight: 600
}

.product-block .rating {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 14px;
      color: #ffc737
}

.product-block .tag {
      position: absolute;
      top: 30px;
      left: 20px;
      font-size: 14px;
      line-height: 23px;
      color: #fff;
      background: #fd5f5c;
      font-weight: 400;
      padding: 0 12px;
      border-radius: 3px;
      z-index: 9;
      font-style: italic;
      text-transform: uppercase
}

.product-block .icon-box {
      position: absolute;
      right: 20px;
      top: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .inner-box:hover .icon-box {
      top: 20px;
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s
}

.product-block .ui-btn {
      background-color: var(--theme-color1);
      border-radius: 50px;
      color: #000;
      cursor: pointer;
      display: block;
      height: 40px;
      font-size: 14px;
      line-height: 40px;
      margin-bottom: 10px;
      position: relative;
      text-align: center;
      width: 40px;
      z-index: 9;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .cat {
      display: block;
      font-size: 18px;
      color: #707070;
      font-style: italic;
      font-family: Jost, sans-serif;
      margin-bottom: 5px
}

.project-list-item .text,
.project-list-item .title {
      font-style: normal;
      -webkit-box-align: center;
      line-height: 30px
}

table.cart-total .product-thumbnail,
table.tbl-shopping-cart .product-thumbnail {
      min-width: 64px
}

table.cart-total img,
table.tbl-shopping-cart img {
      width: 64px;
      -webkit-box-shadow: none;
      box-shadow: none
}

table.cart-total td,
table.cart-total th,
table.tbl-shopping-cart td,
table.tbl-shopping-cart th {
      vertical-align: middle;
      border-left: 1px solid rgba(var(--theme-color-white-rgb), .1);
      padding: 20px 30px;
      color: var(--headings-color)
}

table.cart-total .product-name .variation,
table.tbl-shopping-cart .product-name .variation {
      font-size: .9rem;
      list-style: none
}

table.cart-total .product-remove a,
table.tbl-shopping-cart .product-remove a {
      display: inline-block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      border-radius: 24px;
      -webkit-transition: .3s ease-out;
      transition: .3s ease-out;
      background-color: #757575;
      color: #fff;
      text-align: center
}

table.cart-total .coupon-form .apply-button,
table.tbl-shopping-cart .coupon-form .apply-button {
      position: relative;
      display: inline-block;
      color: #fff;
      background: #222;
      padding: 15px 29px;
      cursor: pointer;
      border-radius: 5px;
      height: 100%;
      text-transform: uppercase;
      -webkit-transition: .5s;
      transition: .5s
}

tbody,
td,
tfoot,
th,
thead,
tr {
      border-color: rgba(var(--theme-color-white-rgb), .1)
}

.apply-button2 {
      position: relative;
      display: inline-block;
      color: var(--theme-color2);
      background: var(--theme-color1);
      padding: 15px 29px 12px;
      cursor: pointer;
      border-radius: 5px;
      text-transform: uppercase;
      -webkit-transition: .5s;
      transition: .5s
}

.background-image,
.page-title {
      background-position: center;
      background-size: cover
}

.table-striped>tbody>tr:nth-of-type(odd) {
      --bs-table-accent-bg: rgba(var(--theme-color-black-rgb))
}

.payment-method .accordion-box .block {
      border-radius: 0;
      overflow: hidden;
      background: #222;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-bottom: 20px
}

.payment-method .accordion-box .block.active-block {
      border-radius: 0 !important
}

.payment-method .accordion-box .block .acc-content .payment-info {
      background-color: #212121;
      display: block;
      padding: 30px;
      position: relative
}

.payment-method .accordion-box .block .acc-btn {
      color: var(--theme-color-white);
      padding: 19px 30px 22px
}

.payment-method .accordion-box .block .acc-btn .icon-outer {
      color: #1e2434;
      font-size: 28px;
      height: auto;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.payment-method .accordion-box .block .acc-btn.active {
      color: var(--theme-color2);
      background-color: var(--theme-color1)
}

.payment-method .accordion-box .block .acc-btn.active .icon-outer {
      color: var(--text-color-bg-theme-color2)
}

.payment-method .payment-method h3 {
      margin-bottom: 32px
}

.shop-sidebar .sidebar-search .search-form .form-group input[type=search] {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 5px;
      color: #646578;
      height: 52px;
      padding: 10px 60px 10px 20px;
      position: relative;
      -webkit-transition: .5s;
      transition: .5s;
      width: 100%
}

.shop-sidebar .sidebar-search .search-form .form-group button {
      background-color: var(--theme-color2);
      border-radius: 3px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 18px;
      height: 42px;
      line-height: 42px;
      position: absolute;
      right: 5px;
      text-align: center;
      top: 5px;
      -webkit-transition: .5s;
      transition: .5s;
      width: 42px
}

.range-slider input[type=submit]:hover,
.shop-sidebar .sidebar-search .search-form .form-group button:hover {
      background-color: var(--theme-color1);
      color: var(--theme-color1-text-color)
}

.shop-sidebar .sidebar-widget {
      background-color: var(--theme-color1);
      border-radius: 5px;
      display: block;
      margin-bottom: 30px;
      padding: 35px 30px 37px;
      position: relative
}

.shop-sidebar .sidebar-widget .widget-title {
      display: block;
      margin-bottom: 16px;
      position: relative;
      color: var(--theme-color-black)
}

.shop-sidebar .category-widget .category-list li {
      display: block;
      margin-bottom: 14px;
      position: relative
}

.shop-sidebar .category-widget .category-list li a {
      color: #646578;
      display: inline-block;
      font-weight: 400;
      padding-left: 20px;
      position: relative
}

.shop-sidebar .category-widget .category-list li a:before {
      position: absolute;
      content: "\f0da";
      font-family: "Font Awesome 6 Pro";
      left: 0;
      top: 0;
      font-size: 16px;
      font-weight: 600;
      color: var(--theme-color2)
}

.shop-sidebar .price-filters .widget-title {
      margin-bottom: 28px
}

.shop-sidebar .post-widget .post {
      border-bottom: 1px solid var(--text-color);
      margin-bottom: 23px;
      min-height: 108px;
      padding-left: 90px;
      padding-bottom: 24px;
      position: relative
}

.shop-sidebar .post-widget .post:last-child {
      margin-bottom: 0;
      border-bottom: none
}

.shop-sidebar .post-widget .post .post-thumb {
      border: 1px solid #d0d4dd;
      border-radius: 5px;
      height: 70px;
      left: 0;
      position: absolute;
      top: 7px;
      -webkit-transition: .5s;
      transition: .5s;
      width: 70px
}

.shop-sidebar .post-widget .post .post-thumb img {
      width: 100%;
      border-radius: 5px
}

.shop-sidebar .post-widget .post a {
      color: var(--body-bg);
      display: inline-block;
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 7px;
      position: relative
}

.shop-sidebar .post-widget .post .price {
      color: #0a267a;
      display: block;
      font-size: 14px;
      font-weight: 600;
      line-height: 24px;
      position: relative
}

.shop-sidebar .post-widget .post:hover .post-thumb {
      border-color: var(--theme-color1)
}

.shop-sidebar .post-widget {
      padding-bottom: 9px
}

.range-slider .title {
      display: inline-block;
      line-height: 26px;
      margin-right: 4px;
      position: relative
}

.range-slider .title:before {
      color: #646578;
      content: "$";
      font-size: 18px;
      left: -5px;
      position: absolute;
      top: -19px
}

.range-slider p {
      color: #646578;
      display: inline-block;
      margin-right: 10px !important;
      position: relative
}

.range-slider .input {
      color: #646578;
      display: inline-block;
      font-size: 18px;
      margin-top: 5px;
      max-width: 75px;
      position: relative
}

.range-slider .input input {
      background: 0 0;
      color: #646578;
      font-size: 15px;
      text-align: left
}

.range-slider .ui-widget.ui-widget-content {
      background-color: #a1a1a1;
      border-radius: 2px;
      border: none;
      height: 4px;
      margin-bottom: 14px
}

.range-slider .ui-slider .ui-slider-range {
      background-color: var(--theme-color2);
      top: 0;
      height: 4px
}

.range-slider .ui-state-default {
      background-color: var(--theme-color2);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      height: 14px;
      margin-left: 0;
      position: absolute;
      top: -5px;
      width: 14px
}

.range-slider .ui-state-default:before {
      background-color: #fff;
      border-radius: 50%;
      content: "";
      height: 6px;
      left: 4px;
      position: absolute;
      top: 4px;
      width: 6px
}

.range-slider .ui-widget-content .ui-state-default {
      background-color: var(--theme-color2);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      height: 14px;
      margin-left: 0;
      top: -5px;
      width: 14px
}

.range-slider .ui-widget-content .ui-state-default:before {
      background-color: #fff;
      border-radius: 50%;
      content: "";
      position: absolute;
      height: 6px;
      left: 4px;
      top: 4px;
      width: 6px
}

.range-slider input[type=submit] {
      background: var(--theme-color2);
      border: none;
      border-radius: 10px;
      color: #fff;
      cursor: pointer;
      display: block;
      float: right;
      font-size: 14px;
      font-weight: 500;
      margin-top: 0;
      padding: 7px 20px;
      position: relative;
      text-align: center;
      text-transform: capitalize;
      -webkit-transition: .5s;
      transition: .5s
}

@-webkit-keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
      }
}

@keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
      }
}

.page-title {
      background-color: var(--theme-color2);
      position: relative;
      background-repeat: no-repeat;
      padding: 120px 0 0;
      min-height: 450px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.page-title:before {
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, .4784313725)));
      background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4784313725))
}

.page-title .title {
      font-size: 64px;
      color: #fff;
      margin-bottom: 17px
}

@media only screen and (max-width:768px) {
      .page-title .title {
            font-size: 34px
      }
}

.page-title .text {
      position: relative;
      color: #fff;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: .05em;
      max-width: 520px
}

.page-breadcrumb {
      position: relative;
      margin-top: 5px
}

.page-breadcrumb li {
      position: relative;
      display: inline-block;
      margin-right: 12px;
      padding-right: 13px;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      text-transform: capitalize
}

.page-breadcrumb li:after {
      position: absolute;
      content: "\f105";
      right: -6px;
      top: 1px;
      font-size: 14px;
      font-weight: 900;
      font-family: "Font Awesome 6 Pro";
      color: #fff
}

.page-breadcrumb li:last-child {
      padding-right: 0;
      margin-right: 0
}

.page-breadcrumb li a {
      color: var(--theme-color3);
      font-weight: 500;
      text-transform: capitalize;
      transition: .3s;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s
}

.page-title.style-two {
      background-position: center center
}

.page-title.style-two .page-breadcrumb-outer {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 10px 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      z-index: 8
}

.play-now .icon,
.play-now .ripple:after {
      height: 70px;
      width: 70px;
      border-radius: 50%
}

.page-title.style-two .page-breadcrumb li {
      color: #070710;
      font-weight: 600
}

.page-title.style-two .page-breadcrumb li a:hover,
.page-title.style-two .page-breadcrumb li:after {
      color: #070710
}

.page-title.style-two .page-breadcrumb li a {
      color: rgba(7, 7, 16, .6)
}

.play-now {
      position: relative;
      display: block;
      z-index: 9;
      -webkit-transition: .3s;
      transition: .3s
}

.play-now .icon {
      position: relative;
      text-align: center;
      line-height: 70px;
      background-color: #fff;
      color: #ff6d2e;
      z-index: 1;
      padding-left: 0;
      font-size: 14px;
      display: block;
      -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      -ms-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      -o-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      -webkit-transform-origin: center;
      transform-origin: center
}

.play-now .ripple,
.play-now .ripple:before {
      -webkit-transform: translate(-50%, -50%);
      left: 50%;
      height: 70px;
      width: 70px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .6)
}

.play-now .ripple {
      -webkit-animation: 3s infinite ripple;
      animation: 3s infinite ripple
}

.play-now .ripple:before {
      -webkit-animation: 3s .9s infinite ripple;
      animation: 3s .9s infinite ripple;
      content: ""
}

.play-now .ripple:after {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -webkit-animation: 3s .6s infinite ripple;
      animation: 3s .6s infinite ripple;
      content: "";
      position: absolute
}

.background-image {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-repeat: repeat
}

.error-page__inner {
      position: relative;
      display: block;
      text-align: center
}

.error-page__inner .error-page__title-box,
.service-sidebar .service-sidebar-single-btn {
      position: relative;
      display: block
}

.error-page__inner .error-page__title {
      position: relative;
      display: inline-block;
      font-size: 280px;
      line-height: 280px;
      margin-bottom: 0;
      color: var(--theme-color1)
}

.error-page__inner .error-page__sub-title {
      font-size: 40px;
      letter-spacing: .1em;
      text-transform: uppercase;
      line-height: 50px;
      margin-top: -16px
}

.error-page__inner .error-page__text {
      font-size: 20px;
      line-height: 30px;
      text-align: center
}

.error-page__inner .error-page__form {
      position: relative;
      display: block;
      margin: 42px auto 20px
}

.error-page__inner .error-page__form input[type=search] {
      height: 60px;
      width: 100%;
      border: none;
      outline: 0;
      background-color: #1a1a1a;
      font-size: 14px;
      color: #fff;
      padding-left: 50px;
      padding-right: 75px;
      border-radius: 7px
}

.error-page__inner .error-page__form button[type=submit] {
      background-color: transparent;
      color: #fff;
      font-size: 22px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 72px;
      outline: 0;
      border: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0
}

.error-page__inner .error-page__form-input {
      position: relative;
      display: block;
      max-width: 570px;
      width: 100%;
      margin: 0 auto
}

.error-page__inner .theme-btn {
      text-decoration: underline
}

.contact-details__info {
      position: relative;
      display: block;
      margin-top: 41px
}

.blog-details__meta,
.contact-details__info li {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.contact-details__info li .icon {
      height: 80px;
      width: 80px;
      background-color: var(--theme-color1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-details__info li .icon span {
      color: var(--theme-color-black);
      font-size: 25px;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-details__info li:hover .icon {
      background-color: var(--theme-color-white);
      color: var(--theme-color1)
}

.contact-details__info li:hover .icon span {
      color: var(--theme-color2);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1)
}

.contact-details__info li:hover .text a {
      color: var(--notech-base)
}

.contact-details__info li:hover .text a span {
      color: var(--notech-gray)
}

.contact-details__info li .text {
      margin-left: 30px
}

.contact-details__info li .text p {
      font-size: 14px;
      line-height: 24px
}

.contact-details__info li .text a {
      font-size: 18px;
      color: var(--notech-black);
      -webkit-transition: .5s;
      transition: .5s
}

.contact-details__info li .text span {
      font-size: 20px;
      color: var(--notech-black)
}

.contact-details__info li+li {
      margin-top: 19px
}

.map {
      height: 550px
}

.contact-details .theme-btn {
      border-radius: 0;
      background-color: var(--theme-color1);
      color: var(--theme-color2);
      padding: 16px 30px
}

.service-sidebar {
      display: block;
      max-width: 365px;
      position: relative;
      width: 100%
}

.service-sidebar .theme-btn {
      border: 1px solid var(--theme-color-black)
}

.service-sidebar .service-sidebar-single {
      display: block;
      margin-bottom: 30px;
      position: relative
}

.service-sidebar .service-sidebar-single-services {
      display: block;
      background: #f6f4ec;
      border-radius: 10px;
      padding: 35px 30px 25px;
      position: relative
}

.service-sidebar .service-sidebar-single-services .title {
      display: block;
      margin-bottom: 12px;
      padding-left: 20px;
      position: relative
}

.service-sidebar .service-sidebar-single-services .title h3 {
      color: var(--headings-color);
      font-size: 20px;
      line-height: 30px;
      letter-spacing: -.02em
}

.service-sidebar .service-sidebar-single-services ul {
      position: relative;
      display: block;
      margin-top: 10px
}

.service-sidebar .service-sidebar-single-services ul li {
      position: relative;
      display: block;
      margin-bottom: 5px;
      margin-top: -10px
}

.service-sidebar .service-sidebar-single-services ul li a {
      position: relative;
      display: block;
      color: var(--agriox-color-1, #687469);
      font-size: 18px;
      padding: 22px 20px;
      border-radius: 10px;
      background: 0 0;
      -webkit-transition: .3s linear .1s;
      transition: .3s linear .1s;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.service-sidebar .service-sidebar-single-services ul li a:hover::before,
.service-sidebar .service-sidebar-single-services ul li.current a::before {
      opacity: 1;
      -webkit-transform: perspective(400px) rotateX(0);
      transform: perspective(400px) rotateX(0);
      -webkit-transition: .3s linear .1s;
      transition: .3s linear .1s
}

.service-sidebar .service-sidebar-single-services ul li a::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: "";
      z-index: -1;
      opacity: 1;
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      -webkit-transition: .3s linear .1s;
      transition: .3s linear .1s;
      background: #fff;
      -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      border-radius: 10px
}

.service-sidebar .service-sidebar-single-services ul li.current:last-child {
      margin-bottom: 35px
}

.service-sidebar .service-sidebar-single-contact-box {
      position: relative;
      display: block;
      background-attachment: scroll;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 10px;
      padding: 50px 0 44px;
      z-index: 1
}

.service-sidebar .service-sidebar-single-contact-box::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(109, 140, 84, .93);
      border-radius: 10px;
      content: "";
      z-index: -1
}

.service-sidebar .service-sidebar-single-contact-box .icon {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 60px;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 50%;
      background: var(--theme-color2)
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover {
      background-color: var(--headings-color)
}

.service-list li a.current i,
.service-list li a:hover i,
.service-sidebar .banner-widget .content-box .icon-box,
.services-details__content .feature-list .single-item:hover {
      background-color: var(--theme-color2);
      color: var(--text-color-bg-theme-color2)
}

.service-sidebar .service-sidebar-single-contact-box .icon span::before {
      position: relative;
      display: inline-block;
      color: var(--headings-color);
      font-size: 30px;
      line-height: 60px;
      -webkit-transition: .5s;
      transition: .5s
}

.service-sidebar .service-sidebar-single-contact-box .title {
      position: relative;
      display: block;
      margin-top: 20px;
      margin-bottom: 42px
}

.service-sidebar .service-sidebar-single-contact-box .title h2 {
      color: #fff;
      font-size: 36px
}

.service-sidebar .service-sidebar-single-contact-box .phone {
      font-size: 24px;
      line-height: 34px
}

.service-sidebar .service-sidebar-single-contact-box .phone a {
      color: #fff;
      -webkit-transition: .5s;
      transition: .5s
}

.service-sidebar .service-sidebar-single-contact-box p {
      color: #fff;
      font-size: 14px;
      line-height: 22px
}

.service-sidebar .service-sidebar-single-btn .thm-btn {
      font-size: 16px;
      padding: 13px 50px 28px
}

.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
      position: relative;
      display: inline-block;
      top: 13px;
      color: #334b35;
      font-size: 40px;
      padding-right: 25px;
      -webkit-transition: .6s;
      transition: .6s;
      font-weight: 500
}

.service-sidebar .banner-widget {
      position: relative;
      display: block;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08);
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08)
}

.service-sidebar .banner-widget .widget-content {
      position: relative;
      display: block;
      width: 100%;
      padding: 45px 30px 40px;
      background-size: cover;
      background-repeat: no-repeat
}

.service-sidebar .banner-widget .widget-content .shape {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 278px;
      background-repeat: no-repeat;
      background-size: cover
}

.service-sidebar .banner-widget .content-box {
      position: relative;
      max-width: 200px;
      width: 100%
}

.service-sidebar .banner-widget .content-box .icon-box {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 40px;
      text-align: center;
      border-radius: 5px;
      margin-bottom: 23px
}

.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
      position: absolute;
      top: -15px;
      right: -38px;
      width: 32px;
      height: 32px;
      background-repeat: no-repeat
}

.service-sidebar .banner-widget .content-box h3 {
      display: block;
      font-size: 24px;
      line-height: 32px;
      color: #fff;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 22px
}

.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
      background: #0a267a
}

.service-sidebar .service-sidebar-single-btn .theme-btn {
      padding: 20px 50px
}

.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {
      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
}

.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
      position: relative;
      display: inline-block;
      font-size: 36px;
      padding-right: 25px;
      margin-top: 7px;
      -webkit-transition: .6s;
      transition: .6s;
      font-weight: 500
}

.services-details__content .feature-list .single-item {
      position: relative;
      display: block;
      border: 1px solid #e1e8e4;
      padding: 16px 30px 16px 53px;
      margin-bottom: 20px;
      -webkit-transition: .6s;
      transition: .6s
}

.services-details__content .feature-list .single-item .icon-box {
      color: var(--theme-color1);
      position: absolute;
      left: 20px;
      top: 16px;
      font-size: 18px;
      -webkit-transition: .6s;
      transition: .6s
}

.services-details__content .feature-list .single-item .title {
      display: block;
      margin: 0;
      font-size: 16px;
      line-height: 32px;
      font-weight: 600;
      text-transform: uppercase
}

.services-details__content .feature-list .single-item:hover .icon-box {
      color: var(--text-color-bg-theme-color2)
}

.service-list li {
      position: relative;
      display: block;
      margin-bottom: 10px
}

.service-list li a {
      position: relative;
      display: block;
      font-size: 18px;
      color: var(--headings-color);
      font-weight: 600;
      background-color: #fff;
      padding: 17px 20px 17px 50px;
      -webkit-box-shadow: 20px 5px 20px 0 rgba(0, 0, 0, .05);
      box-shadow: 20px 5px 20px 0 rgba(0, 0, 0, .05)
}

.service-list li i,
.sidebar-service-list li a i {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      font-size: 16px;
      text-align: center
}

.service-list li a.current,
.service-list li a:hover {
      color: var(--text-color-bg-theme-color1);
      background-color: var(--theme-color1);
      padding-left: 80px
}

.service-list li a.current i,
.service-list li a:hover i {
      width: 60px
}

.service-list li i {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      left: 0;
      top: 0;
      width: 30px;
      height: 100%;
      background-color: #f6f4ec;
      color: #707582;
      -webkit-transition: .5s;
      transition: .5s
}

.service-details-help,
.sidebar-service-list li a {
      border-radius: 15px;
      display: block;
      position: relative
}

.sidebar-service-list li a {
      background-color: var(--theme-color-black);
      color: var(--theme-color-white);
      font-size: 18px;
      font-weight: 700;
      padding: 19px 40px;
      -webkit-transition: .5s;
      transition: .5s
}

.help-icon,
.sidebar-service-list li a i {
      -webkit-box-align: center;
      -webkit-transition: .5s
}

@media (max-width:1199.98px) {
      .choose-us-image-items .counter-box-1 {
            padding: 28px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
      }

      .choose-us-image-items .counter-box-1 p {
            font-size: 14px
      }

      .choose-us-image-style-3 {
            max-width: 700px
      }

      .why-choose-us-style {
            padding-top: 0;
            padding-bottom: 0
      }

      .pricing-section-4 .pricing-shape,
      .skill-section .skill-rotate {
            display: none
      }

      .pricing-section .pricing-two__tab,
      .pricing-section-4 .pricing-two__tab {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px
      }

      .pricing-single-bx {
            padding: 36px 20px 30px
      }

      .pricing-section-4.inner-page {
            margin-top: 80px
      }

      .brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            border-right: none;
            margin-right: 0
      }

      .main-footer .about-widget .logo {
            margin-bottom: 30px
      }

      .footer-style-two .about-widget {
            padding-left: 0;
            margin-bottom: 0
      }

      .footer-style-two .about-widget .title {
            margin-bottom: 40px
      }

      .footer-style-two .contacts-widget {
            margin-top: 0 !important;
            margin-bottom: 30px
      }

      .sidebar-service-list li a {
            padding: 19px 20px
      }
}

.sidebar-service-list li a:hover i {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      color: var(--theme-color-black);
      background-color: var(--theme-color1)
}

.sidebar-service-list li a i {
      height: 32px;
      width: 45px;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: .5s;
      color: #191825;
      background-color: #fff;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 15px
}

.sidebar-service-list li.current a i {
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.service-details-help {
      background-color: var(--theme-color1);
      margin-top: 30px;
      overflow: hidden;
      padding: 57px 55px 50px;
      text-align: center;
      z-index: 1
}

.help-shape-1 {
      bottom: -215px;
      left: -95px;
      width: 220px;
      height: 500px;
      background-color: #303030;
      border-radius: 150px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1
}

.help-shape-2 {
      top: -118px;
      right: -130px;
      width: 180px;
      height: 350px;
      background-color: #fff;
      border-radius: 186px;
      -webkit-transform: rotate(48deg);
      transform: rotate(48deg)
}

.help-icon {
      height: 73px;
      width: 73px;
      background-color: var(--body-bg);
      color: var(--theme-color1);
      font-size: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 auto;
      transition: .5s
}

.help-icon:hover {
      background-color: var(--theme-color-black);
      color: #fff
}

.help-title {
      color: var(--body-bg);
      font-size: 38px;
      font-weight: 700;
      line-height: 40px;
      margin-bottom: 21px
}

.project-details__client,
.project-details__name {
      font-size: 16px;
      line-height: 24px
}

.help-contact {
      position: relative;
      display: block;
      margin-top: 21px
}

.help-contact p {
      font-size: 14px;
      color: var(--body-bg);
      margin: 0;
      line-height: 32px;
      font-weight: 600;
      opacity: .7
}

.help-contact a {
      font-size: 30px;
      color: var(--body-bg);
      font-weight: 600;
      -webkit-transition: .5s;
      transition: .5s
}

.service-section-seven.style-inner .service-block_seven:hover .left-arrow,
.service-section-seven.style-inner .service-block_seven:hover .right-arrow,
.service-section-seven.style-inner .service-block_seven:hover .theme-btn {
      color: var(--theme-color-black);
      border-color: var(--theme-color-black)
}

.service-section-seven.style-inner .service-block_seven:hover .left-arrow:hover,
.service-section-seven.style-inner .service-block_seven:hover .right-arrow:hover,
.service-section-seven.style-inner .service-block_seven:hover .theme-btn:hover {
      color: var(--theme-color-white);
      border-color: var(--theme-color2);
      background-color: var(--theme-color2)
}

.project-details__img img {
      border-radius: 10px;
      width: 100%
}

.project-details__content-left {
      display: block;
      margin-top: 31px;
      position: relative
}

.project-details__content-right {
      display: block;
      margin-top: 40px;
      position: relative
}

.project-details__details-box {
      background-color: var(--theme-color-black);
      border-radius: 10px;
      padding: 43px 50px 50px;
      position: relative;
      z-index: 1
}

.project-details__details-list li+li {
      margin-top: 24px
}

.project-details-btn .theme-btn.btn-style-one {
      padding: 26px 100px 26px 60px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 70px;
      border-radius: 100px;
      background: -webkit-gradient(linear, left top, right top, from(#beec6b), to(#169c92));
      background: linear-gradient(90deg, #beec6b 0, #169c92 100%);
      color: var(--theme-color-white)
}

.project-details-btn .theme-btn .icon {
      width: 62px;
      height: 62px;
      line-height: 72px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      font-size: 50px;
      color: var(--headings-color);
      right: 4px;
      top: 4px;
      bottom: 4px
}

.project-details__client {
      color: #838d9e;
      margin: 0
}

.project-details__client a {
      color: var(--theme-color1);
      text-decoration: underline
}

.project-details__client a:hover {
      color: #fff
}

.project-details__pagination li a:hover i,
.project-details__social a:hover {
      color: var(--theme-color2-text-color);
      background-color: var(--theme-color2)
}

.project-details__social {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex
}

.project-details__social a {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      display: flex;
      background-color: var(--theme-color2);
      border-radius: 50%;
      color: var(--theme-color1-text-color);
      font-size: 15px;
      height: 40px;
      justify-content: center;
      overflow: hidden;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s;
      width: 40px;
      z-index: 1
}

.project-details__social a+a {
      margin-left: 10px
}

.project-details__pagination-box {
      display: block;
      padding: 40px 0;
      position: relative;
      text-align: center
}

.project-details__pagination {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative
}

.project-details__pagination li a {
      color: #696969;
      font-family: var(--body-font-family);
      font-size: 16px;
      font-weight: 400;
      line-height: 19px;
      -webkit-transition: .5s;
      transition: .5s
}

.blog-details__meta li a:hover,
.project-details__pagination li a:hover,
.project-list i,
.project-list-item .icon {
      color: var(--theme-color1)
}

.project-details__pagination li a:hover i {
      border: 2px solid var(--theme-color2)
}

.project-details__pagination li a img {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1)
}

.blog-details,
.blog-details__left,
.blog-details__pagenation,
.project-details__pagination li .content,
.sidebar__search {
      position: relative;
      display: block
}

.project-details__pagination li .title,
.project-details__pagination li .title a {
      color: #fff;
      font-family: var(--body-font-family);
      font-style: normal;
      font-weight: 600;
      font-size: 22px;
      line-height: 30px;
      letter-spacing: -.03em;
      -webkit-transition: .4s;
      transition: .4s
}

.project-details__pagination li .title a:hover,
.project-details__pagination li .title:hover {
      text-decoration-line: underline
}

.project-details__pagination li.next {
      float: left;
      position: relative
}

.project-details__pagination li.next .content {
      text-align: left;
      font-weight: var(--body-font-weight-bold)
}

.project-details__pagination li.previous {
      position: relative;
      float: right
}

.project-details__pagination li.previous .content {
      text-align: right
}

.room-facility-list .icon {
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      display: block;
      font-size: 22px;
      height: 64px;
      line-height: 64px;
      text-align: center;
      width: 64px;
      -webkit-transition: .3s;
      transition: .3s
}

.nav-links .next,
.nav-links .prev {
      height: 100%;
      width: calc(50% - 15px)
}

.room-facility-list .list-one:hover .icon {
      background-color: var(--theme-color1);
      color: #fff
}

.room-details__content-right {
      position: relative;
      display: block;
      margin-top: 40px
}

.room-details__details-box {
      background-color: #f5f6f7;
      border: 1px solid var(--theme-color1);
      border-radius: 10px;
      padding: 43px 50px 30px;
      position: relative;
      z-index: 1
}

@media only screen and (max-width:480px) {
      .room-block .inner-box .box-caption .book-btn {
            padding: 0 10px;
            margin-right: 10px
      }

      .room-block.col-lg-3 .inner-box .box-caption .bx-links li {
            margin-right: 10px
      }

      .rooms-section {
            padding: 80px 0
      }
}

.project-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
}

@media (max-width:375.98px) {
      .footer-main-wrapper {
            padding-left: 0
      }

      .project-list {
            -ms-grid-columns: auto;
            grid-template-columns: auto
      }
}

.project-list li {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: -.03em;
      line-height: 19px;
      margin-bottom: 30px
}

.project-list i {
      margin-right: 10px
}

.project-list-item .icon {
      font-size: 26px
}

.project-list-item .title {
      -ms-flex-align: center;
      align-items: center;
      color: var(--headings-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: var(--heading-font-family);
      font-weight: 700;
      font-size: 20px;
      letter-spacing: -.03em
}

.project-list-item .text {
      -ms-flex-align: center;
      align-items: center;
      color: var(--text-color2);
      font-family: var(--body-font-family);
      font-weight: 400;
      font-size: 16px
}

.blog-details__date .day,
.blog-details__date .month,
.blog-details__tags a,
.blog-details__tags span,
.blog-details__title {
      font-weight: var(--body-font-weight-bold)
}

.blog-details__img {
      position: relative;
      display: block;
      border-radius: 10px
}

.blog-details__img img {
      width: 100%;
      border-radius: 10px
}

.blog-details__date {
      position: absolute;
      bottom: 0;
      right: 0;
      text-align: center;
      padding: 21px 24px 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
}

.blog-details__date .day {
      font-size: 16px;
      color: #000;
      line-height: 16px
}

.blog-details__date .month {
      position: relative;
      display: block;
      font-size: 10px;
      color: #000;
      line-height: 12px;
      text-transform: uppercase
}

.blog-details__content {
      position: relative;
      display: block;
      margin-top: 22px
}

.blog-details__meta li a {
      font-size: 15px;
      color: #777;
      font-weight: 500;
      -webkit-transition: .5s;
      transition: .5s
}

.blog-details__meta li a i {
      color: var(--theme-color1);
      margin-right: 6px
}

.blog-details__title {
      font-size: 30px;
      line-height: 40px;
      margin-top: 12px;
      margin-bottom: 21px
}

.blog-details__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 30px 0;
      margin-top: 49px;
      border-top: 1px solid #ece9e0
}

.blog-details__bottom p {
      margin: 0
}

.blog-details__tags span {
      color: var(--theme-color-white);
      font-size: 20px;
      margin-right: 14px
}

.blog-details__tags a {
      position: relative;
      font-size: 12px;
      color: #000;
      display: inline-block;
      padding: 5px 30px;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 35px;
      border: 1px solid var(--theme-color1)
}

.blog-details__tags a:hover {
      background-color: var(--theme-color2);
      color: var(--theme-color-white);
      text-decoration: none
}

.blog-details__tags a+a {
      margin-left: 6px
}

.blog-details__social-list a {
      position: relative;
      height: 43px;
      width: 43px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      color: var(--theme-color2);
      font-size: 15px;
      border-radius: 50%;
      overflow: hidden;
      border: 1px solid var(--theme-color1);
      -webkit-transition: .5s;
      transition: .5s;
      z-index: 1
}

.blog-details__social-list a:hover {
      color: var(--theme-color1)
}

.blog-details__social-list a:hover:after {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
}

.blog-details__social-list a:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      background-color: var(--theme-color2);
      -webkit-transition: .4s ease-in-out .1s;
      transition: .4s ease-in-out .1s;
      opacity: 1;
      -webkit-transform-origin: top;
      transform-origin: top;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      z-index: -1
}

.blog-details__pagenation li,
.nav-links>div>a {
      font-weight: var(--body-font-weight-bold);
      -webkit-transition: .5s;
      border-radius: 10px;
      font-size: 20px
}

.blog-details__social-list a+a {
      margin-left: 10px
}

.blog-details__pagenation-box {
      position: relative;
      display: block;
      overflow: hidden;
      margin-bottom: 53px
}

.blog-details__pagenation li {
      position: relative;
      float: left;
      color: #0e2207;
      color: var(--theme-light-background-text-color);
      background-color: var(--theme-light-background);
      line-height: 30px;
      transition: .5s;
      max-width: 370px;
      width: 100%;
      padding: 52px 60px
}

.blog-details__pagenation li:hover {
      background-color: var(--theme-color2);
      color: var(--text-color-bg-theme-color2)
}

.blog-details__pagenation li+li {
      margin-left: 30px
}

.nav-links {
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 53px
}

.nav-links .prev {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 30px
}

.nav-links .next,
.sidebar__search-form button[type=submit] {
      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-align: center
}

.nav-links .prev .thumb {
      margin-right: 20px
}

.nav-links .next {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
}

.nav-links>div .thumb {
      display: inline-block;
      min-width: 60px;
      width: 60px;
      height: 60px;
      overflow: hidden
}

.nav-links>div>a,
.sidebar__search-form input[type=search] {
      width: 100%;
      color: #000;
      background-color: var(--theme-color1)
}

.nav-links>div>a {
      display: inline-block;
      word-wrap: break-word;
      white-space: -moz-pre-wrap;
      white-space: pre-wrap;
      line-height: 1.637;
      transition: .5s;
      padding: 52px 50px
}

.nav-links>div>a:hover {
      color: #fff;
      background-color: var(--theme-color2)
}

.sidebar__title {
      margin: 0 0 5px;
      font-size: 20px;
      font-weight: var(--h4-font-weight);
      color: var(--theme-color2)
}

.sidebar__search-form input[type=search] {
      display: block;
      border: none;
      outline: 0;
      font-size: 16px;
      font-weight: 500;
      padding-left: 50px;
      height: 74px;
      padding-right: 80px;
      border-radius: 10px
}

.sidebar__search-form input[type=search]::-webkit-input-placeholder {
      color: var(--text-color-bg-theme-color1);
      opacity: 1
}

.sidebar__search-form input[type=search]:-ms-input-placeholder,
.sidebar__search-form input[type=search]::-ms-input-placeholder,
.sidebar__search-form input[type=search]::-webkit-input-placeholder,
.sidebar__search-form input[type=search]::placeholder {
      color: var(--text-color-bg-theme-color1);
      opacity: 1
}

.sidebar__search-form button[type=submit] {
      background-color: transparent;
      color: #000;
      font-size: 22px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 72px;
      outline: 0;
      border: none;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding: 0
}

.sidebar__post {
      border-radius: 10px;
      color: var(--body-bg);
      display: block;
      overflow: hidden;
      padding: 46px 30px 30px;
      position: relative;
      z-index: 1
}

.sidebar__post .sidebar__title {
      margin-left: 20px
}

.sidebar__category-list,
.sidebar__post .sidebar__post-list {
      margin: 0
}

.sidebar__post .sidebar__post-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 16px 20px 17px;
      -webkit-transition: .5s;
      transition: .5s
}

.sidebar__post .sidebar__post-list li:hover {
      background-color: #fff;
      border-radius: 10px
}

.sidebar__post .sidebar__post-list li+li {
      margin-top: 11px
}

.sidebar__post .sidebar__post-list .sidebar__post-image {
      margin-right: 20px;
      -webkit-box-flex: 70px;
      -ms-flex: 70px 0 0px;
      flex: 70px 0 0
}

.sidebar__post .sidebar__post-list .sidebar__post-image>img {
      width: 80px;
      border-radius: 10px
}

.sidebar__post .sidebar__post-list .sidebar__post-content {
      position: relative;
      top: -3px
}

.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
      font-size: 18px;
      margin: 0;
      line-height: 26px;
      letter-spacing: 0
}

.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
      color: #0e2207;
      -webkit-transition: .5s;
      transition: .5s;
      display: block;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px
}

.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-bg);
      -webkit-transition: .5s;
      transition: .5s
}

.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
      color: var(--body-bg);
      font-size: 14px;
      padding-right: 3px
}

.sidebar__category {
      position: relative;
      display: block;
      color: var(--body-bg);
      border-radius: 10px;
      padding: 45px 30px 38px;
      overflow: hidden;
      z-index: 1
}

.sidebar__category .sidebar__title {
      color: var(--body-bg);
      padding-left: 20px;
      margin-bottom: 9px
}

.sidebar__category-list li+li {
      margin-top: 4px
}

.sidebar__category-list li a {
      background: 0 0;
      border-radius: 10px;
      color: var(--body-bg);
      font-size: 16px;
      position: relative;
      -webkit-transition: .5s;
      transition: .5s;
      padding: 12px 20px;
      display: block;
      font-weight: 500
}

.sidebar__category-list li a:hover {
      -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05)
}

.sidebar__category-list li a:hover span {
      color: #ffcd1e;
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
}

.sidebar__category-list li a span {
      position: absolute;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0);
      -webkit-transition: .5s;
      transition: .5s;
      color: var(--theme-color2);
      text-align: center;
      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;
      font-size: 16px
}

.sidebar__category-list li.active a {
      border-radius: 10px;
      -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05)
}

.sidebar__category-list li.active a span {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      color: #ffcd1e
}

.sidebar__tags {
      position: relative;
      display: block;
      color: var(--body-bg);
      padding: 46px 45px 50px;
      border-radius: 10px;
      overflow: hidden;
      z-index: 1
}

.sidebar__tags .sidebar__title {
      margin-left: 5px;
      margin-bottom: 25px;
      color: var(--theme-color-black)
}

.sidebar__tags-list {
      margin-top: -10px
}

.sidebar__tags-list a {
      background: var(--theme-color2);
      border-radius: 30px;
      color: var(--headings-color);
      display: inline-block;
      font-size: 14px;
      margin-left: 5px;
      padding: 5px 28px;
      -webkit-transition: .4s;
      transition: .4s
}

.sidebar__comments,
.sidebar__comments-text-box p span {
      color: var(--body-bg)
}

.sidebar__tags-list a:hover {
      background: var(--theme-color1);
      color: #000
}

.sidebar__tags-list a+a {
      margin-left: 5px;
      margin-top: 10px
}

.sidebar__comments {
      background-color: var(--theme-color1);
      padding: 46px 50px 43px;
      border-radius: 10px;
      overflow: hidden;
      z-index: 1
}

.sidebar__comments-icon,
.sidebar__comments-list li:hover .sidebar__comments-icon {
      background-color: var(--theme-color2);
      color: var(--headings-color)
}

.sidebar__comments .sidebar__title {
      margin-bottom: 25px;
      color: var(--theme-color2)
}

.sidebar__comments-list li {
      padding-left: 65px
}

.sidebar__comments-list li+li {
      margin-top: 23px
}

.sidebar__comments-icon {
      height: 45px;
      width: 45px;
      border-radius: 50%;
      font-size: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: .4s;
      transition: .4s
}

.sidebar__comments-text-box p {
      color: var(--body-bg);
      font-size: 15px;
      font-weight: 500;
      line-height: 26px;
      margin: 0
}

.sidebar__comments-text-box h5 {
      color: #757873;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 26px;
      margin: 0
}

.comment-one .comment-one__single {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(236, 233, 224, .2196078431);
      padding-bottom: 60px;
      margin-bottom: 60px;
      -webkit-box-align: top;
      -ms-flex-align: top;
      align-items: top
}

.comment-one .comment-one__content {
      position: relative;
      margin-left: 45px
}

@media only screen and (max-width:767px) {
      .product-details .product-info .product-details__buttons {
            display: block
      }

      .product-details .product-info .product-details__buttons-1 {
            margin-bottom: 10px;
            margin-right: 10px
      }

      .product-details .product-info .product-details__buttons-2 {
            margin-left: 0;
            margin-top: 0
      }

      .product-details .product-info .product-details__social {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start
      }

      .nav-links,
      .product-details__buttons {
            -ms-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal
      }

      .product-details .product-info .product-details__social .social-icon-one,
      .sidebar__post .sidebar__title {
            margin-left: 0
      }

      .product-details__img {
            margin-bottom: 50px
      }

      .product-details__title span {
            margin-left: 0;
            display: block
      }

      .product-details__buttons {
            flex-direction: column;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline
      }

      .product-details__buttons-2 {
            margin-left: 0;
            margin-top: 10px
      }

      .comment-one .comment-one__content,
      .product-details__social-link {
            margin-top: 20px;
            margin-left: 0
      }

      .project-details-btn .theme-btn.btn-style-one {
            height: 60px;
            padding-right: 80px
      }

      .project-details-btn .theme-btn.btn-style-one .icon {
            width: 40px;
            height: 40px;
            line-height: 40px;
            right: 10px;
            top: 8px
      }

      .project-details-btn .theme-btn.btn-style-one .icon svg {
            width: 15px;
            height: 15px
      }

      .blog-details__bottom {
            gap: 30px
      }

      .nav-links {
            flex-direction: column;
            gap: 20px
      }

      .nav-links .next,
      .nav-links .prev {
            width: 100%
      }

      .nav-links>div>a,
      .sidebar__comments,
      .sidebar__post,
      .sidebar__tags {
            padding: 30px
      }

      .sidebar__search-form input[type=search] {
            padding-left: 30px
      }

      .sidebar__search-form button[type=submit] {
            width: 42px
      }

      .sidebar__post .sidebar__post-list li {
            padding: 16px 0
      }

      .sidebar__category {
            padding: 30px 15px
      }

      .comment-one .comment-one__single {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
      }
}

.comment-one .comment-one__content h3 {
      margin: 0 0 24px;
      font-size: 20px;
      color: var(--theme-color-white)
}

.comment-one .comment-one__content p {
      font-size: 16px;
      font-weight: 500
}

.comment-one .comment-one__btn {
      padding: 5px 30px;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 14px;
      border: 1px solid var(--theme-color-black)
}

.comment-one .comment-one__btn:hover {
      color: #000
}

.comment-one .comment-one__image {
      position: relative;
      display: block;
      border-radius: 50%;
      -webkit-box-flex: 100px;
      -ms-flex: 100px 0 0px;
      flex: 100px 0 0
}

.comment-one .comment-one__image img {
      border-radius: 50%
}

.comment-form .comment-form__title {
      margin-top: -7px;
      margin-bottom: 20px
}

.team-details__top {
      padding: 0 0 120px
}

.team-details-shape-1 {
      position: absolute;
      bottom: -270px;
      right: 0;
      opacity: .5;
      z-index: 2
}

.team-details-shape-1 img {
      width: auto
}

.team-details__top-left {
      position: relative;
      display: block;
      margin-right: 20px
}

.team-details__top-img {
      position: relative;
      display: block;
      border-radius: 30px
}

.team-details__top-img img {
      width: 100%;
      border-radius: 30px
}

.team-details__big-text {
      font-size: 80px;
      line-height: 80px;
      text-transform: uppercase;
      color: #eef0f6;
      letter-spacing: .35em;
      font-weight: 400;
      position: absolute;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      top: 209px;
      left: -325px
}

.acrdtn-h,
.banner-section .content-box .title {
      text-transform: capitalize
}

.team-details__top-right {
      position: relative;
      display: block;
      margin-left: 50px
}

.team-details__top-content {
      position: relative;
      display: block;
      margin-top: -11px
}

.team-details__top-name {
      font-size: 40px;
      font-weight: 700;
      line-height: 50px;
      margin-bottom: 3px
}

.team-details__top-title {
      font-size: 16px;
      color: var(--theme-color1)
}

.team-details__social {
      position: relative;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 28px
}

.team-details__social a {
      position: relative;
      height: 40px;
      width: 40px;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 15px;
      border-radius: 50%;
      -webkit-transition: .5s;
      transition: .5s
}

.team-details__social a:hover {
      background-color: var(--theme-color-black);
      color: var(--theme-color1)
}

.team-details__social a+a {
      margin-left: 10px
}

.team-details__top-text-1 {
      font-size: 30px;
      color: var(--theme-color1);
      line-height: 45px;
      font-weight: 400;
      margin-bottom: 30px
}

.team-details__top-text-2 {
      padding-top: 23px;
      padding-bottom: 35px
}

.team-details__bottom {
      border-top: 1px solid #1e1e1e;
      padding-top: 110px
}

.team-details__bottom-left {
      margin-right: 70px
}

.team-details__bottom-left-title {
      font-size: 36px;
      font-weight: 700;
      line-height: 46px
}

.team-details__bottom-left-text {
      padding-top: 30px
}

.team-details__bottom-right {
      margin-left: 70px;
      margin-top: 1px
}

@media only screen and (max-width:991px) {
      .team-details__top-right {
            margin-top: 70px;
            margin-left: 0
      }

      .team-details__bottom-right {
            margin-left: 0
      }
}

.team-details__progress {
      width: 100%
}

.team-details__progress .bar {
      position: relative;
      width: 100%;
      height: 13px;
      background-color: #212121;
      border-radius: 7px;
      margin-bottom: 22px
}

.team-details__progress .bar-inner {
      position: relative;
      display: block;
      width: 0;
      height: 13px;
      border-radius: 7px;
      background-color: var(--theme-color1);
      -webkit-transition: 1.5s;
      transition: 1.5s
}

.team-details__progress .count-text {
      position: absolute;
      right: 0;
      bottom: 21px;
      color: var(--theme-color1);
      line-height: 24px;
      font-size: 14px;
      text-align: center;
      font-weight: 500;
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.team-details__progress .bar-inner.counted .count-text {
      opacity: 1
}

.team-details__progress .bar.marb-0 {
      margin-bottom: 0
}

.team-details__progress-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 28px;
      color: var(--headings-color);
      margin-bottom: 6px
}

.team-contact-form input[type=email],
.team-contact-form input[type=text] {
      background-color: #1a1a1a
}

.team-contact-form textarea {
      background-color: #1a1a1a;
      height: 180px
}

.team-contact-form .btn-style-submit {
      background-color: var(--theme-color1);
      padding: 12px 20px;
      border-radius: 5px;
      color: var(--theme-color-black);
      -webkit-transition: .5s;
      transition: .5s
}

.team-contact-form .btn-style-submit:hover {
      background-color: var(--theme-color-white);
      color: var(--theme-color-black)
}

.abt-svg {
      width: 30px
}

.footer-icon img {
      width: 150px
}

.contact-item {
      margin: 0 18px;
      display: inline-block;
      position: relative
}

.contact-item a {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #fff;
      text-decoration: none;
      font-size: 17px;
      font-weight: 500;
      white-space: nowrap;
      padding: 8px 14px;
      border-radius: 30px;
      transition: .35s
}

.contact-item i {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .15);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      transition: .35s
}

.contact-item a:hover {
      background: rgba(255, 255, 255, .12);
      transform: translateY(-3px)
}

.contact-item a:hover i {
      background: #fff;
      color: #0d47a1;
      transform: rotate(8deg) scale(1.08)
}

.contact-info p i {
      margin-right: 20px;
      height: 45px;
      width: 45px;
      border-radius: 50%;
      font-size: 16px;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--theme-color-white);
      background-color: var(--body-bg);
      -webkit-transition: .3s;
      transition: .3s
}

.page {
      position: relative;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 24px;
      overflow: hidden
}

.background-shape {
      position: absolute;
      border-radius: 50%;
      filter: blur(10px);
      opacity: .9;
      pointer-events: none
}

.shape-1 {
      width: 280px;
      height: 280px;
      top: 8%;
      left: 10%;
      background: radial-gradient(circle, rgba(56, 189, 248, .45), rgba(56, 189, 248, 0))
}

.shape-2 {
      width: 320px;
      height: 320px;
      bottom: 6%;
      right: 8%;
      background: radial-gradient(circle, rgba(168, 85, 247, .4), rgba(168, 85, 247, 0))
}

.login-card {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 530px;
      padding: 32px;
      border-radius: 24px;
      background: rgba(15, 23, 42, .76);
      border: 1px solid rgba(255, 255, 255, .12);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow: 0 20px 60px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .06);
      transition: transform .3s, box-shadow .3s, border-color .3s
}

.login-card:hover {
      transform: translateY(-6px);
      border-color: rgba(96, 165, 250, .35);
      box-shadow: 0 28px 80px rgba(0, 0, 0, .48), 0 0 30px rgba(59, 130, 246, .12)
}

.card-header {
      margin-bottom: 24px
}

.card-badge {
      display: inline-block;
      margin-bottom: 14px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(59, 130, 246, .14);
      border: 1px solid rgba(96, 165, 250, .28);
      color: #bfdbfe;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .04em
}

.card-header h1 {
      margin: 0 0 10px;
      font-size: 2rem;
      line-height: 1.1
}

.card-header p {
      margin: 0;
      color: #cbd5e1;
      font-size: .98rem;
      line-height: 1.6
}

.login-form {
      display: grid;
      gap: 18px
}

.input-group {
      display: grid;
      gap: 8px
}

.input-group label {
      font-size: .92rem;
      font-weight: 600;
      color: #e2e8f0
}

.input-wrapper {
      position: relative;
      display: flex;
      align-items: center
}

.input-icon {
      position: absolute;
      left: 14px;
      font-size: .95rem;
      opacity: .8
}

.input-wrapper input {
      width: 100%;
      padding: 15px 48px 15px 42px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: rgba(255, 255, 255, .06);
      color: #f8fafc;
      font-size: .96rem;
      outline: 0;
      transition: border-color .2s, background-color .2s, box-shadow .2s
}

.input-wrapper input::placeholder {
      color: #94a3b8
}

.input-wrapper input:focus {
      border-color: rgba(96, 165, 250, .55);
      background: rgba(255, 255, 255, .09);
      box-shadow: 0 0 0 4px rgba(59, 130, 246, .14)
}

.toggle-password {
      position: absolute;
      right: 10px;
      border: none;
      background: 0 0;
      color: #93c5fd;
      font-size: .84rem;
      font-weight: 700;
      cursor: pointer;
      padding: 6px 8px
}

.card-footer a:hover,
.forgot-link:hover,
.toggle-password:hover {
      color: #dbeafe
}

.form-options {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap
}

.remember-me {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #cbd5e1;
      font-size: .92rem;
      cursor: pointer
}

.remember-me input {
      accent-color: #60a5fa
}

.card-footer a,
.forgot-link {
      color: #93c5fd;
      text-decoration: none;
      transition: color .2s
}

.submit-btn {
      margin-top: 4px;
      width: 100%;
      border: none;
      border-radius: 16px;
      padding: 15px 18px;
      background: linear-gradient(135deg, #3b82f6, #8b5cf6);
      color: #fff;
      font-size: 1rem;
      font-weight: 800;
      cursor: pointer;
      transition: transform .2s, box-shadow .2s, filter .2s
}

.submit-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 30px rgba(59, 130, 246, .28);
      filter: brightness(1.06)
}

.card-footer {
      margin-top: 22px;
      text-align: center
}

.card-footer p {
      margin: 0;
      color: #cbd5e1;
      font-size: .92rem
}

@media (max-width:520px) {
      .login-card {
            padding: 24px;
            border-radius: 20px
      }

      .card-header h1 {
            font-size: 1.7rem
      }

      .input-wrapper input {
            padding: 14px 46px 14px 40px
      }

      .shape-1,
      .shape-2 {
            display: none
      }
}

.pop-cnt h6,
.pop-cnt p {
      font-size: 20px;
      text-align: center
}

.pop-up {
      margin: auto;
      left: 0;
      right: 0;
      width: 100%;
      background: #040404e3;
      height: 100%;
      padding: 10px 5px;
      overflow: scroll !important;
      display: none
}

@media (max-width:991px) {
      .sidebar {
            margin-top: 50px
      }

      .scrr {
            width: 85%;
            position: relative;
            top: 15%
      }
}

@media (max-width:575px) {
      .pop-up {
            overflow: scroll !important
      }

      .pop-up-img {
            display: none !important
      }
}

.close-button {
      padding: 2.5px 11px;
      line-height: 33px;
      margin-right: -15px;
      margin-top: -16px;
      border: 2px solid #fff;
      -webkit-box-shadow: -4px -2px 6px 0 rgba(0, 0, 0, .1);
      -moz-box-shadow: -4px -2px 6px 0 rgba(0, 0, 0, .1);
      box-shadow: -3px 1px 6px 0 rgba(0, 0, 0, .1)
}

.popup-form .default-form .form-group .popup-input {
      height: 45px
}

.popup-form .default-form .form-group textarea {
      height: 70px
}

.box-content {
      height: 160px
}

.box-content ul li {
      color: #b96121
}

.pop-cnt p {
      margin-bottom: 15px;
      color: #393939;
      padding: 5px 15px
}

.pop-cnt ul {
      padding: 0 35px;
      margin-bottom: 20px
}

.pop-cnt ul li {
      padding-bottom: 5px;
      font-size: 15px;
      color: #343434;
      font-weight: 600
}

.pop-cnt ul li::before {
      content: "✔";
      color: #1559a7;
      font-weight: 700;
      display: inline-block;
      width: 20px
}

.course_module div ul li ul li::before,
.course_module div ul li::before,
.course_module div>ul>li::before,
.learning_module ul li::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 0
}

.pop-cnt ul li i {
      color: #1559a7;
      font-size: 16px
}

.pop-cnt p span {
      font-size: 24px;
      font-weight: 700;
      line-height: 40px;
      color: #1559a7
}

.pop-cnt h6 {
      padding: 0 15px;
      margin-bottom: 15px;
      font-weight: 700
}

.acrdtn-a,
.acrdtn-h,
.pp-btn {
      font-weight: 600
}

.pp-btn {
      background: #1559a7;
      color: #fff;
      padding: 10px;
      margin: auto;
      display: block;
      width: 200px;
      text-align: center;
      border-radius: 10px;
      font-size: 19px
}

.pp-btn:hover {
      background: #ff6001
}

.acrdtn-a {
      display: block;
      color: #fff !important;
      font-size: 18px;
      padding-bottom: 10px
}

.acrdtn-h {
      font-size: 15px;
      color: #fff;
      line-height: 20px;
      background: #fb7818;
      padding: 5px 12px;
      border-radius: 6px;
      display: none
}

.why-icn,
.whychse-bx {
      background: #fff;
      display: flex
}

.whychse-bx {
      padding: 25px 15px 15px;
      text-align: center;
      height: 100%;
      z-index: 1;
      position: relative;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      transition: .3s
}

.whychse-bx:hover {
      background-color: #fff;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
      z-index: 2
}

.why-icn {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      padding: 12px;
      box-shadow: 2px 2px 15px #80808047;
      margin-bottom: 12px;
      border: 1px dashed #1559a7;
      align-items: center;
      justify-content: center;
      flex-shrink: 0
}

.why-icn img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain
}

.course_module div ul li,
.course_module div ul li ul li {
      position: relative;
      padding-left: 20px
}

.course_module div ul li::before,
.course_module div>ul>li::before {
      content: "\f058";
      color: #ff6001
}

.course_module div ul li ul li::before {
      content: "\f105";
      content: "\f105";
      color: #007bff;
      content: "\f105" !important
}

.course_module h5 {
      position: relative;
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      color: #1559a7;
      margin: 20px 0;
      transition: .5s
}

.greybg {
      background-color: #f6f6f6
}

.learning_module ul li {
      position: relative;
      padding-left: 30px;
      text-align: left
}

.learning_module ul li::before {
      content: "\f058";
      color: #0f5cab;
      font-size: 12px
}

.learning_module .list li:before {
      position: absolute;
      content: "\f005";
      font-family: "Font Awesome 5 Pro";
      left: 0;
      top: 0;
      font-weight: 700
}

.popupbtm_cnt {
      color: #d40c0c !important;
      font-size: 18px
}

.pop-up {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(255, 255, 255, .15);
      border-radius: 16px;
      box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      border: 1px solid rgba(255, 255, 255, .3)
}

.form {
      position: relative;
      background: #fff;
      border-radius: 14px;
      overflow: hidden
}

.close-button {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #fff;
      color: #111;
      font-size: 18px;
      font-weight: 700;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 99;
      box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
      transition: .3s
}

.close-button:hover {
      background: #000;
      color: #fff;
      transform: rotate(90deg)
}

.log-crd-1 {
      background: rgba(15, 23, 42, .26) !important
}

.about-section .video-btn {
      display: inline-block;
      width: 100px;
      height: 100px;
      line-height: 100px;
      background-color: var(--theme-color-black);
      font-size: 28px;
      color: var(--theme-color1);
      text-align: center;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 29%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
}

.about-section .video-btn:hover {
      transform: translate(-50%, -50%) scale(1.08);
      background: var(--theme-color1);
      color: #000
}

@media (max-width:767px) {
      .contact-item {
            display: block;
            margin: 10px 0;
            text-align: center
      }

      .contact-item a {
            justify-content: center;
            font-size: 15px;
            padding: 10px 12px
      }

      .contact-item i {
            width: 30px;
            height: 30px;
            font-size: 13px
      }

      .scrr {
            width: 90%;
            position: relative;
            top: 6%
      }

      .close-button {
            top: 10px;
            right: 10px;
            width: 34px;
            height: 34px;
            font-size: 16px
      }

      .about-section .video-btn {
            width: 70px;
            height: 70px;
            font-size: 20px
      }
}

.success-counters {
      padding: 60px 0;
      background: #f8f9ff
}

.success-box-counter {
      text-align: center;
      background: 0 0;
      padding: 10px;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
      transition: .3s
}

.counter-icon,
.counter-img-wpr {
      border-radius: 50%;
      display: flex
}

.success-box-counter:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, .12)
}

.counter-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto 15px;
      background: #0f2fff;
      color: #fff;
      font-size: 28px;
      align-items: center;
      justify-content: center
}

.count-box {
      font-size: 28px;
      font-weight: 700;
      margin: 10px 0
}

.success-box-counter p {
      font-size: 15px;
      color: #fff;
      margin: 0
}

.counter-img-wpr {
      background-color: #0030a1;
      height: 65px;
      width: 65px;
      padding: 10px;
      text-align: center;
      margin: auto;
      transition: .4s;
      align-items: center;
      justify-content: center
}

.counter-img-wpr img {
      width: 40px
}

.brand-wrapper-3 .brand-wrapper-inner-3 {
      margin-top: -85px
}

.why-ch-text {
      padding-right: 40px
}

@media (min-width:1200px) {
      .work-content {
            padding-right: 40px
      }
}

.floating_btn,
.wtspbtn {
      position: fixed;
      right: 5px;
      z-index: 1000
}

.text_icon {
      margin: 0;
      background: #fff;
      padding: 12px 16px;
      border-radius: 14px;
      line-height: 1.5;
      width: 250px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, .12);
      position: relative;
      right: 157px
}

.contact-line a {
      font-weight: 500;
      font-size: 20px;
      color: var(--theme-color-black)
}

.floating_btn {
      bottom: 75px;
      width: 100px;
      height: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.contact_icon,
.wtspbtn .contact_icon {
      color: #fff;
      width: 55px;
      height: 55px;
      border-radius: 50px;
      text-align: center;
      box-shadow: 2px 2px 3px #999;
      display: flex;
      transform: translatey(0);
      font-weight: 400;
      font-family: sans-serif;
      text-decoration: none !important;
      transition: .3s ease-in-out
}

@keyframes pulsing {
      to {
            box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
      }
}

.contact_icon {
      background-color: #129bf4;
      font-size: 20px;
      align-items: center;
      justify-content: center;
      animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      box-shadow: 0 0 0 0 #129bf463;
      -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

.text_icon {
      margin-top: 3px;
      color: #707070;
      font-size: 13px
}

.wtspbtn {
      bottom: 165px !important;
      width: 100px;
      height: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.wtspbtn .contact_icon {
      background-color: #42db87;
      font-size: 26px;
      align-items: center;
      justify-content: center;
      animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      box-shadow: 0 0 0 0 #42db87;
      -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      rotate: none
}

@media (max-width:575.98px) {
      .scroll-to-top {
            width: 100%;
            height: 100%;
            padding: 10px 0;
            border-radius: 0;
            left: 0
      }

      .preloader .preloader-heading .load-text {
            font-size: 22px;
            letter-spacing: 10px
      }

      .theme-btn-main:hover .theme-btn {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
      }

      .theme-btn-arrow-left {
            height: 50px;
            width: 50px
      }

      .theme-btn {
            font-size: 15px;
            padding: 12px 34px
      }

      .theme-btn-arrow-right {
            width: 48px;
            height: 48px
      }

      .main-header .logo img {
            max-width: 80px
      }

      .sec-title .work-title {
            font-size: 60px
      }

      .hero-4 {
            padding: 130px 0
      }

      .faq-image-style-1 .counter-box-items .count-text,
      .hero-4 .hero-content .hero-title {
            font-size: 40px
      }

      .about-section-four .image-column .inner-column .image-one,
      .choose-us-image-items .choose-us-image2,
      .footer-style-two .widgets-section .anim-icons .image-1,
      .footer-style-two .widgets-section .anim-icons .image-2,
      .hero-4 .hero-content .sub-title::before,
      .work-single-box .work-img .work-shape {
            display: none
      }

      .about-section .sec-title h2,
      .about-section .sec-title h2 span {
            font-size: 30px;
            line-height: 39px
      }

      .about-section .about-icon-box {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            border-radius: 15px
      }

      .about-section .about-icon-box::before {
            border-radius: 15px
      }

      .about-section-two .main-box .icon-box {
            margin-bottom: 15px
      }

      .about-style-img-1 img {
            border-radius: 15px;
            object-fit: cover;
            min-height: 300px
      }

      .about-section .sec-title {
            margin-bottom: 39px;
            margin-top: 20px
      }

      .cta-video-thumb .title {
            bottom: 30px;
            font-size: 24px;
            max-width: 450px
      }

      .faq-image-style-1 .counter-box-items {
            padding: 30px
      }

      .accordion-box .block .acc-btn {
            font-size: 17px;
            line-height: inherit;
            padding: 23px 50px 23px 15px
      }

      .accordion-box .block .acc-btn .icon {
            top: 16px;
            width: 35px;
            height: 35px
      }

      .accordion-box .block .acc-content .content .text {
            line-height: 26px;
            font-size: 15px
      }

      .service_single_item .service_content .title {
            font-size: 20px;
            margin: 20px 0
      }

      .marquee .text .title,
      .project-box-style-4 .content .title,
      .service-card-style-4 .title,
      .testimonial-section-two .testimonial-single_box-two .testi_content .testi_aroow .top-title {
            font-size: 20px
      }

      .service-bg-color-3 {
            padding: 25px
      }

      .testimonial-box-items-3 .content p {
            font-size: 16px
      }

      .testimonial-box-style-4 .quote-icon {
            gap: 30px
      }

      .testimonial-box-style-4 p {
            font-size: 17px
      }

      .work-section .theme-btn {
            padding: 12px 20px
      }

      .work-single-box .work-content .title br {
            display: block
      }

      .project-section-4 .sec-title h2 {
            font-size: 32px;
            line-height: 40px
      }

      .contact-forms,
      .news-block .blog-single-box {
            padding: 20px
      }

      .choose-us-image-items .choose-us-image {
            max-height: 368px;
            overflow: hidden
      }

      .choose-us-image-items .choose-us-image img {
            -o-object-fit: cover;
            object-fit: cover
      }

      .choose-us-image-style-3 .choose-marketing-box {
            right: -10px
      }

      .choose-us-box-style-3 .choose-us-box-3 {
            padding: 30px 20px
      }

      .pricing-section .pricing-two__tab,
      .pricing-section-4 .pricing-two__tab {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
      }

      .pricing-box-items-4 {
            padding: 40px 20px
      }

      .footer-main-wrapper-4 {
            padding-left: 5px;
            padding-right: 5px
      }

      .footer-main-wrapper-4 .contacts-widget {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start
      }

      .footer-main-wrapper-4 .contacts-widget .contact-us {
            margin-left: initial
      }

      .product-discription .comment-box {
            padding: 40px 30px
      }

      .project-details-btn .theme-btn.btn-style-one {
            padding: 26px 88px 26px 42px;
            height: 57px
      }

      .footer-icon img {
            width: 110px
      }

      .contact-section .contact-info p a {
            color: #fff
      }

      .social-icon-two li a {
            position: relative;
            display: block;
            height: 45px;
            width: 45px;
            border-radius: 50%;
            font-size: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #fff;
            background-color: transparent;
            border: 1px solid #fff;
            -webkit-transition: .3s;
            transition: .3s;
            margin-bottom: 40px
      }

      .why-ch-text {
            margin-top: 60px
      }

      .work-section .work-bg-blur {
            width: 100%
      }

      .marquee-section {
            padding: 20px 0
      }

      .counter-img-wpr {
            background-color: #0030a1;
            height: 50px;
            width: 50px;
            margin-top: 10px
      }

      .success-box-counter .count-box {
            font-size: 16px;
            margin: 16px 0 4px
      }

      .success-box-counter p {
            font-size: 12px;
            color: #fff;
            margin: 0
      }

      .success-box-counter {
            min-height: 137px
      }

      .brand-wrapper-3 .brand-wrapper-inner-3 {
            padding: 28.5px 44px
      }

      .col-6:first-child .success-box-counter,
      .col-6:nth-child(2) .success-box-counter {
            margin-bottom: 20px
      }

      .brand-section-3 {
            padding-bottom: 6px
      }

      .team-single-box .info-box {
            padding: 15px 35px
      }

      .team-single-box .info-box .name a {
            font-size: 16px !important
      }

      .team-single-box .info-box .designation {
            font-size: 11px
      }

      .about-section .video-btn {
            display: flex;
            width: 100px;
            height: 100px;
            line-height: 100px;
            background-color: var(--theme-color-black);
            font-size: 28px;
            color: var(--theme-color1);
            text-align: center;
            border-radius: 50%;
            position: absolute;
            top: 23%;
            left: 46%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            justify-content: center;
            align-items: center
      }

      .scrr {
            width: 90%;
            position: relative;
            top: 3%;
            margin-left: 0
      }
}

@media (min-width:319px) and (max-width:375.98px) {
      .theme-btn {
            font-size: 10px
      }
}



.testimonial-single_box-three {
      /* background: #fff; */
      @charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);
;

*,
.pricing-section .nav,
.pricing-section-4 .nav,
a img {
      border: none
}

:active,
:focus,
button {
      outline: 0 !important
}

.contact-info p i,
.list-style-one,
.list-style-one li,
.nav-links,
.nav-links .prev,
.scroll-to-top,
.social-icon-one,
.team-details__social,
.team-details__social a {
      display: -webkit-box;
      display: -ms-flexbox
}

.btn-style-four,
.fix,
.header-btn-main,
.mobile-menu-visible,
.page-wrapper,
.preloader,
.search-popup,
textarea {
      overflow: hidden
}

.help-shape-1,
.help-shape-2 {
      mix-blend-mode: soft-light;
      position: absolute
}

.banner-box-two .inner-box,
.blog-details__date,
.hidden-bar .inner-box,
.mobile-menu .menu-box,
.product-block .icon-box,
.product-block-two .inner-box,
.team-single-box .social-links,
.team-single-box-two .social-links {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal
}

.sidebar__category-list li a:hover,
.sidebar__category-list li.active a {
      text-shadow: 1px 0 0 rgba(14, 34, 7, .5);
      color: var(--theme-color-white);
      background-color: var(--body-bg)
}

.contact-item,
.sidebar-area .sidebar__body .sidebar__contact-info li,
li,
ul {
      list-style: none
}

@property --gradient-angle {
      syntax: "<angle>";
      initial-value: 90deg;
      inherits: false
}

:root {
      --theme-color1: #ffffff;
      --theme-color2: #000;
      --theme-color3: #fee17c;
      --theme-color4: #0a0a0a;
      --theme-color1-rgb: hexToRGB(#fcdb66);
      --theme-color2-rgb: hexToRGB(#000);
      --theme-color3-rgb: hexToRGB(#fee17c);
      --theme-color4-rgb: hexToRGB(#0a0a0a);
      --theme-color1-text-color: #000000;
      --theme-color2-text-color: #fff;
      --theme-color3-text-color: #000;
      --theme-color4-text-color: #000;
      --body-bg: #111;
      --theme-color-white: #ffffff;
      --theme-color-white-rgb: 255, 255, 255;
      --theme-color-light: #f2f8f9;
      --theme-color-gray: #f6f6f6;
      --theme-color-silver: #eee;
      --theme-color-black: #000000;
      --theme-color-black-rgb: 0, 0, 0;
      --text-color: #a1a1a1;
      --headings-color: #fff;
      --link-color: #352f27;
      --link-hover-color: #5b8c51;
      --body-font-family: "Noto Sans", sans-serif;
      --heading-font-family: "Plus Jakarta Sans", sans-serif;
      --body-font-size: 16px;
      --body-line-height: 1.8;
      --body-font-weight: 400;
      --line-height-heading-h1: 1em;
      --line-height-heading: 1.333em;
      --line-height-heading-small: 1.4em;
      --h1-font-size: 70px;
      --h2-font-size: 42px;
      --h3-font-size: 30px;
      --h4-font-size: 24px;
      --h5-font-size: 20px;
      --h6-font-size: 15px;
      --h1-font-weight: 700;
      --h2-font-weight: 500;
      --h3-font-weight: 500;
      --h4-font-weight: 500;
      --h5-font-weight: 500;
      --h6-font-weight: 500;
      --sec-title-subtitle-color: var(--theme-color-white);
      --sec-title-subtitle-font-size: 15px;
      --sec-title-subtitle-font-family: var(--heading-font-family);
      --sec-title-subtitle-font-weight: 400;
      --sec-title-subtitle-line-height: 1em;
      --small-font-size: 14px;
      --sec-title-color: var(--headings-color);
      --sec-title-font-size: var(--h2-font-size);
      --sec-title-font-family: var(--heading-font-family);
      --sec-title-font-weight: var(--h2-font-weight);
      --theme-light-background: #f1f3f3;
      --theme-light-background-text-color: var(--headings-color);
      --theme-black: #131313;
      --container-width: 1350px;
      --small-container-width: 1050px;
      --large-container-width: 1550px;
      --container-pt: 120px;
      --container-pb: 120px;
      --gradient-1: linear-gradient(to right,
                  var(--theme-color2) 0%,
                  rgba(255, 255, 255, 0) 100%)
}

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

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

.bg,
.bg-cover {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center
}

::-webkit-input-placeholder {
      color: #62736f
}

::-moz-input-placeholder {
      color: #62736f
}

::-ms-input-placeholder {
      color: #62736f
}

.text,
body,
p {
      color: var(--text-color);
      font-size: var(--body-font-size);
      font-family: var(--body-font-family);
      font-weight: var(--body-font-weight);
      line-height: var(--body-line-height)
}

body {
      background-color: var(--body-bg);
      background-attachment: fixed;
      -ms-word-wrap: break-word;
      word-wrap: break-word;
      counter-reset: my-sec-counter;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased
}

.main-menu .navigation>li>a,
.theme-btn,
.theme-style-btn a,
h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: var(--heading-font-family)
}

h1,
h2 {
      font-weight: var(--h4-font-weight)
}

h2,
h3 {
      line-height: var(--line-height-heading)
}

h4,
h5,
h6 {
      line-height: var(--line-height-heading-small)
}

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

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
      font-weight: 400;
      line-height: 1;
      color: var(--headings-color)
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
      color: inherit;
      font-weight: inherit
}

h1 {
      font-size: var(--h1-font-size);
      line-height: var(--line-height-heading-h1)
}

h2 {
      font-size: var(--h2-font-size)
}

h3 {
      font-size: var(--h3-font-size);
      font-weight: var(--h3-font-weight)
}

h4 {
      font-size: var(--h4-font-size);
      font-weight: var(--h4-font-weight)
}

h5 {
      font-size: var(--h5-font-size);
      font-weight: var(--h5-font-weight)
}

h6 {
      font-size: var(--h6-font-size);
      font-weight: var(--h6-font-weight)
}

.contact-forms .form-group:last-child,
.contact-forms-two .form-group:last-child,
.list-style-three li:last-child,
.list-style-two li:last-child,
.services-section-two .sec-title,
.skills .skill-item:last-child,
.team-single-box .image-box .image2,
.team-single-box-two .info-box .name,
.why-choose-us-section .sec-title,
table p {
      margin-bottom: 0
}

.service-card-style-4 .icon,
p {
      margin-bottom: 20px
}

.list-style-one.light a:hover,
p a:not(.button):not(.btn):focus,
p a:not(.button):not(.btn):hover {
      text-decoration: underline
}

a {
      color: var(--link-color);
      text-decoration: none;
      font-weight: var(--body-font-weight);
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

a:focus,
a:hover {
      color: inherit;
      text-decoration: none;
      outline: 0
}

.category-block .image img,
.category-block h4 a,
.category-block-two .image img,
a b,
a strong {
      -webkit-transition: .3s;
      transition: .3s
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li:not(:last-child),
.our-team-intro,
.sidebar-area .sidebar__body .sidebar__contact-info li:not(:last-child),
address,
blockquote,
dd,
dl,
fieldset,
ol,
pre,
table,
ul {
      margin-bottom: 10px
}

*,
.testimonial-section-two .container-fluid,
.work-section-two .container-fluid,
li,
ol,
ul {
      padding: 0;
      margin: 0
}

ol,
ul {
      list-style-position: inside
}

b,
strong {
      color: #333;
      font-weight: var(--body-font-weight-bold)
}

iframe {
      border: none !important
}

.about-section-four .content-column .inner-column .sec-title .text,
.about-section-four .image-column .inner-column .image-one img,
.container .container,
.default-tabs .tab .image img,
.menubars span:nth-child(2),
.news-block .content-box .title:hover span::before,
.news-block .content-box .title:hover strong::before,
.product-details .bxslider .image-box img,
.service_single_item-2 .service-img img,
.why-choose-us-section .choose-thumb img {
      width: 100%
}

.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
      padding-left: 0;
      padding-right: 0
}

section>.container,
section>.container-fluid {
      padding-top: var(--container-pt);
      padding-bottom: var(--container-pt)
}

@media (min-width:1400px) {

      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
            max-width: var(--container-width)
      }
}

.form-control,
.input-text {
      height: calc(2.25rem + 27px);
      padding: 14px 30px;
      outline: 0;
      background-color: #1a1a1a;
      border: 1px solid #222;
      color: #686a6f;
      font-size: .9rem;
      width: 100%
}

.form-control::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
      color: #686a6f;
      opacity: 1
}

.form-control::-moz-placeholder,
.input-text::-moz-placeholder {
      color: #686a6f;
      opacity: 1
}

.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
      opacity: 1;
      color: #686a6f
}

.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
      opacity: 1;
      color: #686a6f
}

.form-control::placeholder,
.input-text::placeholder {
      color: #686a6f;
      opacity: 1
}

textarea.form-control {
      height: auto;
      padding-top: 15px;
      padding-bottom: 15px
}

.form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0
}

.play-now .ripple,
.play-now .ripple:before,
.ripple,
.ripple:after,
.ripple:before {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6)
}

.dark-layout {
      background-color: var(--theme-color-black) !important;
      --sec-title-color: var(--theme-color-white)
}

.btn-style-four.hover-dark:hover,
.btn-style-four.light-bg:hover,
.btn-style-four.transparent-bg:hover,
.contact-info-box,
.contact-list-one li a,
.dark-layout .sticky-header .main-menu .navigation>li>a,
.dark-layout h1,
.dark-layout h2,
.dark-layout h3,
.dark-layout h4,
.dark-layout h5,
.dark-layout h6,
.header-btn-main:hover,
.hero-4 .social-icon-list1 a,
.hero-4 .social-icon-list1 span,
.hidden-bar .text-box .text,
.hidden-bar .text-box .title,
.list-style-one li a,
.play-now,
.play-now:hover,
.scroll-to-top,
.scroll-to-top:hover,
.social-icon-one.light li a,
.testimonial-box-items-3 .content .client-info .info-title .title {
      color: var(--theme-color-white)
}

.dark-layout .preloader,
.dark-layout .sticky-header,
.team-contact-form {
      background-color: var(--theme-color-black)
}

.dark-layout .preloader:after {
      background-image: url(../images/logo.png)
}

.dark-layout .hidden-bar .upper-box {
      border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.dark-layout .hidden-bar .social-links {
      border-top: 1px solid rgba(0, 0, 0, .1)
}

.dark-layout .hidden-bar .social-links li {
      border-right: 1px solid rgba(0, 0, 0, .1)
}

* {
      outline: 0;
      font-size: 100%
}

textarea {
      resize: none
}

button {
      cursor: pointer;
      background: 0 0
}

img {
      display: inline-block;
      max-width: 100%;
      height: auto
}

.title a {
      color: inherit
}

.about-content-style-3 .about-btn a:hover,
.accordion-box .block .acc-btn.active .icon,
.banner-section .follow-us .social-links :hover,
.color1,
.contact-section-two .contact-btn a:hover,
.footer-bottom .footer-links-wrapper a:hover,
.footer-main-wrapper-4 .footer-widget3 .user-links3 li:hover a,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .icon-box .icon,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li:hover a,
.footer-style-two .social-widget .social-icon-list1 li a:hover,
.footer-style-two .user-links li a:hover,
.hero-4 .social-icon-list1 a:hover,
.hidden-bar .social-links li a:hover,
.list-style-three li i,
.main-header .ui-btn:hover,
.main-menu .navigation>li>a:hover,
.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu .navigation li.current>a,
.mobile-menu .navigation li:hover>a,
.mobile-menu .social-links li a:hover,
.news-block .blog-single-box.style_two .content-box .blog-author span a,
.news-block .content-box .title:hover,
.news-block .content-box .title:hover strong,
.play-btn:hover .icon,
.sec-title h2 .theme-color,
.service_single_item-2 .service_content .title:hover,
.service_single_item-2:hover .service-no,
.social-icon-one li a:hover,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .mobile-nav-toggler,
.user-links li a:hover,
.work-box-items-3 .work-content .content .title a span,
.work-single-box-two .work-content .title:hover {
      color: var(--theme-color1)
}

.apply-button2:hover span,
.btn-style-four.hover-light:hover,
.color2,
.shop-sidebar .category-widget .category-list li a:hover,
.skills.style-two .skill-item .skill-bar .bar-inner .skill-percentage,
.social-icon-one.light li a:hover,
.theme-style-btn a:hover,
table.cart-total .coupon-form .apply-button:hover span,
table.tbl-shopping-cart .coupon-form .apply-button:hover span {
      color: var(--theme-color2)
}

.color3,
.skills .skill-item .skill-bar .bar-inner .skill-percentage,
.skills .skill-item .skill-header .skill-title {
      color: var(--theme-color3)
}

.page-wrapper {
      position: relative;
      margin: 0 auto;
      width: 100%;
      min-width: 300px;
      z-index: 99;
      background-color: #0a0a0a
}

.auto-container,
.large-container,
.small-container {
      position: static;
      padding: 0 15px;
      margin: 0 auto;
      width: 100%
}

.large-container {
      max-width: var(--large-container-width)
}

.auto-container {
      max-width: var(--container-width)
}

.small-container {
      max-width: var(--small-container-width)
}

.pull-right,
.user-links li a i {
      float: right
}

.pull-left {
      float: left
}

.dropdown-toggle::after,
.list-style-one li:last-child::before {
      display: none
}

.scroll-to-top {
      position: relative;
      left: 10px;
      width: 146px;
      height: 70px;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      cursor: pointer;
      background-color: var(--theme-color2);
      z-index: 100;
      border-bottom-right-radius: 20px;
      -webkit-transition: .3s;
      transition: .3s;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-transform: uppercase
}

.scroll-to-top span {
      margin-left: 15px;
      font-size: 20px
}

.list-style-one li,
.list-style-one li i,
.list-style-three li,
.list-style-two li {
      font-size: var(--sec-title-subtitle-font-size);
      color: var(--theme-color-white)
}

.back-to-top-btn,
.scroll-to-top:hover,
.team-single-box-two:hover .designation:before,
.theme-btn-arrow-left,
.theme-buton a,
.theme-buton a i,
.theme-buton.style_two a::before,
.work-box-items-3 .work-content .content .theme-buton a::before,
.work-single-box .work-content .theme-buton a::before {
      background: var(--theme-color1)
}

.list-style-one {
      position: relative;
      padding: 17px 0;
      display: flex;
      gap: 60px
}

.list-style-one li {
      position: relative;
      display: flex
}

.list-style-one li::before {
      position: absolute;
      content: "";
      right: -32px;
      top: 12px;
      width: 4px;
      height: 4px;
      border-radius: 50px;
      display: inline-block;
      background-color: var(--theme-color-white)
}

.featured-products .filters li:last-child,
.footer-bottom .footer-links-wrapper a:last-child,
.list-style-one li:last-child,
.main-header .header-lower .outer-box .ui-btn-outer,
.main-menu .navigation>li:last-child,
.service-bg-color-3 .swiper-slide-next .service-card-style-3,
.social-icon-one li:last-child,
.social-icon-two li:last-child,
.why-choose-us-section .column-right .choose-single-box {
      margin-right: 0
}

.list-style-one li i {
      position: relative;
      top: 0;
      line-height: 26px;
      margin-right: 10px;
      text-align: center;
      font-weight: 400
}

.list-style-three li i,
.list-style-two li i {
      font-size: 14px;
      line-height: 25px;
      position: relative;
      margin-right: 10px
}

.list-style-one li a {
      display: block;
      -webkit-transition: .3s;
      transition: .3s
}

.list-style-one li a:hover {
      opacity: .7
}

.list-style-one.light a,
.list-style-one.light i,
.list-style-one.light li,
.list-style-three.light i,
.list-style-three.light li,
.list-style-two.light i,
.list-style-two.light li {
      color: var(--theme-color-white) !important
}

.about-content-style-3,
.about-section .image-column .inner-column,
.about-section-3,
.about-section-two .image-column,
.about-section-two .image-column .image-1,
.accordion-box,
.banner-box-two,
.bg-cover,
.choose-us-image-style-3,
.contact-widget,
.cta-video-section,
.default-tabs .tab-buttons,
.default-tabs .tabs-content,
.footer-main-wrapper-4 .footer-column .subscribe-widget,
.footer-style-two .subscribe-widget,
.list-style-three,
.list-style-two,
.main-footer .about-widget,
.main-footer .footer-widget,
.main-menu,
.news-block .image-box,
.pricing-section-4,
.process-border,
.process-section-two .process-img .image-box,
.project-details-btn .theme-btn,
.range-slider,
.room-facility-list,
.sidebar__search-form,
.skill-section,
.social-icon-two li a i,
.success-box-items-3,
.team-single-box .inner-box,
.testimonial-slider,
.toggle-hidden-bar,
.user-links,
.why-choose-us-section-1 {
      position: relative
}

.list-style-two li {
      position: relative;
      line-height: 20px;
      margin-bottom: 19px
}

.list-style-two li i {
      width: 25px;
      height: 25px;
      text-align: center;
      color: var(--theme-color2);
      border-radius: 0 50px 50px;
      background-color: var(--theme-color1)
}

.list-style-three li {
      position: relative;
      line-height: 20px;
      margin-bottom: 12px
}

.contact-desc,
.contact-forms-two .form-group .theme-btn:hover,
.contact-forms-two .form-group input[type=submit]:hover,
.contact-info h4,
.contact-info p,
.footer-main-wrapper-4 .contacts-widget .contact-us:hover .icon,
.footer-main-wrapper-4 .contacts-widget .contact-us:hover .title,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box:hover .icon-box .icon,
.help-contact a:hover,
.pricing-single-bx .inner-box .pricing-btn a:hover,
.search-popup .form-group button:hover,
.sec-title.style_color .sub-title,
.sec-title.style_color h1,
.sec-title.style_color h2,
.service-section-seven.style-inner .service-block_seven .text,
.service-section-seven.style-inner .service-block_seven .title a,
.social-icon-one li a,
.social-icon-two li a:hover,
.submit-btn:hover,
.team-single-box .inner-box:hover .designation,
.team-single-box .inner-box:hover .name a,
.team-single-box-two:hover .designation,
.team-single-box-two:hover .name a,
.theme-btn,
.theme-btn-arrow-left,
.theme-btn-arrow-right,
.theme-buton a,
.theme-buton a i,
.theme-buton a:hover,
.theme-buton-style-three a:hover,
.theme-buton.style_two a:hover,
.theme-buton.style_two a:hover i,
.work-box-items-3 .work-content .content .theme-buton a:hover,
.work-single-box .work-content .theme-buton a:hover {
      color: var(--theme-color-black)
}

.social-icon-one {
      position: relative;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.social-icon-one li {
      margin-left: 20px;
      display: inline-block
}

.main-header .header-lower .outer-box,
.main-header .main-box,
.main-menu .navigation>li>a,
.project-details__social,
.project-details__social a,
.social-icon-two,
.social-icon-two li {
      display: -webkit-box;
      display: -ms-flexbox;
      position: relative
}

.social-icon-one li a {
      position: relative;
      display: block;
      font-size: 16px;
      line-height: 1em
}

.social-icon-two {
      display: flex
}

.bg,
.social-icon-two li a::before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%
}

.social-icon-two li {
      display: flex;
      margin-right: 13px
}

.social-icon-two li a {
      position: relative;
      display: block;
      height: 45px;
      width: 45px;
      border-radius: 50%;
      font-size: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--body-bg);
      background-color: transparent;
      border: 1px solid var(--body-bg);
      -webkit-transition: .3s;
      transition: .3s
}

.social-icon-two li a::before {
      -webkit-transform: scale(0);
      transform: scale(0);
      border-radius: 50px;
      background-color: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s;
      content: ""
}

.contact-forms .form-group .theme-btn:hover:before,
.contact-forms .form-group input[type=submit]:hover:before,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box:hover .icon-box:before,
.news-block .blog-single-box.style_two .image img,
.social-icon-two li a:hover:before,
.submit-btn:hover:before,
.theme-buton a:hover:before,
.theme-buton-style-three a:hover:before {
      -webkit-transform: scale(1);
      transform: scale(1)
}

.featured-products .filters .filter-tabs,
.nav-style-one .next .icon,
.nav-style-one .prev .icon,
.play-btn,
.product-details .bxslider .thumb-box li a {
      position: relative;
      display: inline-block
}

.play-btn .icon {
      color: var(--theme-color2);
      font-size: 35px;
      -webkit-transition: .3s;
      transition: .3s
}

.play-now {
      width: 65px;
      height: 65px;
      font-size: 18px;
      font-weight: 500;
      margin-top: 60px;
      line-height: 63px;
      text-align: center;
      border-radius: 100px;
      border: 1px solid var(--theme-color-white)
}

@media only screen and (max-width:1199px) {
      .play-now {
            margin-top: 0
      }
}

.play-now:hover {
      border-color: var(--theme-color3);
      background-color: var(--theme-color3)
}

.ripple,
.ripple:after,
.ripple:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 65px;
      height: 65px;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -webkit-animation: 3s infinite ripple;
      animation: 3s infinite ripple
}

.bounce-animate,
.bounce-animate-3,
.bounce-animate-slow,
.bounce-animate2,
.bounce-animate3,
.bounce-animate4,
.bounce-animate5,
.rotateme {
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear
}

.bounce-animate,
.bounce-animate-slow,
.bounce-animate2,
.bounce-animate3,
.bounce-animate4,
.bounce-animate5 {
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: linear;
      -o-animation-iteration-count: infinite;
      -o-animation-timing-function: linear
}

.ripple:before {
      -webkit-animation-delay: .9s;
      animation-delay: .9s;
      content: "";
      position: absolute
}

.ripple:after {
      -webkit-animation-delay: .6s;
      animation-delay: .6s;
      content: "";
      position: absolute
}

@-webkit-keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 50px rgba(233, 35, 47, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 0 rgba(233, 35, 47, 0)
      }
}

@keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 50px rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 50px rgba(233, 35, 47, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(233, 35, 47, 0);
            box-shadow: 0 0 0 0 rgba(233, 35, 47, 0)
      }
}

.select2-dropdown {
      border: 1px solid #eee
}

.select2-results__option {
      padding: 0 10px;
      color: #7c858c;
      border: 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #7c858c;
      padding-left: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
      background-color: var(--bg-theme-color1)
}

.select2-container--default .select2-search--dropdown .select2-search__field {
      height: 30px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
      bottom: 1px;
      height: auto;
      width: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 12px;
      color: #7c858c
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
      position: relative;
      content: "\f107";
      font-family: "Font Awesome 6 Pro"
}

.brand-carousel .owl-dots,
.default-tabs .tab,
.main-menu .navbar-header,
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul,
.more-text,
.news-block .blog-single-box.style_two .title::before,
.page-breadcrumb li:last-child::after,
.pricing-section .nav .nav-link:last-child::after,
.pricing-section .nav .nav-link:last-child::before,
.pricing-section-4 .nav .nav-link:last-child::after,
.pricing-section-4 .nav .nav-link:last-child::before,
.product-block.mix,
.product-discription .tabs-content .tab,
.products-carousel .owl-nav,
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.sticky-header .main-menu .navigation>li:before,
.sticky-header .navbar-header,
.sticky-header .outer-box,
.style_three .marquee .text:before,
.user-links li:last-child a:before,
.widgets-section.style_two::after {
      display: none
}

.product-details .product-info .product-details__buttons-1 .theme-btn,
.product-details .product-info .product-details__buttons-2 .theme-btn,
.select2-container--default .select2-selection--single {
      border-radius: 0
}

.blog-details__social-list,
.default-navs .owl-nav,
.hero-3 .hero-content .hero-button-items .client-item .client-image,
.process-section-two .process-bx .process-conten .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.default-navs .owl-next,
.default-navs .owl-prev {
      display: block;
      width: 52px;
      height: 52px;
      font-size: 16px;
      font-weight: 700;
      line-height: 52px;
      color: var(--theme-color-black);
      background: #fff;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 50%;
      margin-right: 10px
}

.default-navs .owl-next:hover,
.default-navs .owl-prev:hover,
.testimonial-content-style-3 .array-button .array-next:hover,
.testimonial-content-style-3 .array-button .array-prev:hover {
      background-color: var(--theme-color-black);
      color: var(--theme-color-white)
}

.default-dots .owl-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%
}

.default-dots .owl-dots .owl-dot {
      height: 20px;
      width: 20px;
      border: 2px solid #3d0de5;
      background-color: transparent;
      margin: 0 5px;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 50%
}

.default-dots .owl-dots .owl-dot.active {
      background-color: #270ad9;
      border-radius: 50%;
      border: 2px solid #270ad9
}

.nav-style-one {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 9
}

.nav-style-one .next,
.nav-style-one .prev {
      margin-right: 38px;
      padding: 18px 25px 18px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}

.nav-style-one .next .icon:before,
.nav-style-one .prev .icon:before {
      position: absolute;
      top: 0;
      margin-top: -20px;
      right: -25px;
      height: 52px;
      width: 52px;
      border: 1px dotted #fff;
      border-radius: 100px;
      content: "";
      z-index: -1;
      -webkit-transition: .3s;
      transition: .3s
}

.nav-style-one .next:hover .icon:before,
.nav-style-one .prev:hover .icon:before {
      background-color: rgba(255, 255, 255, .15);
      width: 125px
}

.nav-style-one .prev {
      margin-right: 0;
      padding-left: 25px;
      padding-right: 0
}

.nav-style-one .prev .icon:before {
      left: -25px;
      right: auto
}

.nav-style-one .swiper-button-disabled {
      opacity: .5;
      pointer-events: none
}

.nav-style-one.dark .next .icon:before,
.nav-style-one.dark .prev .icon:before {
      border: 1px solid #797979
}

.preloader:before {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center;
      margin: 30px auto 0;
      color: var(--theme-color-black);
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 1px;
      content: "Loading";
      text-transform: uppercase;
      -webkit-transition: none;
      transition: none
}

.preloader .loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 100px;
      height: 100px;
      margin: -75px 0 0 -50px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #9370db;
      -webkit-animation: 2s linear infinite spin;
      animation: 2s linear infinite spin
}

.preloader .loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #ba55d3;
      -webkit-animation: 3s linear infinite spin;
      animation: 3s linear infinite spin
}

.preloader .loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #f0f;
      -webkit-animation: 1.5s linear infinite spin;
      animation: 1.5s linear infinite spin
}

@-webkit-keyframes spin {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@keyframes spin {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

.default-tabs .tab-buttons li {
      position: relative;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

.default-tabs .tab-buttons li:last-child,
.sidebar-service-list,
.team-single-box-two .image-box figure,
.work-single-box-two .work-box-inner.style-two .work-content p {
      margin: 0
}

.default-tabs .tab .image,
.project-box-style-4 .images-box,
.team-single-box .image-box {
      position: relative;
      overflow: hidden
}

.accordion-box .block .acc-content.current,
.default-tabs .tab.active-tab,
.hero-3 .hero-content .hero-button-items .client-item .happy-title span,
.product-discription .tabs-content .tab.active-tab {
      display: block
}

.blockquote-style-one {
      position: relative;
      font-size: 16px;
      line-height: 24px;
      color: var(--theme-color-black);
      padding: 13px 25px;
      background-color: #fff;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: 800;
      margin-bottom: 30px;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
      box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.blockquote-style-one:before {
      position: absolute;
      left: 0;
      top: 10px;
      bottom: 10px;
      width: 4px;
      z-index: 2;
      background-color: var(--theme-color1);
      content: ""
}

.skills.style-two .skill-item .skill-bar,
.skills.style-two .skill-item .skill-bar .bar-inner .bar {
      height: 10px
}

.skills.style-two .skill-item .skill-bar .bar-inner {
      height: 10px;
      background-color: transparent;
      border: 1px solid #e6e0fa
}

.skills.style-two .skill-item .skill-bar .bar-inner .bar:before {
      content: "";
      position: absolute;
      top: -5px;
      right: -2px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 5px solid var(--theme-color2);
      background-color: var(--theme-color-white)
}

.footer-style-two.style-two,
.skills .skill-item .skill-bar .bar-inner .bar {
      background-color: var(--theme-color2)
}

.array-button {
      gap: 14px
}

.array-button .array-next,
.array-button .array-prev {
      height: 64px;
      width: 64px;
      color: var(--theme-color1);
      background-color: transparent;
      border: 1px dashed var(--theme-color1);
      line-height: 64px;
      border-radius: 50%;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.array-button .array-next:hover,
.array-button .array-prev:hover,
.contact-form-style-3 .form-group .submit-btn,
.contact-form-style-3 .form-group .submit-btn i,
.contact-forms .submit-btn,
.contact-forms .submit-btn i,
.footer-main-wrapper-4 .footer-column .social-widget .social-icon-list1 li a:hover,
.project-box-style-4 .content .post-box:hover,
.theme-btn-main.header-style-btn:hover .theme-btn,
.work-single-box-two .work-img .work-buton a:hover {
      background-color: var(--theme-color1);
      color: var(--theme-color-black)
}

.section-padding {
      padding: 120px 0
}

.theme-color1-bg {
      background-color: var(--theme-color1) !important
}

.theme-color-black {
      color: var(--theme-color-black) !important
}

.brand-section-3,
.theme-color-bg {
      background: #0a0a0a
}

.d-blocks {
      display: block !important
}

@media (min-width:1022px) and (max-width:1199px) {
      .d-blocks {
            display: block !important
      }
}

.preloader {
      position: fixed;
      height: 100vh;
      width: 100%;
      left: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: 0 0;
      z-index: 99999
}

.back-to-top-btn,
.back-to-top-wrapper {
      width: 44px;
      height: 44px;
      border-radius: 50%
}

.preloader svg {
      position: absolute;
      top: 0;
      width: 100vw;
      height: 110vh;
      fill: var(--theme-color-black);
      -webkit-box-shadow: rgba(0, 0, 0, .5) 0 8px 24px;
      box-shadow: rgba(0, 0, 0, .5) 0 8px 24px
}

.submit-btn i,
.theme-buton a i,
.theme-buton-style-three a i {
      right: -60px;
      height: 60px;
      width: 60px;
      line-height: 60px;
      text-align: center
}

.preloader.two svg {
      fill: var(--theme-color1);
      -webkit-box-shadow: rgba(0, 0, 0, .5) 0 8px 24px;
      box-shadow: rgba(0, 0, 0, .5) 0 8px 24px
}

.preloader .preloader-heading .load-text {
      font-size: 30px;
      color: var(--theme-color1);
      font-weight: var(--wt-fw-regular);
      letter-spacing: 15px;
      font-family: var(--heading-font-family);
      text-transform: uppercase;
      z-index: 20
}

.load-text span {
      -webkit-animation: 1s infinite alternate loading;
      animation: 1s infinite alternate loading
}

.load-text span:first-child {
      -webkit-animation-delay: 0s;
      animation-delay: 0s
}

.load-text span:nth-child(2) {
      -webkit-animation-delay: .1s;
      animation-delay: .1s
}

.load-text span:nth-child(3) {
      -webkit-animation-delay: .2s;
      animation-delay: .2s
}

.load-text span:nth-child(4) {
      -webkit-animation-delay: .3s;
      animation-delay: .3s
}

.load-text span:nth-child(5) {
      -webkit-animation-delay: .4s;
      animation-delay: .4s
}

.load-text span:nth-child(6) {
      -webkit-animation-delay: .5s;
      animation-delay: .5s
}

.load-text span:nth-child(7) {
      -webkit-animation-delay: .6s;
      animation-delay: .6s
}

@-webkit-keyframes loading {
      0% {
            opacity: 1
      }

      100% {
            opacity: 0
      }
}

@keyframes loading {
      0% {
            opacity: 1
      }

      100% {
            opacity: 0
      }
}

.back-to-top-wrapper {
      position: fixed;
      right: 50px;
      bottom: 0;
      cursor: pointer;
      display: block;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .4s;
      transition: .4s
}

.back-to-top-wrapper.back-to-top-btn-show {
      visibility: visible;
      opacity: 1;
      bottom: 50px
}

.back-to-top-btn {
      display: inline-block;
      line-height: 44px;
      text-align: center;
      -webkit-box-shadow: 0 8px 16px rgba(3, 4, 28, .3);
      box-shadow: 0 8px 16px rgba(3, 4, 28, .3);
      color: var(--theme-color-black);
      -webkit-transition: .4s;
      transition: .4s
}

.back-to-top-btn svg {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
      color: var(--theme-color-black)
}

.back-to-top-btn:hover {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px)
}

.back-to-top-btn.two {
      background: -webkit-gradient(linear, left top, right top, from(#fca528), color-stop(48.87%, #e22eab), to(#921fea));
      background: linear-gradient(90deg, #fca528 0, #e22eab 48.87%, #921fea 100%)
}

.swiper-dot-2 .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      -webkit-transition: .6s;
      transition: .6s;
      background-color: var(--theme-color1);
      opacity: 1;
      border-radius: 6px
}

.about-content-style-3 .about-list-items,
.swiper-dot-2 .swiper-pagination-bullet:not(:last-child) {
      margin-right: 15px
}

.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: ar(--theme-color1);
      -webkit-transition: .6s;
      transition: .6s;
      position: relative
}

.theme-btn,
.theme-btn-arrow-left,
.theme-btn-main {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      -webkit-transition: .4s
}

.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
      position: absolute;
      width: 22px;
      height: 22px;
      line-height: 22px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background-color: transparent;
      border: 1px solid var(--theme-color1);
      content: ""
}

.theme-btn-main.border-style-btn .theme-btn,
.theme-btn-main.border-style-btn .theme-btn-arrow-right {
      background: 0 0;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .3)
}

.service-card-style-4:hover .arrow-icon,
.theme-btn-main.border-style-btn:hover .theme-btn,
.theme-btn-main.border-style-btn:hover .theme-btn-arrow-left {
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      border: 1px solid var(--theme-color1)
}

.theme-btn-main.header-style-btn .theme-btn,
.theme-btn-main.header-style-btn .theme-btn-arrow-right {
      color: var(--theme-color-white);
      background: var(--body-bg)
}

.btn-style-four.dark-bg::before,
.btn-style-four.transparent-bg::before,
.footer-main-wrapper-4 .contacts-widget .contact-us:hover,
.marquee-section,
.marquee-section-h3,
.marquee-section-two,
.testimonial-section-3,
.testimonial-slider .array-button .array-next:hover,
.testimonial-slider .array-button .array-prev:hover,
.theme-btn-main.header-style-btn:hover .theme-btn-arrow-left,
.theme-btn-main.header-style-btn:hover .theme-btn-arrow-right,
.work-box-items-3 .work-content .content .border-style-btn:before {
      background-color: var(--theme-color1)
}

.theme-btn-main {
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 1px;
      position: relative;
      transition: .4s
}

.theme-btn,
.theme-btn-arrow-left {
      display: inline-flex;
      transition: .4s
}

.theme-btn-main:hover .theme-btn-arrow-left {
      background-color: var(--theme-color-white);
      scale: 1
}

.theme-btn-main:hover .theme-btn-arrow-right {
      background-color: var(--theme-color-white);
      scale: 0
}

.theme-btn-main:hover .theme-btn {
      background-color: var(--theme-color-white);
      -webkit-transform: translateX(56px);
      transform: translateX(56px)
}

.theme-btn-arrow-left {
      width: 56px;
      height: 56px;
      line-height: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      scale: 0;
      left: 0;
      right: auto;
      position: absolute
}

.theme-btn,
.theme-btn-arrow-right {
      -webkit-box-align: center;
      background: var(--theme-color1)
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next span.fa-solid.fa-arrow-left,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev span.fa-solid.fa-arrow-left,
.theme-btn-arrow-left i {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
}

.theme-btn {
      font-weight: 500;
      font-size: 16px;
      padding: 15px 39.72px;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      border-radius: 100px;
      text-transform: capitalize
}

.theme-btn-arrow-right {
      width: 56px;
      height: 56px;
      line-height: 1;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: -1px;
      border-radius: 50%;
      -webkit-transition: .4s;
      transition: .4s
}

.submit-btn,
.theme-buton a,
.theme-buton-style-three a {
      display: inline-block;
      font-weight: 500;
      position: relative;
      z-index: 1
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next span.fa-solid.fa-arrow-right,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev span.fa-solid.fa-arrow-right,
.theme-btn-arrow-right i {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
}

.theme-color-white2:hover .theme-btn,
.theme-color-white2:hover .theme-btn-arrow-left,
.theme-color-white2:hover .theme-btn-arrow-right {
      background-color: var(--theme-color-white) !important;
      color: var(--theme-color2) !important
}

.theme-buton a {
      border: 0;
      font-size: 18px;
      padding: 18px 44px;
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s
}

.theme-buton a i,
.theme-buton a:before {
      -webkit-transition: .5s;
      position: absolute;
      top: 0
}

.theme-buton a:before {
      content: "";
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: var(--theme-color-white);
      border-radius: 100px;
      transition: .5s;
      -webkit-transform: scale(0);
      transform: scale(0)
}

.theme-buton a i {
      border-radius: 50%;
      font-size: 16px;
      transition: .5s;
      font-weight: var(--h3-font-weight);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
}

.theme-buton.style_two a,
.theme-buton.style_two a i {
      border: 1px solid var(--text-color);
      color: var(--theme-color-white)
}

.theme-buton a:hover i {
      background: var(--theme-color-white);
      -webkit-transform: scale(1);
      transform: scale(1)
}

.theme-buton.style_two a {
      background: 0 0
}

.theme-buton.style_two a i {
      background-color: transparent
}

.theme-buton.style_two a:hover {
      border: 1px solid rgba
}

.theme-buton.style_two a:hover i {
      background: var(--theme-color1);
      border: 1px solid var(--theme-color1)
}

.style_five a {
      padding: 14px 40px;
      font-size: 16px;
      margin-top: 31px
}

.submit-btn,
.theme-buton-style-three a {
      border: 0;
      font-size: 18px;
      color: var(--theme-color-white);
      padding: 18px 44px;
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--body-bg)
}

.submit-btn:before,
.theme-buton-style-three a:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: var(--theme-color1);
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: scale(0);
      transform: scale(0)
}

.theme-style-btn a::after,
.theme-style-btn a::before {
      right: -35px;
      top: 62%;
      line-height: 70px;
      z-index: -1;
      position: absolute;
      content: ""
}

.submit-btn i,
.theme-buton-style-three a i {
      position: absolute;
      top: 0;
      border-radius: 50%;
      font-size: 16px;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--body-bg);
      font-weight: var(--h3-font-weight);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      color: var(--theme-color-white)
}

.header-btn-main,
.theme-btn-work,
.theme-style-btn a {
      font-size: 18px;
      font-weight: 500
}

.submit-btn:hover i,
.theme-buton-style-three a:hover i,
.work-box-items-3 .work-content .content .theme-buton a:hover i,
.work-single-box .work-content .theme-buton a:hover i {
      background: var(--theme-color1);
      -webkit-transform: scale(1);
      transform: scale(1);
      color: var(--theme-color-black)
}

.theme-buton.style_four a {
      font-size: 16px;
      padding: 15px 41px
}

.theme-btn.small {
      padding: 10px 40px;
      line-height: 20px;
      font-size: 12px
}

.theme-style-btn a {
      color: var(--theme-color3);
      position: relative;
      z-index: 1
}

.theme-style-btn a::before {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 70px;
      width: 70px;
      border-radius: 50%;
      background: var(--theme-color1);
      -webkit-transition: .5s;
      transition: .5s
}

.theme-style-btn a::after {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 0;
      width: 0;
      border-radius: 50%;
      border: 2px solid var(--theme-color2);
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 0
}

.theme-style-btn a:hover::after {
      opacity: 1;
      width: 70px;
      height: 70px
}

.pricing-single-bx .inner-box:hover .feature::before,
.process-section-two .process-bx .process-conten:hover .number::before,
.theme-style-btn a:hover::before {
      opacity: 0
}

.blog-details__meta li+li,
.theme-style-btn a img {
      margin-left: 18px
}

.theme-style-btn.two a::before {
      background: var(--theme-color4)
}

.header-btn-main {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 100px;
      color: var(--theme-color-black);
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      line-height: 1;
      padding: 15px 26.2px 17px;
      -webkit-transition: .3s;
      transition: .3s
}

.header-btn-main:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      content: "";
      background-color: var(--theme-color-black);
      border-radius: inherit;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      transition: transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

.about-section figure,
.about-section img,
.accordion-box .block .acc-btn .icon:before,
.contact-section-two,
.header-btn-main .header-theme-btn,
.pricing-img-column,
.pricing-main-bx,
.pricing-section,
.process-section,
.services-section-two,
.skill-section .skill-img,
.team-single-box-two .image-box,
.why-choose-us-section,
.work-section-two,
.work-single-box-two .work-img {
      position: relative;
      z-index: 1
}

.header-btn-main .header-btn-arrow-right {
      color: var(--theme-color-black);
      font-size: 16px;
      position: relative;
      -webkit-transform: rotate(-34deg);
      transform: rotate(-34deg);
      margin-left: 8px;
      z-index: 1;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four:hover:before,
.featured-products .filters li.active:before,
.featured-products .filters li:hover:before,
.header-btn-main:hover:before {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transform-origin: bottom left;
      transform-origin: bottom left
}

.header-btn-main:hover .header-btn-arrow-right {
      color: var(--theme-color-white);
      -webkit-transform: rotate(0);
      transform: rotate(0)
}

.theme-btn-work {
      line-height: 1;
      text-transform: uppercase;
      color: var(--theme-color-white);
      display: inline-block;
      position: relative;
      padding-left: 32px;
      -webkit-transition: .3s;
      transition: .3s
}

.theme-btn-work:hover {
      color: var(--theme-color-white);
      padding-left: 0;
      padding-right: 32px
}

.theme-btn-work:hover:before {
      -webkit-transform: translateX(70px);
      transform: translateX(70px)
}

.theme-btn-work:before {
      position: absolute;
      content: "";
      background-color: var(--theme-color1);
      width: 63px;
      height: 63px;
      border-radius: 50%;
      top: -22px;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      left: 0;
      z-index: -1;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four {
      position: relative;
      font-size: 16px;
      font-weight: 600;
      line-height: var(--body-line-height);
      border-radius: 60px;
      padding: 6px 6px 6px 30px;
      background-color: var(--theme-color1);
      border: 1px solid transparent;
      text-transform: capitalize;
      gap: 24px;
      z-index: 0;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four:hover .btn-title,
.footer-bottom .copyright-text a:hover,
.page-breadcrumb li a:hover,
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before,
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before,
table.cart-total .variation-size,
table.tbl-shopping-cart .variation-size,
table.tbl-shopping-cart>tbody>tr>th,
table.tbl-shopping-cart>tfoot>tr>th,
table.tbl-shopping-cart>thead>tr>th {
      color: #fff
}

.btn-style-four .btn-title {
      color: #222;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four .dot-box,
.btn-style-four .icon {
      background-color: #222;
      border-radius: 50%;
      font-size: 12px;
      -webkit-transition: .3s;
      color: var(--theme-color-white);
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center
}

.btn-style-four .icon {
      margin-left: 12px;
      transition: .3s
}

.btn-style-four .dot-box {
      margin-left: 0;
      position: relative;
      transition: .3s
}

.btn-style-four .dot-box .dot-item,
.btn-style-four .dot-box .dot-item:before {
      -webkit-transition: .3s;
      background-color: var(--theme-color-white);
      border-radius: 50%;
      height: 5px;
      width: 5px;
      position: absolute
}

.btn-style-four .dot-box .dot-item {
      display: inline-block;
      left: calc(50% + 3px);
      top: calc(50% - 2.5px);
      transition: .3s
}

.btn-style-four .dot-box .dot-item:before {
      content: "";
      left: -7px;
      top: -7px;
      transition: .3s
}

.btn-style-four .dot-box .dot-item:after {
      background-color: var(--theme-color-white);
      border-radius: 50%;
      content: "";
      position: absolute;
      left: -7px;
      bottom: -7px;
      height: 5px;
      width: 5px;
      -webkit-transition: .3s;
      transition: .3s
}

.btn-style-four:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 101%;
      height: 100%;
      content: "";
      border-radius: 0;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      background-color: #222;
      transition: transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      z-index: -1
}

.btn-style-four:hover {
      color: var(--theme-color-white);
      border-color: rgba(248, 248, 248, .2)
}

.btn-style-four:hover .icon {
      background-color: #222;
      color: var(--theme-color-white)
}

.btn-style-four:hover .dot-box {
      background-color: var(--theme-color1);
      color: var(--theme-color-white)
}

.btn-style-four:hover .dot-box .dot-item {
      left: calc(50% - 7px);
      top: calc(50% - 2.5px);
      background-color: #222
}

.btn-style-four:hover .dot-box .dot-item:before {
      left: 7px;
      top: 7px;
      background-color: #222
}

.btn-style-four:hover .dot-box .dot-item:after {
      left: 7px;
      bottom: 7px;
      background-color: #222
}

.btn-style-four.dark-bg {
      color: var(--theme-color-white);
      background-color: var(--theme-color9)
}

.btn-style-four.dark-bg:hover {
      color: var(--text-color-theme-color1)
}

.btn-style-four.light-bg {
      background-color: var(--theme-color-white);
      border: 1px solid var(--theme-color-white);
      color: var(--theme-color1)
}

.btn-style-four.hover-dark:before,
.btn-style-four.light-bg::before {
      background-color: var(--theme-color-dark)
}

.btn-style-four.transparent-bg {
      background-color: transparent;
      border: 1px solid var(--theme-color-white);
      color: var(--theme-color-white)
}

.apply-button2:hover,
.btn-style-four.hover-light:before,
.contact-form-style-3 .form-group .submit-btn::before,
.contact-form-style-3 .form-group .submit-btn:hover i,
.contact-forms .submit-btn::before,
.contact-forms .submit-btn:hover i,
.testimonial-slider .array-button .array-prev:hover {
      background-color: var(--theme-color-white)
}

.bounce-animate {
      -webkit-animation-name: float-bob;
      animation-name: float-bob;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -moz-animation-name: float-bob;
      -moz-animation-duration: 2s;
      -ms-animation-name: float-bob;
      -ms-animation-duration: 2s;
      -o-animation-name: float-bob;
      -o-animation-duration: 2s
}

.bounce-animate2 {
      -webkit-animation-name: float-bob2;
      animation-name: float-bob2;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -moz-animation-name: float-bob2;
      -moz-animation-duration: 3s;
      -ms-animation-name: float-bob2;
      -ms-animation-duration: 3s;
      -o-animation-name: float-bob2;
      -o-animation-duration: 3s
}

.bounce-animate3 {
      -webkit-animation-name: float-bob3;
      animation-name: float-bob3;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -moz-animation-name: float-bob3;
      -moz-animation-duration: 3s;
      -ms-animation-name: float-bob3;
      -ms-animation-duration: 3s;
      -o-animation-name: float-bob3;
      -o-animation-duration: 3s
}

.bounce-animate4 {
      -webkit-animation-name: float-bob4;
      animation-name: float-bob4;
      -webkit-animation-duration: 5s;
      animation-duration: 5s;
      -moz-animation-name: float-bob4;
      -moz-animation-duration: 5s;
      -ms-animation-name: float-bob4;
      -ms-animation-duration: 5s;
      -o-animation-name: float-bob4;
      -o-animation-duration: 5s
}

.bounce-animate5 {
      -webkit-animation-name: float-bob5;
      animation-name: float-bob5;
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      -moz-animation-name: float-bob5;
      -moz-animation-duration: 6s;
      -ms-animation-name: float-bob5;
      -ms-animation-duration: 6s;
      -o-animation-name: float-bob5;
      -o-animation-duration: 6s
}

.bounce-animate-slow {
      -webkit-animation-name: float-bob5;
      animation-name: float-bob5;
      -webkit-animation-duration: 15s;
      animation-duration: 15s;
      -moz-animation-name: float-bob5;
      -moz-animation-duration: 15s;
      -ms-animation-name: float-bob5;
      -ms-animation-duration: 15s;
      -o-animation-name: float-bob5;
      -o-animation-duration: 15s
}

.bounce-animate-3 {
      -webkit-animation-name: float-bob6;
      animation-name: float-bob6;
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      -moz-animation-name: float-bob6;
      -moz-animation-duration: 6s;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: linear;
      -ms-animation-name: float-bob6;
      -ms-animation-duration: 6s;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: linear;
      -o-animation-name: float-bob6;
      -o-animation-duration: 6s;
      -o-animation-iteration-count: infinite;
      -o-animation-timing-function: linear
}

@-webkit-keyframes float-bob {

      0%,
      100% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@keyframes float-bob {

      0%,
      100% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@-webkit-keyframes float-bob2 {

      0%,
      100% {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px)
      }

      50% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }
}

@keyframes float-bob2 {

      0%,
      100% {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px)
      }

      50% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }
}

@-webkit-keyframes float-bob3 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@keyframes float-bob3 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@-webkit-keyframes float-bob4 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@keyframes float-bob4 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
      }
}

@-webkit-keyframes float-bob5 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
      }
}

@keyframes float-bob5 {

      0%,
      100% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px)
      }

      50% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
      }
}

@-webkit-keyframes float-bob6 {

      0%,
      100% {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@keyframes float-bob6 {

      0%,
      100% {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px)
      }

      50% {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
      }
}

@-webkit-keyframes movebounce {

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

      50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
      }
}

@keyframes movebounce {

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

      50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
      }
}

@-webkit-keyframes moveleftbounce {

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

      50% {
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
      }
}

@keyframes moveleftbounce {

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

      50% {
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
      }
}

.dance3 {
      -webkit-animation: 8s infinite alternate dance3;
      animation: 8s infinite alternate dance3
}

@-webkit-keyframes dance3 {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1)
      }
}

@keyframes dance3 {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1)
      }
}

.dance {
      -webkit-animation: 2s infinite alternate dance;
      animation: 2s infinite alternate dance
}

@-webkit-keyframes dance {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1.2)
      }
}

@keyframes dance {
      0% {
            -webkit-transform: scale(.5)
      }

      100% {
            -webkit-transform: scale(1.2)
      }
}

.dance2 {
      -webkit-animation: 4s infinite alternate dance2;
      animation: 4s infinite alternate dance2
}

@-webkit-keyframes dance2 {
      0% {
            -webkit-transform: translate3d(0, 0, 0)
      }

      50% {
            -webkit-transform: translate3d(25px, -25px, 0)
      }

      100% {
            -webkit-transform: translate3d(0, -25px, 25px)
      }
}

@keyframes dance2 {
      0% {
            -webkit-transform: translate3d(0, 0, 0)
      }

      50% {
            -webkit-transform: translate3d(25px, -25px, 0)
      }

      100% {
            -webkit-transform: translate3d(0, -25px, 25px)
      }
}

.watermark-animate {
      -webkit-animation: 8s linear infinite watermark-animate;
      animation: 8s linear infinite alternate-reverse watermark-animate
}

@-webkit-keyframes watermark-animate {
      0% {
            left: 0
      }

      100% {
            left: 100%
      }
}

@keyframes watermark-animate {
      0% {
            left: 0
      }

      100% {
            left: 100%
      }
}

.rotateme {
      -webkit-animation-name: rotateme;
      animation-name: rotateme;
      -webkit-animation-duration: 20s;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear
}

.marquee-two .text:before,
.project-section-4 .work-shapes,
.rotate,
.work-section .work-shapes {
      -webkit-animation-name: rotateme;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear
}

.rotate,
.work-section .work-shapes {
      -webkit-animation-duration: 20s
}

.rotate {
      animation-name: rotateme;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      background-position: center center
}

@-webkit-keyframes rotateme {
      from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@keyframes rotateme {
      from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

.img-custom-anim-right {
      -webkit-animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-right;
      animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-right;
      opacity: 0
}

@-webkit-keyframes img-anim-right {
      0% {
            -webkit-transform: translateX(5%);
            transform: translateX(5%);
            clip-path: inset(0 0 0 100%);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

@keyframes img-anim-right {
      0% {
            -webkit-transform: translateX(5%);
            transform: translateX(5%);
            clip-path: inset(0 0 0 100%);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

.img-custom-anim-left {
      -webkit-animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-left;
      animation: 1.3s cubic-bezier(.645, .045, .355, 1) .4s forwards img-anim-left;
      opacity: 0
}

@-webkit-keyframes img-anim-left {
      0% {
            -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
            clip-path: inset(0 100% 0 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

@keyframes img-anim-left {
      0% {
            -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
            clip-path: inset(0 100% 0 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

.img-custom-anim-top {
      -webkit-animation: 1.3s cubic-bezier(.645, .045, .355, 1) forwards img-anim-top;
      animation: 1.3s cubic-bezier(.645, .045, .355, 1) forwards img-anim-top;
      opacity: 0
}

@-webkit-keyframes img-anim-top {
      0% {
            -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
            clip-path: inset(0 0 100% 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

@keyframes img-anim-top {
      0% {
            -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
            clip-path: inset(0 0 100% 0);
            opacity: 0
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
            opacity: 1
      }
}

.search-popup {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: scale(.95);
      transform: scale(.95)
}

.search-popup .search-back-drop {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: var(--theme-color-black);
      opacity: .95
}

.search-popup .close-search {
      position: absolute;
      top: 30px;
      right: 30px;
      font-size: 26px;
      color: var(--theme-color-white);
      z-index: 3;
      border-radius: 50%;
      background-color: transparent;
      -webkit-transition: .5s;
      transition: .5s
}

.search-popup .search-inner {
      position: relative;
      display: block;
      top: 40%;
      height: auto;
      z-index: 1;
      width: calc(100% - 60px);
      max-width: 800px;
      margin: auto;
      opacity: 0;
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
      -webkit-transition: .3s;
      transition: .3s
}

.product-details .product-info .product-details__social,
.search-popup .form-group {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
      position: relative;
      display: block;
      line-height: 20px;
      font-size: 16px;
      width: 100%;
      height: 50px;
      border: 1px solid #e1e6dc;
      padding: 15px 20px;
      color: #707070;
      background: #fff;
      border-radius: 5px;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-forms .form-group input:focus,
.contact-forms .form-group select:focus,
.contact-forms .form-group textarea:focus,
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
      border-color: var(--border-theme-color2)
}

.header-3 .main-box,
.header-4 .main-box {
      border-bottom: 1px solid rgba(248, 248, 248, .2)
}

.mobile-menu .navigation,
.mobile-menu .navigation li>ul>li:first-child,
.mobile-menu .social-links {
      border-top: 1px solid #1d2022
}

.service-card-style-3,
.service_single_item {
      border-right: 1px solid rgba(255, 255, 255, .1)
}

.search-popup .form-group button {
      position: absolute;
      right: 5px;
      top: 5px;
      height: 40px;
      width: 40px;
      display: block;
      font-size: 18px;
      color: var(--theme-color-black);
      line-height: 40px;
      border-radius: 5px;
      font-weight: 400;
      background: #fff;
      -webkit-transition: .5s;
      transition: .5s
}

.search-popup input::-webkit-input-placeholder,
.search-popup textarea::-webkit-input-placeholder {
      color: inherit
}

.search-popup input::-moz-placeholder,
.search-popup textarea::-moz-placeholder {
      color: inherit
}

.search-popup input:-ms-input-placeholder,
.search-popup textarea:-ms-input-placeholder {
      color: inherit
}

.search-popup input::-ms-input-placeholder,
.search-popup textarea::-ms-input-placeholder {
      color: inherit
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
      color: inherit
}

.moblie-search-active .search-popup {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1);
      transform: scale(1);
      border-radius: 0
}

.moblie-search-active .search-popup .search-inner {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s
}

.header-span {
      display: block;
      height: 110px;
      position: relative;
      width: 100%
}

.main-header {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 999
}

.main-header .header-lower {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s;
      padding: 16px 50px
}

.main-header .header-lower .logo-box {
      padding: 0;
      position: relative;
      min-width: 230px
}

.main-header .logo,
.product-discription {
      display: block;
      position: relative
}

.main-header .logo img {
      max-width: 140px;
      height: auto
}

.main-header .main-box {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      left: 0;
      top: 0;
      -webkit-transition: .3s;
      transition: .3s
}

.main-header .main-box .nav-outer,
.mission-section .mission-list-item .mission-list {
      text-align: center
}

.header-3 .outer-box,
.main-menu .navbar-collapse {
      padding: 0
}

.main-menu .navigation,
.shop-sidebar .sidebar-search .search-form .form-group {
      margin: 0;
      position: relative
}

.main-menu .navigation>li {
      float: left;
      margin-right: 60px;
      padding: 25px 0;
      position: relative;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation>li:before {
      background-color: var(--bg-theme-color2);
      bottom: 23px;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      -webkit-transition: .3s;
      transition: .3s;
      width: 0%
}

.main-menu .navigation>li.current:before,
.main-menu .navigation>li:hover:before {
      left: 0;
      width: 100%
}

.main-menu .navigation>li>a {
      color: var(--theme-color-white);
      display: flex;
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      opacity: 1;
      padding: 0;
      text-align: center;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation>li>a .icon {
      position: relative;
      font-size: 22px;
      line-height: 24px;
      margin-left: 10px
}

.main-menu .navigation>li.current>a {
      color: var(--theme-color1);
      font-weight: 700
}

.main-menu .navigation>li.dropdown>a {
      margin-right: -14px;
      padding-right: 14px
}

.main-menu .navigation>li.dropdown>a:after {
      content: "\f078";
      display: block;
      font-family: "Font Awesome 6 Pro";
      font-size: 13px;
      font-weight: 900;
      height: 20px;
      line-height: 24px;
      margin-top: -3px;
      position: absolute;
      right: -5px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 10px;
      z-index: 5
}

.main-menu .navigation>li.dropdown:hover>ul {
      margin-top: 0;
      opacity: 1;
      top: 100%;
      -webkit-transition: .3s;
      transition: .3s;
      visibility: visible
}

.main-menu .navigation>li>ul {
      background-color: var(--body-bg);
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      display: none;
      left: 0;
      margin-top: 30px;
      opacity: 0;
      padding: 10px 0 0;
      position: absolute;
      top: 100%;
      width: 220px;
      z-index: 100
}

.main-menu .navigation>li>ul>li>ul,
.sticky-header {
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      opacity: 0
}

.main-menu .navigation>li>ul.from-right {
      left: auto;
      right: 0
}

.main-menu .navigation>li>ul>li {
      position: relative;
      width: 100%;
      border-bottom: 1px solid #1d2022
}

.main-menu .navigation>li>ul>li:last-child,
.main-menu .navigation>li>ul>li>ul>li:last-child,
.mobile-menu .navigation li>ul>li:last-child {
      border-bottom: none
}

.main-menu .navigation>li>ul>li>a {
      position: relative;
      display: block;
      padding: 13px 0;
      line-height: 1.4;
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color-white);
      text-align: left;
      margin: 0 30px;
      text-transform: capitalize;
      -webkit-transition: .2s;
      transition: .2s
}

.main-menu .navigation>li>ul>li.dropdown:hover>ul {
      visibility: visible;
      opacity: 1;
      top: 0;
      margin-top: 20px;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation>li>ul>li>ul {
      background-color: var(--body-bg);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      display: none;
      left: 100%;
      margin-top: 10px;
      padding: 10px 0 0;
      position: absolute;
      top: 0;
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
      width: 220px;
      z-index: 100
}

.main-menu .navigation>li>ul>li>ul>li {
      border-bottom: 1px solid #1d2022;
      position: relative;
      width: 100%
}

.main-menu .navigation>li>ul>li>ul>li>a {
      color: var(--theme-color-white);
      display: block;
      font-size: 15px;
      font-weight: 400;
      line-height: 1;
      margin: 0 30px;
      padding: 14px 0;
      position: relative;
      text-align: left;
      text-transform: capitalize;
      -webkit-transition: .3s;
      transition: .3s
}

.main-menu .navigation li.dropdown .dropdown-btn {
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 16px;
      height: 30px;
      line-height: 26px;
      position: absolute;
      right: 10px;
      text-align: center;
      top: 8px;
      width: 34px;
      z-index: 5
}

.main-header .header-lower .outer-box {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      height: 100%;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 10px 0;
      gap: 30px
}

.main-header .header-lower .outer-box .menu-text {
      color: var(--theme-color-white);
      font-family: "Plus Jakarta Sans";
      font-size: 18px;
      font-weight: 500;
      margin-right: 14px;
      display: inline-block
}

.main-header .ui-btn {
      background: 0 0;
      color: #a1a1a1 !important;
      display: block;
      font-size: 18px;
      line-height: 30px;
      margin-left: 26px;
      position: relative;
      font-weight: 500;
      text-align: center;
      -webkit-transition: .3s;
      transition: .3s
}

.menubars {
      width: 30px;
      line-height: 5px;
      text-align: right;
      background: 0 0;
      position: relative;
      z-index: 1;
      top: -3px;
      margin-left: 40px
}

.menubars span {
      display: inline-block;
      width: 90%;
      height: 2px;
      background-color: var(--theme-color3);
      -webkit-transition: .3s;
      transition: .3s
}

.menubars span:nth-child(3) {
      width: 70%
}

.header-3 .header-lower {
      padding-top: 0 !important;
      padding-bottom: 0 !important
}

.header-3 .main-box {
      padding: 13px 0 11px
}

.header-4 .header-lower {
      max-width: 1850px;
      padding: 0 15px;
      margin: 0 auto
}

.header-4 .main-menu .navigation>li {
      padding: 39px 0
}

@media screen and (max-width:1022px) {
      .mobile-nav-toggler {
            display: block !important
      }
}

.sticky-header {
      background-color: var(--body-bg);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      left: 0;
      position: fixed;
      top: 0;
      visibility: hidden;
      width: 100%;
      z-index: 99999;
      border-bottom: 1px solid var(--border-theme-color1)
}

.sticky-header.fixed-header {
      opacity: 1;
      visibility: visible;
      z-index: 9999
}

.sticky-header .logo {
      padding: 10px 0
}

.hidden-bar .upper-box .nav-logo img,
.sticky-header .logo img {
      max-height: 40px
}

.sticky-header .nav-outer {
      background: 0 0;
      position: relative
}

.sticky-header .inner-container {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative
}

.sticky-header .main-menu .navigation>li {
      margin: 0 0 0 40px;
      padding: 20px 0
}

.mobile-nav-toggler {
      position: relative;
      font-size: 30px;
      cursor: pointer;
      color: var(--theme-color-white);
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: none
}

.mobile-menu,
.mobile-menu .menu-backdrop {
      position: fixed;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      top: 0;
      right: 0
}

.mobile-menu {
      width: 350px;
      max-width: 100%;
      z-index: 999999
}

.mobile-menu .menu-backdrop {
      width: 100%;
      z-index: 1;
      background: rgba(0, 0, 0, .7)
}

.hidden-bar .upper-box .close-btn,
.mobile-menu .close-btn {
      font-size: 18px;
      line-height: 30px;
      z-index: 10;
      cursor: pointer
}

.mobile-menu .upper-box {
      position: relative;
      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;
      width: 100%;
      padding: 30px 20px
}

.mobile-menu .menu-box,
.mobile-menu .social-links {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox
}

.mobile-menu .close-btn {
      position: relative;
      top: 0;
      right: -5px;
      text-align: center;
      color: var(--theme-color-white);
      height: 30px;
      width: 30px;
      background-color: rgba(0, 0, 0, .1);
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px)
}

.hidden-bar .upper-box .close-btn:hover,
.mobile-menu .close-btn:hover {
      opacity: .5
}

.hidden-bar .upper-box .nav-logo,
.mobile-menu .nav-logo {
      position: relative;
      text-align: left;
      width: 100%
}

.mobile-menu .nav-logo img {
      max-height: 50px
}

.mobile-menu .menu-box {
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      max-height: 100%;
      overflow-y: auto;
      background-color: var(--body-bg);
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
      padding: 0;
      z-index: 5;
      opacity: 0;
      visibility: hidden;
      border-radius: 0;
      -webkit-transform: translateX(101%);
      transform: translateX(101%)
}

.active-hidden-bar .hidden-bar-back-drop,
.mobile-menu-visible .mobile-menu {
      opacity: 1;
      visibility: visible
}

.hidden-bar,
.hidden-bar-back-drop,
.mobile-menu-visible .scroll-to-top {
      visibility: hidden;
      opacity: 0
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
      opacity: 1;
      visibility: visible;
      -webkit-transition: .4s;
      transition: .4s
}

.mobile-menu-visible .mobile-menu .menu-box {
      opacity: 1;
      visibility: visible;
      -webkit-transition: .4s .2s;
      transition: .4s .2s;
      -webkit-transform: translateX(0);
      transform: translateX(0)
}

.mobile-menu-visible .mobile-menu .close-btn,
.service-card-style-3:hover .content .title,
.service_single_item:hover .service_content .title {
      -webkit-transform: translateY(0);
      transform: translateY(0)
}

.mobile-menu .navigation {
      position: relative;
      display: block;
      width: 100%
}

.mobile-menu .navigation li {
      position: relative;
      display: block;
      border-bottom: 1px solid #1d2022
}

.mobile-menu .navigation li>a {
      position: relative;
      display: flex;
      line-height: 24px;
      padding: 10px 20px;
      font-size: 16px;
      color: var(--theme-color-white);
      font-weight: 400;
      text-transform: capitalize;
      align-items: center;
      justify-content: flex-start
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
      position: absolute;
      right: 0;
      top: 0;
      width: 44px;
      height: 44px;
      text-align: center;
      font-size: 16px;
      line-height: 44px;
      color: var(--theme-color-white);
      cursor: pointer;
      z-index: 5
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      width: 1px;
      height: 24px;
      border-left: 1px solid #1d2022
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
      content: "\f106"
}

.mobile-menu .navigation li>ul>li {
      padding-left: 20px
}

.contact-list-one {
      position: relative;
      padding: 30px 20px 20px
}

.contact-list-one li {
      position: relative;
      padding-left: 54px;
      min-height: 50px;
      margin-bottom: 20px
}

.contact-list-one li .icon {
      position: absolute;
      left: 0;
      top: 3px;
      font-size: 23px;
      line-height: 50px;
      color: var(--theme-color-white)
}

.contact-list-one li .title {
      display: block;
      font-size: 12px;
      color: var(--theme-color-white);
      font-weight: 500;
      text-transform: uppercase
}

.contact-list-one li .text {
      font-size: 14px;
      line-height: 24px;
      color: var(--theme-color-white)
}

.contact-list-one li .text a {
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s
}

.mobile-menu .social-links {
      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;
      width: 100%;
      margin-top: auto
}

.hidden-bar .inner-box,
.hidden-bar .upper-box {
      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-align: center;
      position: relative
}

.mobile-menu .social-links li {
      position: relative;
      text-align: center;
      width: 100%;
      border-right: 1px solid #1d2022
}

.hidden-bar .social-links li a,
.mobile-menu .social-links li a {
      position: relative;
      display: block;
      line-height: 50px;
      height: 50px;
      font-size: 14px;
      text-align: center;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s
}

.hidden-bar {
      position: fixed;
      right: 0;
      top: 0;
      height: 100%;
      overflow-y: auto;
      z-index: 99999;
      max-width: 320px;
      width: 100%;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      background: #fff;
      -webkit-transition: .5s;
      transition: .5s
}

.hidden-bar::-webkit-scrollbar {
      width: 2px
}

.hidden-bar::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 2px #cecece;
      box-shadow: inset 0 0 2px #cecece;
      border-radius: 10px
}

.hidden-bar::-webkit-scrollbar-thumb {
      background: #7a7a7a;
      border-radius: 10px
}

.hidden-bar::-webkit-scrollbar-thumb:hover {
      background: #7a7a7a
}

.hidden-bar .inner-box {
      width: 100%;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: var(--theme-color-black);
      height: 100%
}

.hidden-bar .upper-box {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      padding: 20px 30px 15px;
      border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.hidden-bar .upper-box .close-btn {
      position: relative;
      top: -5px;
      text-align: center;
      color: var(--theme-color1);
      -webkit-transition: .5s;
      transition: .5s
}

.hidden-bar .text-box {
      position: relative;
      padding: 25px 30px
}

.hidden-bar-back-drop {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, .5);
      z-index: 999;
      -webkit-transition: .5s;
      transition: .5s
}

.active-hidden-bar .hidden-bar {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
      visibility: visible
}

.hidden-bar .social-links {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      background: var(--theme-color-black);
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, .2);
      margin-top: auto
}

.hidden-bar .social-links li {
      position: relative;
      text-align: center;
      width: 100%;
      border-right: 1px solid rgba(255, 255, 255, .2)
}

.sec-title {
      position: relative;
      margin-bottom: 60px
}

.sec-title.text-center .sub-title:before {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
}

.sec-title .sub-title {
      position: relative;
      top: 0;
      font-size: var(--sec-title-subtitle-font-size);
      color: var(--sec-title-subtitle-color);
      line-height: var(--sec-title-subtitle-line-height);
      font-weight: var(--sec-title-subtitle-font-weight);
      font-family: var(--sec-title-subtitle-font-family);
      display: inline-block;
      padding-top: 14px;
      margin-bottom: 28px;
      text-transform: capitalize
}

.sec-title .work-title,
.sec-title h2 {
      color: var(--sec-title-color);
      font-family: var(--sec-title-font-family);
      font-weight: var(--sec-title-font-weight);
      position: relative
}

.sec-title .sub-title img {
      margin-right: 10px;
      margin-top: -4px;
      background-position: center center;
      width: 30px
}

.sec-title .work-title {
      font-size: 140px;
      line-height: 1em;
      text-transform: uppercase
}

.sec-title h2 {
      font-size: var(--sec-title-font-size);
      margin-top: -9px;
      line-height: 56px;
      margin-bottom: 0
}

.sec-title p,
p.sec-descrption {
      line-height: 28px
}

.sec-title p {
      font-size: 18px;
      width: 80%;
      margin: 24px 0 0
}

.contact-form-style-3 .form-group,
.sec-title .text {
      margin-top: 35px
}

.sec-title.style_two .sub-title {
      padding-top: 0;
      margin-bottom: 24px
}

.sec-title.style_two h2 {
      font-weight: 400;
      font-size: 42px;
      line-height: 52px
}

.sec-title.style_two h2 span {
      font-weight: 700;
      font-size: 42px;
      color: var(--theme-color2)
}

.sec-title.home-3 .sub-title {
      display: inline-block;
      border: 2px solid rgba(var(--theme-color-white-rgb), .1);
      border-radius: 50px;
      padding: 11px 12px
}

.sec-title.home-3 .sub-title img {
      -webkit-animation-name: rotateme2;
      animation-name: rotateme2
}

.sec-title.home-3 h2 {
      font-weight: 300;
      font-size: 42px
}

.sec-title.home-3 h2 span {
      font-weight: 700
}

.sec-title.style_color .text {
      color: #aab3bb
}

.banner-section {
      position: relative;
      overflow: hidden;
      z-index: 1;
      height: 950px;
      padding: 0 188px
}

.banner-section .hero_upper {
      margin-top: -30px
}

.banner-section .content-box {
      position: relative;
      z-index: 2;
      max-width: 980px
}

.banner-section .content-box .title {
      font-size: 110px;
      font-weight: 700;
      color: #fff;
      line-height: 120px;
      margin-bottom: 40px
}

.banner-section .content-box .title span {
      font-weight: 300;
      color: var(--theme-color1)
}

.banner-section .banner_icon-bx2 {
      position: absolute;
      bottom: 0;
      left: calc(50% - 84px);
      cursor: pointer
}

.about-section .about-icon-box .about-count,
.banner-section .banner_icon-bx2 .banner-icon,
.testimonial-section-two .testimonial-single_box-two .tesimonial-thumb {
      -ms-flex-negative: 0;
      flex-shrink: 0
}

.banner-section .banner_icon-bx2 .text-circle-box {
      background-color: var(--theme-color1);
      width: 168px;
      height: 168px;
      line-height: 168px;
      text-align: center;
      border-radius: 50%
}

.banner-section .banner_icon-bx2 .icon {
      font-size: 30px;
      color: var(--theme-color-black);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 45%;
      top: 51%
}

.banner-section .hero-img {
      position: absolute;
      right: 13%;
      top: 24%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 99
}

.banner-section .hero-img img {
      max-width: inherit;
      height: 600px
}

.banner-section .follow-us {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      right: 50px;
      bottom: 70px
}

.banner-section .follow-us .follow-title {
      margin-bottom: 10px;
      color: var(--theme-color-white);
      font-size: 14px;
      margin-right: 20px;
      position: relative;
      z-index: 1
}

.banner-section .follow-us .follow-title::before {
      position: absolute;
      content: "";
      border: 1px solid rgba(244, 245, 248, .7411764706);
      top: 13px;
      left: -90px;
      width: 80px
}

.banner-section .follow-us .social-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px
}

.banner-section .follow-us .social-links a {
      display: inline-block;
      color: var(--theme-color-white);
      text-decoration: none;
      font-size: 13px;
      -webkit-transition: .3s;
      transition: .3s
}

.banner-section .email-link {
      position: absolute;
      left: -15px;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
      top: 60%
}

.banner-section .email-link a,
.hero-3 .email-link a {
      font-weight: 400;
      font-size: 18px;
      display: inline-block;
      color: var(--theme-color-white);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: relative;
      z-index: 1
}

.banner-section .email-line {
      position: absolute;
      left: 56px;
      top: 29%
}

.banner-section.style_two {
      height: 950px;
      padding: 0
}

.banner-section.style_two .hero_upper {
      margin-top: 84px
}

.banner-section.style_two .content-box .title {
      margin-bottom: 30px;
      font-weight: 700;
      font-size: 90px;
      line-height: 100px;
      text-transform: uppercase
}

.banner-section.style_two .content-box .hero-campaign {
      position: absolute;
      right: 8%;
      top: 55%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.banner-section.style_two .content-box .hero-campaign span.campaign-badge,
.testimonial-image-style-3 .testi-campaign span.campaign-badge {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      background: var(--theme-color1);
      color: var(--theme-color-black);
      padding: 9px 29px;
      border-radius: 40px;
      display: inline-block;
      -webkit-transform: rotate(-24deg);
      transform: rotate(-24deg)
}

.about-section-two .image-column .about-campaign span.campaign-badge::before,
.banner-section.style_two .content-box .hero-campaign span.campaign-badge::before,
.testimonial-image-style-3 .testi-campaign span.campaign-badge::before {
      position: absolute;
      content: "";
      right: -24px;
      top: -14px;
      height: 24px;
      width: 26px;
      background: url(../images/home-2/icon.png) 0 0/cover no-repeat;
      -webkit-transform: rotate(17deg);
      transform: rotate(17deg)
}

.banner-section.style_two .content-box .hero-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 300px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      right: -50%;
      bottom: 30%
}

@media (max-width:1699.98px) {
      .banner-section.style_two .content-box .hero-marketing-box {
            bottom: 0;
            right: -20%
      }
}

.banner-section.style_two .content-box .hero-marketing-box::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 2px;
      background: linear-gradient(97deg, rgba(255, 255, 255, .65), rgba(0, 0, 0, .31));
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1
}

.banner-section.style_two .content-box .hero-marketing-box .marketing-icon,
.choose-us-image-style-3 .choose-marketing-box .marketing-icon,
.hero-3 .hero-image .hero-marketing-box .marketing-icon,
.testimonial-image-style-3 .testi-marketing-box .marketing-icon {
      height: 70px;
      width: 70px;
      background: var(--theme-color1);
      border-radius: 10px;
      line-height: 70px;
      text-align: center;
      -ms-flex-negative: 0;
      flex-shrink: 0
}

.banner-section.style_two .content-box .hero-marketing-box h6.marketing-title,
.choose-us-image-style-3 .choose-marketing-box h6.marketing-title,
.hero-3 .hero-image .hero-marketing-box h6.marketing-title,
.testimonial-image-style-3 .testi-marketing-box h6.marketing-title {
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      margin: 0
}

.banner-section.style_two .banner_icon-bx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px;
      position: inherit;
      bottom: 0;
      left: 0;
      -webkit-animation: 1s 1.6s both fadeInUp;
      animation: 1s 1.6s both fadeInUp;
      margin-bottom: 40px
}

.banner-section.style_two .banner_icon-bx .banner-text p {
      font-size: 18px;
      line-height: 32px;
      margin: 0;
      color: var(--theme-color-white);
      width: 70%
}

.banner-section.style_two .hero-thumb {
      position: absolute;
      right: 0;
      bottom: -16px
}

.banner-section.style_two .theme-btn-main {
      margin-left: 60px
}

.hero-3 {
      padding: 230px 0 140px;
      position: relative;
      overflow: hidden
}

.hero-3 .hero-shape {
      position: absolute;
      bottom: -100px;
      left: 0
}

.hero-3 .email-link {
      position: absolute;
      left: 22px;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
      top: 60%
}

.hero-3 .email-line {
      left: 107px;
      position: absolute;
      top: 29%
}

.hero-3 .hero-content .title {
      font-size: 90px;
      font-weight: 800;
      color: #f8f8f8;
      line-height: 160%
}

@media (max-width:1399.98px) {
      .hero-3 .hero-content .title {
            font-size: 85px
      }

      .hero-3 .hero-content .title .arrow-icon::before {
            display: none
      }
}

@media (max-width:1199.98px) {
      .section-padding {
            padding: 100px 0
      }

      .sec-title h2 br,
      .sec-title.home-3 h2 br {
            display: none
      }

      .banner-section.style_two .theme-btn-main {
            margin-left: 0
      }

      .hero-3 .hero-content .title {
            font-size: 85px
      }
}

@media (max-width:991.98px) {
      .list-style-three {
            margin-top: 0
      }

      .section-padding {
            padding: 80px 0
      }

      .mobile-nav-toggler {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
      }

      .sec-title .work-title {
            font-size: 100px
      }

      .banner-section .follow-us {
            display: none
      }

      .hero-3 .hero-content .title {
            font-size: 60px
      }
}

@media (max-width:767.98px) {
      .sec-title {
            margin-bottom: 30px
      }

      .sec-title .work-title {
            font-size: 80px
      }

      .hero-3 {
            padding: 130px 0 120px
      }

      .hero-3 .hero-content .title {
            font-size: 50px
      }
}

@media (max-width:475.98px) {
      .hero-3 .hero-content .title {
            font-size: 40px
      }
}

.hero-3 .hero-content .title .text-1 {
      border: 2px solid #fff;
      padding: 0 14px 7px;
      border-radius: 10px
}

.hero-3 .hero-content .title .arrow-icon {
      margin-right: 30px;
      margin-left: 30px;
      top: -13px;
      position: relative;
      display: inline-block
}

.hero-3 .hero-content .title .arrow-icon::before {
      position: absolute;
      top: 50px;
      left: -30px;
      content: "";
      width: 65px;
      height: 65px;
      border-radius: 50%;
      border: 1px solid rgba(248, 248, 248, .2)
}

.hero-3 .hero-content p {
      font-size: 18px;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family);
      line-height: 170%;
      max-width: 518px;
      margin-top: 50px
}

.hero-3 .hero-content .hero-button-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 48px;
      margin-top: 60px
}

.hero-3 .hero-content .hero-button-items .client-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px
}

.hero-3 .hero-content .hero-button-items .client-item .client-image img {
      width: 50px;
      height: 50px;
      border-radius: 50%
}

.hero-3 .hero-content .hero-button-items .client-item .client-image .icon-1,
.hero-3 .hero-content .hero-button-items .client-item .client-image .icon-2,
.hero-3 .hero-content .hero-button-items .client-item .client-image .icon-3 {
      margin-right: -12px
}

.hero-3 .hero-content .hero-button-items .client-item .client-image .count-box {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: inline-block;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 18px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      text-align: center;
      line-height: 50px
}

.hero-3 .hero-content .hero-button-items .client-item .happy-title {
      font-size: 16px;
      color: var(--theme-color-white);
      font-weight: 400;
      line-height: 156%
}

.hero-3 .hero-image {
      position: relative;
      width: 424px
}

.hero-3 .hero-image .hero-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 300px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      left: -40px;
      bottom: 10px
}

.choose-us-image-style-3 .choose-marketing-box img,
.hero-3 .hero-image .hero-marketing-box img,
.testimonial-image-style-3 .testi-circle img,
.testimonial-image-style-3 .testi-marketing-box img {
      width: initial;
      height: initial;
      border-radius: 0
}

.choose-us-image-style-3 .choose-marketing-box::before,
.hero-3 .hero-image .hero-marketing-box::before,
.testimonial-image-style-3 .testi-marketing-box::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 2px;
      background: linear-gradient(97deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, .31));
      -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1
}

.hero-3 .hero-image .video-btn {
      display: inline-block;
      width: 100px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 25px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
}

.hero-3 .hero-image::after,
.hero-3 .hero-image::before {
      height: 5px;
      width: 100%;
      position: absolute;
      right: 0;
      content: ""
}

.hero-3 .hero-image::before {
      top: 0;
      left: 0;
      background-color: var(--theme-color-black)
}

.hero-3 .hero-image::after {
      top: -5px;
      left: 0;
      background-color: var(--theme-color1)
}

.hero-3 .hero-image img {
      max-width: initial;
      width: 100%
}

.hero-4 {
      padding: 538px 0 0;
      position: relative
}

.hero-4 .hero-content .video-items,
.hero-4 .social-icon-list1 {
      -webkit-box-align: center;
      display: -webkit-box;
      display: -ms-flexbox
}

.hero-4 .social-icon-list1 {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      position: absolute;
      bottom: 250px;
      right: 0
}

.hero-4 .get-text {
      font-size: 16px;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family);
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      bottom: 115px;
      left: 111px
}

@media (max-width:1599.98px) {

      .hero-3 .email-line,
      .hero-3 .email-link,
      .hero-4 .get-text,
      .hero-4 .social-icon-list1 {
            display: none
      }

      .hero-3 .hero-image {
            margin-left: -100px;
            height: 450px
      }

      .hero-3 .hero-image img {
            -o-object-fit: cover;
            object-fit: cover
      }
}

.hero-4 .circle-shape {
      position: absolute;
      left: 65px;
      top: 160px
}

.hero-4 .hero-content {
      margin-top: -230px
}

.hero-4 .hero-content .hero-title {
      font-size: 80px;
      line-height: 1.4
}

.hero-4 .hero-content .hero-title span {
      color: var(--theme-color1);
      text-decoration: underline
}

.hero-4 .hero-content .hero-title img {
      border-radius: 120px;
      border: 4px solid rgba(255, 255, 255, .2);
      margin-right: 12px
}

.hero-4 .hero-content .sub-title {
      color: var(--theme-color-white);
      margin-top: 45px;
      padding-left: 200px;
      position: relative
}

.hero-4 .hero-content .sub-title::before {
      background: rgba(var(--theme-color-white-rgb), .3);
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      top: 16px;
      width: 178px
}

.hero-4 .hero-content .video-items {
      -ms-flex-align: center;
      align-items: center;
      display: flex;
      gap: 110px;
      margin-top: 40px
}

.hero-4 .hero-content .video-items .video-btn {
      display: inline-block;
      width: 90px;
      height: 90px;
      text-align: center;
      line-height: 90px;
      border-radius: 50%;
      border: 2px solid var(--theme-color1);
      color: var(--theme-color1)
}

.hero-4 .hero-content .video-items p {
      font-size: 16px;
      font-weight: 500;
      line-height: 162, 5%;
      margin-bottom: 0;
      max-width: 552px
}

.about-content-style-3 .about-image-2,
.about-section-four,
.brand-wrapper-3,
.hero-4 .hero-image,
.service-section-3,
.service-section-4 {
      position: relative;
      z-index: 9
}

.hero-4 .hero-image .circle-box {
      width: 168px;
      height: 168px;
      border-radius: 50%;
      background-color: var(--theme-color1);
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -30%;
      text-align: center;
      line-height: 168px
}

.hero-4 .hero-image .circle-box .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      text-align: center;
      font-size: 36px;
      color: var(--theme-color-black)
}

.hero-4 .hero-image img {
      border-top-left-radius: 200px;
      border-top-right-radius: 200px
}

.hero-4 .hero-image::before {
      position: absolute;
      top: 0;
      right: 10px;
      bottom: 0;
      content: "";
      width: 424px;
      height: 486px;
      content: "";
      background-color: var(--theme-color1);
      border-radius: 500px 500px 0 0;
      z-index: -1
}

.about-section .about-icon-box,
.about-section .about-icon-box::before {
      border-top-right-radius: 190px;
      border-bottom-right-radius: 190px;
      border-bottom-left-radius: 190px
}

.about-section {
      position: relative;
      padding: 150px 0 100px;
      background: var(--theme-color4);
      z-index: 1
}

.about-section .about-shape {
      position: absolute;
      left: 7%;
      margin: 0;
      bottom: 9%;
      text-align: center;
      z-index: -2
}

.about-section .sec-title {
      position: relative;
      margin-bottom: 60px;
      margin-left: 30px
}

.about-section .sec-title .sub-title {
      padding-top: 27px
}

.about-section .sec-title .sub-title:before {
      top: 21px
}

@media (max-width:1702.98px) {
      .about-section .sec-title {
            margin-left: 0
      }

      .about-section .sec-title h2 br {
            display: none
      }
}

.about-section .sec-title h2 span {
      font-size: 46px;
      line-height: 56px
}

.about-section .about-icon-box {
      background: #111;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 115px;
      padding: 25px 65px 55px;
      width: 760px;
      margin-left: -142px;
      position: relative
}

.about-section .bg-blur,
.about-section .bg-blur2,
.about-section-two .buler-bg {
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%)
}

.about-section .bg-blur,
.about-section .bg-blur2 {
      bottom: 3%;
      height: 555px;
      width: 555px;
      z-index: -2;
      border-radius: 50%;
      position: absolute
}

.about-section .about-icon-box::before {
      position: absolute;
      content: "";
      left: 10px;
      top: -10px;
      width: 100%;
      height: 100%;
      background-color: var(--theme-color1);
      z-index: -1
}

.about-section .about-icon-box .about-count span.count-text {
      font-weight: 600;
      font-size: 90px;
      color: var(--theme-color1);
      line-height: 1;
      font-family: var(--heading-font-family)
}

.about-section .about-icon-box .about-count span.plus {
      font-family: var(--sec-title-font-family);
      font-weight: 400;
      font-size: 34px;
      color: var(--theme-color1);
      position: relative;
      top: -54px;
      left: 6px
}

.about-section .about-icon-box .about-count .counter-title {
      font-size: 18px;
      font-weight: 400;
      color: var(--theme-color-white);
      margin-top: 15px;
      margin-left: 0;
      max-width: 155px;
      line-height: 156%
}

.about-section .about-icon-box .about-content p {
      font-weight: 400;
      line-height: 26px;
      color: var(--text-color);
      margin: 20px 0 38px
}

.about-section .about-icon-box .dance-sp.bounce-animate2 {
      position: absolute;
      bottom: 6%;
      left: 26%
}

.about-section .bg-blur {
      right: 0
}

.about-section .bg-blur2 {
      left: 1%
}

.about-section .about-shape2 {
      position: absolute;
      right: 5%;
      top: 14%;
      z-index: -1
}

.about-section .image-column .inner-column {
      z-index: -1
}

.about-section .theme-btn-main .theme-btn {
      font-size: 16px;
      padding: 10px 34.1px
}

.about-section .theme-btn-main .theme-btn-arrow-left,
.about-section .theme-btn-main .theme-btn-arrow-right {
      width: 48px;
      height: 48px;
      line-height: 48px
}

.about-section .theme-btn-main:hover .theme-btn {
      -webkit-transform: translateX(48px);
      transform: translateX(48px)
}

.about-section-two {
      padding-bottom: 140px;
      position: relative;
      z-index: 1
}

.about-section-two .about-shape {
      bottom: -21%;
      margin: 0;
      position: absolute;
      right: -13%;
      text-align: center;
      z-index: 1
}

.about-section-two .about-shape img,
.services-section-two .shape img {
      width: 75%
}

.about-section-two .content-column .inner-column {
      margin-top: 40px
}

.about-section-two .image-column .image-1:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: -24px;
      top: -14px;
      background-color: var(--theme-color1);
      -webkit-mask-image: url(../images/home-2/about-img-mask1.png);
      mask-image: url(../images/home-2/about-img-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: left top;
      mask-position: left top;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-1 img {
      -webkit-mask-image: url(../images/home-2/about-img-mask1.png);
      mask-image: url(../images/home-2/about-img-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-2 {
      position: absolute;
      bottom: -23px;
      right: 126px;
      z-index: 2
}

.about-section-two .image-column .image-2:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 24px;
      top: 14px;
      background-color: #111;
      -webkit-mask-image: url(../images/home-2/about-img-mask2.png);
      mask-image: url(../images/home-2/about-img-mask2.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-2 img,
.faq-image-style-1 img {
      -webkit-mask-size: contain;
      -webkit-mask-position: center center;
      -webkit-mask-repeat: no-repeat
}

.about-section-two .image-column .image-2 img {
      -webkit-mask-image: url(../images/home-2/about-img-mask2.png);
      mask-image: url(../images/home-2/about-img-mask2.png);
      mask-size: contain;
      mask-position: center center;
      mask-repeat: no-repeat
}

.about-section-two .image-column .image-shape {
      position: absolute;
      bottom: 0;
      left: -28px
}

.about-section-two .image-column .about-campaign {
      position: absolute;
      right: 24%;
      top: 67px
}

.about-section-two .image-column .about-campaign span.campaign-badge {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      line-height: 26px;
      background: var(--theme-color1);
      color: var(--theme-color2);
      padding: 9px 29px;
      border-radius: 40px;
      display: inline-block
}

.about-section-two .sec-title {
      margin-bottom: 48px;
      max-width: 610px;
      position: relative
}

.about-section-two p.about-qute {
      line-height: 26px;
      padding-left: 30px;
      position: relative;
      width: 84%;
      margin-bottom: 45px
}

.about-section-two p.about-qute::before {
      position: absolute;
      content: "";
      left: 0;
      top: 6px;
      height: 70px;
      width: 3px;
      background: var(--theme-color1)
}

.about-section-two .about-icon-box .about-count,
.about-section-two .main-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}

.about-section-two .main-box .icon-box,
.acrdtn-h.has-data,
.brand-section .owl-carousel .owl-item img,
.count-box span,
.nav-links>div .thumb a {
      display: inline-block
}

.about-section-two .main-box .icon-box .icon {
      float: left;
      margin-right: 20px;
      margin-top: 0
}

.about-section-two .main-box .icon-box .icon img,
.apply-button2 span,
.nav-links>div,
table.cart-total .coupon-form .apply-button span,
table.tbl-shopping-cart .coupon-form .apply-button span {
      -webkit-transition: .5s;
      transition: .5s
}

.about-section-two .main-box .icon-box .title {
      font-weight: 500;
      font-size: 20px;
      line-height: 26px
}

.tesimonail_list.default-navs .owl-nav .owl-next,
.tesimonail_list.default-navs .owl-nav .owl-prev {
      font-weight: 700;
      line-height: 50px;
      color: var(--theme-color1);
      width: 50px;
      height: 50px;
      border-radius: 0
}

.about-section-two .main-box .icon-box:hover .icon img,
.service_single_item-2:hover .service_icon img,
.why-choose-us-section .choose-single-box:hover .choose-icon i {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1)
}

.about-section-two .main-box .icon-box.two {
      margin-left: 77px
}

.about-section-two .about-icon-box {
      margin-left: 30px;
      margin-top: 25px;
      position: relative;
      z-index: 2
}

.about-section-two .about-icon-box .about-count span.count-text {
      font-weight: 700;
      font-size: 80px;
      line-height: 1;
      color: var(--theme-color1);
      font-family: var(--heading-font-family)
}

.about-section-two .about-icon-box .about-count span.plus {
      font-family: var(--sec-title-font-family);
      font-weight: 400;
      font-size: 34px;
      position: relative;
      top: -54px;
      left: 6px;
      color: var(--theme-color1)
}

.about-section-two .about-icon-box .about-count h6.counter-title {
      font-size: 18px;
      line-height: 24px;
      margin-top: 28px;
      margin-left: -8px;
      max-width: 100px;
      font-family: var(--heading-font-family)
}

.about-section-two .about-content p {
      font-weight: 400;
      line-height: 26px;
      color: var(--theme-color1);
      margin: 13px 0 38px
}

.about-section-two .theme-buton a {
      margin-top: 34px
}

.about-section-two .about-shape2 {
      position: absolute;
      top: 17%;
      right: 6%;
      z-index: -1
}

.about-section-two .buler-bg {
      position: absolute;
      left: 11%;
      bottom: 0;
      height: 700px;
      width: 700px;
      z-index: -1;
      pointer-events: none
}

.about-images-style-3 {
      position: relative;
      max-width: 476px;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-size: cover;
      mask-size: cover;
      z-index: 9
}

.about-images-style-3 img {
      width: 100%;
      height: 100%;
      display: initial
}

.about-images-style-3 .gradient-shape {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1
}

.about-content-style-3::before {
      position: absolute;
      right: -34%;
      bottom: -10%;
      content: "";
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%);
      z-index: -1
}

.about-content-style-3 .about-text {
      font-family: var(--heading-font-family);
      max-width: 511px;
      margin-top: 35px;
      color: rgba(255, 255, 255, .8)
}

.about-content-style-3 .about-list-items ul {
      border: 2px solid rgba(255, 255, 255, .1);
      padding: 29px 25px;
      background-color: rgba(97, 97, 97, .1);
      border-radius: 20px;
      margin-top: 20px;
      margin-bottom: 50px
}

.about-content-style-3 .about-list-items ul li {
      font-size: 17px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      color: var(--theme-color-white);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px
}

.about-content-style-3 .about-list-items ul li:not(:last-child) {
      margin-bottom: 16px
}

.about-content-style-3 .about-list-items ul li span {
      max-width: 18px;
      width: 100%;
      height: 18px;
      display: inline-block;
      border: 2px solid var(--theme-color1);
      border-radius: 50%;
      position: relative
}

.about-content-style-3 .about-list-items ul li span::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: var(--theme-color1);
      content: ""
}

.about-content-style-3 .about-list-items ul li span::after {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 3px;
      height: 3px;
      border-radius: 3px;
      background-color: var(--theme-color-black);
      content: ""
}

.about-content-style-3 .about-image-2 img {
      width: 100%;
      height: 100%;
      border-radius: 200px
}

.about-content-style-3 .about-btn {
      margin-top: 68px
}

.about-content-style-3 .about-btn a,
.contact-section-two .contact-btn a {
      display: inline-block;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: var(--theme-color-white);
      position: relative
}

.about-content-style-3 .about-btn a::before {
      position: absolute;
      content: "";
      right: -25px;
      top: -22px;
      height: 70px;
      width: 70px;
      line-height: 70px;
      border: 2px solid var(--theme-color1);
      border-radius: 50%;
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 1
}

.about-content-style-3 .about-btn a:hover:before {
      right: 0;
      opacity: 0
}

.about-content-style-3 .about-btn a img,
.contact-section-two .contact-btn a img,
.pricing-single-bx .inner-box .pricing-btn a i {
      margin-left: 10px
}

.about-section-3 .sec-title {
      max-width: 652px
}

.about-section-3 .shape-1,
.footer-main-wrapper .footer-circle-shape,
.footer-main-wrapper-4 .left-shape,
.footer-style-two.style-two .anim-icons .image-1,
.success-section-3 .suceess-shape,
.work-section .shape-3 {
      position: absolute;
      bottom: 0;
      left: 0
}

.about-section-3 .shape-2 {
      position: absolute;
      bottom: 80px;
      left: 60%
}

.about-section-3 .shape-3,
.footer-main-wrapper-4 .right-shape,
.work-section .right-shape1 {
      position: absolute;
      top: 0;
      right: 0
}

.about-section-four .bg-left-shape {
      position: absolute;
      bottom: -25%;
      left: 0;
      z-index: -1
}

.about-section .video-btn i,
.about-section-four .anim-icons {
      pointer-events: none
}

.about-section-four .anim-icons .image-1,
.products-box .outer-box .banner-box-two {
      position: absolute;
      right: 0;
      top: 0
}

.about-section-four .content-row {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.about-section-four .image-column .inner-column .image-one {
      display: inline-block;
      margin-bottom: 0;
      z-index: 1;
      position: relative;
      max-width: 574px;
      height: 558px;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574 558"><path fill-rule="evenodd" clip-rule="evenodd" d="M115.947 279L0 212.708L85.4595 66.2926L201.474 132.47L201.539 0H372.461L372.526 132.47L488.539 66.2926L574 212.708L458.052 279L574 345.292L488.539 491.708L372.526 425.53L372.461 558H201.539L201.474 425.53L85.4595 491.708L0 345.292L115.947 279Z" /></svg>');
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 574 558"><path fill-rule="evenodd" clip-rule="evenodd" d="M115.947 279L0 212.708L85.4595 66.2926L201.474 132.47L201.539 0H372.461L372.526 132.47L488.539 66.2926L574 212.708L458.052 279L574 345.292L488.539 491.708L372.526 425.53L372.461 558H201.539L201.474 425.53L85.4595 491.708L0 345.292L115.947 279Z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center
}

.about-section-four .content-column .inner-column .sec-title,
.comment-one .comment-one__title,
.contact-widget .address,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .widget-head,
.input-group,
.product-details .bx-wrapper,
.product-details.rd-page .bx-wrapper,
.products-box .sec-title,
.related-product h3,
.shop-sidebar .sidebar-search,
.skill-section .skills .skill-item,
.work-box-items-3 .work-content .content .title {
      margin-bottom: 30px
}

.about-section-four .content-column .inner-column .info-box {
      margin-top: 20px;
      margin-bottom: 40px
}

.about-section-four .content-column .inner-column .info-box .inner .icon-box {
      width: 64px;
      height: 64px;
      line-height: 60px;
      text-align: center;
      background-color: var(--theme-color1);
      border-radius: 50%;
      margin-bottom: 30px
}

.about-section-four .content-column .inner-column .info-box .inner .icon-box i,
.about-section-four .content-column .inner-column .info-box .inner .icon-box img,
.choose-us-box-style-3 .choose-us-box-3 .icon i,
.choose-us-box-style-3 .choose-us-box-3 .icon img,
.service-card-style-3 .icon img,
.service-card-style-4 .icon i,
.service-card-style-4 .icon img,
.service_single_item .service_icon i,
.service_single_item .service_icon img {
      -webkit-transition: .9s;
      transition: .9s;
      display: inline-block
}

.about-section-four .content-column .inner-column .info-box .inner .info-title {
      font-weight: 500;
      margin-bottom: 14px;
      font-size: 20px
}

.about-section-four .content-column .inner-column .info-box .inner .text {
      line-height: 29px;
      color: #ccc
}

.about-section-four .content-column .inner-column .info-box .inner:hover .icon-box i,
.about-section-four .content-column .inner-column .info-box .inner:hover .icon-box img,
.choose-us-box-style-3:hover .choose-us-box-3 .icon i,
.choose-us-box-style-3:hover .choose-us-box-3 .icon img,
.service-card-style-3:hover .icon i,
.service-card-style-3:hover .icon img,
.service-card-style-4:hover .icon i,
.service-card-style-4:hover .icon img,
.service_single_item:hover .service_icon i,
.service_single_item:hover .service_icon img,
.why-choose-us-content-1 .icon-box-list li:hover i,
.why-choose-us-content-1 .icon-box-list li:hover img {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg)
}

.about-style-img-1 img {
      border-radius: 20px 20px 20px 220px;
      -o-object-fit: cover;
      object-fit: cover;
      min-height: 547px
}

.mission-section {
      padding: 0 0 120px;
      background: var(--theme-color4)
}

.mission-section .icon-box,
.testimonial-box-items-3 .content .client-info .info-title,
.testimonial-section-two .testimonial-single_box-two .testi_content .testi_aroow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px
}

.mission-section p.mission-description {
      line-height: 26px;
      margin-top: 28px;
      width: 85%
}

.mission-section .mission-list-item {
      border: 1px solid rgba(255, 255, 255, .1);
      padding: 37px 0;
      position: relative;
      z-index: 1
}

.mission-section .mission-list-item::before {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      margin: auto;
      left: 0;
      height: 100%;
      width: 1px;
      background: rgba(255, 255, 255, .1);
      z-index: -1
}

.mission-section .mission-list-item .misssion-list-two {
      margin-top: 37px;
      border-top: 1px solid rgba(255, 255, 255, .1);
      padding-top: 36px
}

.mission-section .mission-list-item ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 20px
}

.mission-section .mission-list-item ul li {
      font-weight: var(--h5-font-weight);
      font-size: 20px;
      font-weight: 400;
      color: var(--theme-color-white);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      max-width: 260px;
      width: 100%;
      -webkit-transition: .5s;
      transition: .5s
}

.cta-video-thumb {
      margin-bottom: -300px;
      overflow: hidden;
      position: relative;
      z-index: 99
}

.cta-video-thumb .vec-left-shape {
      left: 0;
      position: absolute;
      top: 20px
}

.cta-video-thumb .vec-right-shape {
      bottom: 20px;
      position: absolute;
      right: 0
}

.cta-video-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 16px;
      -o-object-fit: cover;
      object-fit: cover
}

.cta-video-thumb::before {
      background-color: var(--theme-color1);
      bottom: -56%;
      border-radius: 500px;
      content: "";
      height: 682px;
      left: 50%;
      opacity: .9;
      position: absolute;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 682px
}

.cta-video-thumb .video-btn {
      display: inline-block;
      width: 100px;
      height: 100px;
      line-height: 100px;
      background-color: var(--theme-color-black);
      font-size: 28px;
      color: var(--theme-color1);
      text-align: center;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
}

.cta-video-thumb .title {
      bottom: 50px;
      color: var(--theme-color-black);
      font-size: 42px;
      font-weight: 600;
      left: 0;
      line-height: 60px;
      margin: 0 auto;
      max-width: 521px;
      position: absolute;
      right: 0;
      text-align: center
}

.cta-video-section .vec-cup-shape {
      position: absolute;
      top: 55px;
      left: 55px
}

.cta-video-section .vec-video-shape {
      position: absolute;
      top: 190px;
      left: 55px;
      z-index: 1
}

.faq-image-style-1 {
      height: 100%;
      max-width: 558px;
      position: relative
}

.faq-image-style-1 img {
      width: 100%;
      height: 100%;
      -webkit-mask-image: url(../images/home-4/faq-image-mask.png);
      mask-image: url(../images/home-4/faq-image-mask.png);
      mask-size: contain;
      mask-position: center center;
      mask-repeat: no-repeat
}

.faq-image-style-1 .counter-box-items {
      background-color: var(--theme-color1);
      border-radius: 15px;
      padding: 50px 40px;
      position: absolute;
      text-align: center;
      top: 0;
      right: 0
}

.accordion-box .block,
.accordion-box .block .acc-btn .icon {
      background: -webkit-gradient(linear, left top, right top, color-stop(6.25%, #0c0c0c), color-stop(93.75%, #1c1c1c));
      background: linear-gradient(90deg, #0c0c0c 6.25%, #1c1c1c 93.75%)
}

.faq-image-style-1 .counter-box-items .count-text {
      font-weight: 600;
      font-size: 60px;
      color: var(--theme-color-black);
      line-height: 1;
      font-family: var(--heading-font-family)
}

.faq-image-style-1 .counter-box-items .plus {
      font-family: var(--sec-title-font-family);
      font-weight: 400;
      font-size: 34px;
      color: var(--theme-color-black);
      position: relative;
      top: -28px;
      left: 6px
}

.faq-image-style-1 .counter-box-items p {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      line-height: 156%;
      font-family: var(--heading-font-family);
      color: var(--theme-color-black);
      max-width: 115px;
      margin-top: 11px;
      margin-bottom: 0
}

.service-card-style-3 .service-btn a,
.service_single_item .service-btn a {
      padding: 10px 30px;
      font-family: var(--sec-title-font-family);
      overflow: hidden
}

.accordion-box .block {
      position: relative;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, .1);
      margin-bottom: 30px;
      -webkit-transition: .3s;
      transition: .3s
}

.services-section .service-bg-blur,
.services-section-two .buler-bg {
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      z-index: -1
}

.accordion-box .block.active-block {
      border-radius: 20px !important;
      border: 1px solid var(--theme-color1);
      border-bottom: none
}

.accordion-box .block .acc-btn {
      position: relative;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      line-height: 19px;
      cursor: pointer;
      padding: 30px;
      text-transform: capitalize;
      -webkit-transition: .5s;
      transition: .5s
}

.accordion-box .block .acc-btn .icon {
      position: absolute;
      top: 15px;
      right: 20px;
      width: 45px;
      height: 45px;
      font-size: 18px;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .1);
      -webkit-transition: .5s;
      transition: .5s
}

.accordion-box .block .acc-btn .icon:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      border-radius: 50%;
      background: var(--gradient-1);
      -webkit-transition: .3s;
      transition: .3s
}

.accordion-box .block .acc-btn.active {
      padding-bottom: 30px
}

.accordion-box .block .acc-btn.active .icon:before {
      content: "\f068"
}

.accordion-box .block .acc-btn.active .icon:after {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
}

.accordion-box .block .acc-content {
      position: relative;
      display: none
}

.accordion-box .block .acc-content .content {
      position: relative;
      padding: 0 30px 30px
}

.accordion-box .block .acc-content .content .text {
      display: block;
      font-size: 18px;
      line-height: 30px;
      font-weight: 500;
      margin-bottom: 0
}

.services-section {
      position: relative;
      padding: 120px 0;
      z-index: 1
}

.services-section .service-sp-right {
      position: absolute;
      top: 40px;
      right: 0
}

.services-section .theme-btn-main {
      font-size: 16px;
      font-weight: 400
}

.services-section .sec-title {
      margin-left: 50px
}

.services-section .icon-single-box p {
      margin-right: 16px
}

.services-section .service-column .inner-column {
      margin-right: -305px
}

.services-section .service-column .inner-column .owl-stage-outer {
      margin-left: 18px;
      margin-top: -40px
}

.services-section .service-column .inner-column .default-navs .owl-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      top: -34%;
      right: 24%
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev {
      height: 64px;
      width: 64px;
      color: var(--theme-color2);
      background-color: transparent;
      border: 1px dashed var(--theme-color2);
      line-height: 64px
}

.services-section .service-column .inner-column .default-navs .owl-nav .owl-next:hover,
.services-section .service-column .inner-column .default-navs .owl-nav .owl-prev:hover {
      background: var(--bg-theme-color2);
      color: var(--bg-theme-color1)
}

.services-section .service-bg-blur {
      position: absolute;
      left: 7%;
      top: 0;
      height: 550px;
      width: 550px;
      border-radius: 50%
}

.news-block .blog-single-box.style_two .content-box,
.services-section .service-slider {
      margin-left: 0
}

.service_single_item {
      background: rgba(255, 255, 255, .08);
      padding: 60px 50px;
      position: relative;
      z-index: 1
}

.service_single_item .service_icon,
.service_single_item-2 .service_icon {
      height: 65px;
      width: 65px;
      line-height: 65px
}

.service_single_item .service_icon img {
      width: inherit !important
}

.service_single_item .service_content .title {
      line-height: 32px;
      margin: 86px 0 25px;
      -webkit-transform: translateY(93px);
      transform: translateY(93px);
      -webkit-transition: .3s;
      transition: .3s
}

.news-card-style-4 .content .title a,
.project-box-style-4 .content .title a,
.service-card-style-4 .title a,
.service_single_item .service_content .title a {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
      background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      -webkit-transition: .5s, background-size .5s;
      transition: .5s, background-size .5s
}

.service_single_item .service_content .title a:hover {
      color: var(--theme-color1);
      background-size: 100% 1px;
      color: var(--theme-color1)
}

.service_single_item .service_content .title span,
.service_single_item-2 .service_content .title span,
.work-single-box .work-content .title span {
      font-weight: 300
}

.service_single_item .service_content p {
      position: relative;
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s;
      transition: .3s
}

.service_single_item .service-btn a {
      display: block;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 30px;
      font-weight: 500;
      font-size: 16px;
      position: relative;
      z-index: 1;
      margin-top: 40px
}

.service-card-style-3 .service-btn a::before,
.service_single_item .service-btn a::before {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      height: 100%;
      width: 0;
      background: var(--theme-color1);
      z-index: -1;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-forms-two .form-group .theme-btn:hover:before,
.contact-forms-two .form-group input[type=submit]:hover:before,
.pricing-single-bx .inner-box .pricing-btn a:hover::before,
.service-card-style-3 .service-btn a:hover:before,
.service_single_item .service-btn a:hover:before,
.service_single_item:hover .service-btn a:before {
      width: 100%;
      left: 0
}

.service-card-style-3 .service-btn a:hover,
.service_single_item .service-btn a:hover,
.service_single_item:hover .service-btn a {
      color: var(--theme-color-black);
      border: 1px solid var(--theme-color1)
}

.service-card-style-3 .service-btn a i,
.service_single_item .service-btn a i {
      float: right;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      font-size: 15px;
      -webkit-transition: .5s;
      transition: .5s
}

.service_single_item:hover .service_content p {
      position: relative;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible
}

.icon-single-box p {
      font-size: 18px;
      line-height: 28px;
      margin: 25px 0 40px
}

.contact-section .sec-title .sub-title,
.process-section .sec-title .sub-title,
.process-section-two .sec-title .sub-title,
.services-section-two .sec-title .sub-title,
.skill-section .sec-title .sub-title,
.testimonial-section .sec-title .sub-title,
.why-choose-us-section .sec-title .sub-title,
.work-section-two .sec-title .sub-title {
      padding-top: 0
}

.services-section-two p.sec-descrption {
      margin: 0 0 0 auto;
      max-width: 477px
}

.services-section-two .buler-bg {
      position: absolute;
      right: 7%;
      bottom: 0;
      height: 620px;
      width: 620px
}

.services-section-two .shape {
      position: absolute;
      right: -13%;
      margin: 0;
      top: -23%;
      text-align: center;
      z-index: 1
}

.service_single_item-2 {
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 16px;
      margin-bottom: 30px
}

.choose-us-box-style-3::after,
.choose-us-box-style-3::before,
.pricing-box-items-4::after,
.pricing-box-items-4::before,
.process-section-two .process-bx::after,
.process-section-two .process-bx::before,
.service_single_item-2::after,
.service_single_item-2::before,
.work-single-box-two::after,
.work-single-box-two::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: inherit;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.brand-slider .slide-item ::after,
.brand-slider .slide-item:hover::before,
.brand-wrapper-3 .brand-wrapper-inner-3 .brand-image-3:hover,
.choose-us-box-style-3 ::after,
.choose-us-box-style-3:hover::before,
.pricing-box-items-4 ::after,
.pricing-box-items-4:hover::before,
.pricing-main-bx ::after,
.pricing-main-bx:hover::before,
.process-section-two .process-bx .process-conten:hover .number::after,
.process-section-two .process-bx ::after,
.process-section-two .process-bx:hover::before,
.product-details .bxslider .thumb-box li a.active:before,
.service_single_item-2 ::after,
.service_single_item-2:hover::before,
.testimonial-single_box-three ::after,
.testimonial-single_box-three:hover::before,
.why-choose-us-section-two .feature-grid .feature-item ::after,
.why-choose-us-section-two .feature-grid .feature-item:hover::before,
.work-single-box-two ::after,
.work-single-box-two:hover::before {
      opacity: 1
}

@-webkit-keyframes rotate {
      0% {
            --gradient-angle: 0deg
      }

      100% {
            --gradient-angle: 360deg
      }
}

.service_single_item-2 .service-single-inner {
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 40px 30px 12px;
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 16px
}

.service_single_item-2 .service_icon img {
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.service_single_item-2 .service_content {
      padding-right: 85px
}

.service_single_item-2 .service_content .title {
      margin: 26px 0 28px;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

.service_single_item-2 .service-no {
      position: absolute;
      top: 40px;
      right: 30px;
      font-weight: 500;
      font-size: 24px;
      color: #a1a1a1;
      -webkit-transition: .5s;
      transition: .5s
}

.service_single_item-2 .service-img {
      position: relative;
      z-index: 1;
      overflow: hidden;
      border-radius: 12px
}

.news-block .image-box .image a:after,
.service_single_item-2 .service-img:after,
.work-single-box-two .work-img:after {
      background: rgba(255, 255, 255, .3);
      bottom: 0;
      content: "";
      left: 50%;
      position: absolute;
      right: 51%;
      top: 0;
      opacity: 1;
      pointer-events: none;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.news-block .blog-single-box:hover .image-box .image a:after,
.service_single_item-2:hover .service-img:after,
.work-single-box-two:hover .work-img:after {
      left: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.service-section-3 .service-bg-blur {
      position: absolute;
      bottom: -10%;
      right: -14%;
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%);
      z-index: -1
}

.service-section-3 .service_single_item {
      background-color: transparent;
      border-right: 1px solid rgba(255, 255, 255, .1019607843)
}

.service-card-style-4 {
      position: relative;
      z-index: 1;
      padding: 35px 40px 80px
}

.service-card-style-4 .arrow-icon {
      display: inline-block;
      width: 45px;
      height: 45px;
      line-height: 45px;
      border: 1px solid rgba(255, 255, 255, .1);
      background-color: #141414;
      text-align: center;
      border-radius: 50%;
      color: #a1a1a1;
      position: absolute;
      bottom: 0;
      left: 66px;
      -webkit-transition: .3s;
      transition: .3s
}

.service-card-style-4::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      z-index: -1;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 14px;
      -webkit-mask-position: center center;
      background-color: #0a0a0a;
      -webkit-mask-image: url(../images/home-4/mask.png)
}

.service-card-style-4 .service-thumb {
      border-radius: 16px;
      margin-top: 45px;
      position: relative;
      overflow: hidden
}

.service-card-style-4 .service-thumb img {
      width: 100%;
      height: 100%;
      border-radius: 16px;
      -webkit-transition: .4s;
      transition: .4s
}

.service-card-style-4 .title {
      font-size: 26px;
      font-weight: 500
}

.news-card-style-4 .content .title a:hover,
.project-box-style-4 .content .title a:hover,
.service-card-style-3 .content .title a:hover,
.service-card-style-4 .title a:hover {
      color: var(--theme-color1);
      background-size: 100% 1px
}

.news-block .blog-single-box:hover .image img,
.news-card-style-4:hover .thumb img,
.project-box-style-4:hover .thumb img,
.service-card-style-4:hover .service-thumb img,
.team-single-box .inner-box:hover .image1 .team-bg {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
}

.service-section-4 .vec-bg {
      position: absolute;
      bottom: -20px;
      width: 571px;
      height: 553px;
      left: 28px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%)
}

.service-section-4 .vec-bg-2 {
      position: absolute;
      right: 0;
      top: 22%;
      width: 577px;
      height: 577px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      z-index: -1
}

.service-section-4 .vec-circle {
      position: absolute;
      right: 50px;
      bottom: 50px
}

.service-section-4 .vec-shape {
      position: absolute;
      top: 120px;
      left: 90px
}

.services-section-two {
      margin: 0 30px
}

@media (max-width:1399.98px) {
      .hero-3 .hero-image {
            margin-left: 0;
            width: auto
      }

      .hero-3 .hero-image img {
            width: 100%;
            height: 100%
      }

      .hero-4 .hero-content .hero-title {
            font-size: 70px
      }

      .hero-4 .hero-content .sub-title {
            padding-left: 0
      }

      .about-section-two .about-shape2,
      .about-section-two .image-column .image-shape,
      .work-section .right-shape1 {
            display: none
      }

      .service-card-style-4 .arrow-icon {
            bottom: 20px;
            left: 40px
      }

      .service-card-style-4::after {
            -webkit-mask-image: none;
            background-color: var(--body-bg)
      }

      .service-card-style-4 .service-thumb {
            margin-top: 25px
      }

      .services-section-two {
            margin: 0 20px
      }
}

.service-bg-color-3 {
      padding: 60px 0 60px 60px;
      position: relative;
      z-index: 9
}

.service-bg-color-3::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, .02);
      backdrop-filter: blur(35px);
      z-index: -1
}

.service-card-style-3 {
      padding-right: 80px;
      margin-right: 50px
}

.service-card-style-3.style-2 {
      margin-right: 0;
      padding: 50px;
      border: none;
      border-radius: 7px;
      background: #1c1c1c;
      backdrop-filter: blur(35px);
      position: relative
}

.service-card-style-3.style-2 .service-image {
      width: 224px;
      height: 207px;
      border-radius: 0 7px 0 200px;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.service-card-style-3.style-2 .service-image::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: var(--body-bg);
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      opacity: 0;
      visibility: hidden
}

.service-card-style-3.style-2:hover .service-image {
      height: 100%;
      width: 100%;
      bottom: 0;
      right: 0;
      top: 0;
      border-radius: 7px
}

.service-card-style-3.style-2:hover .service-image::before {
      visibility: visible;
      opacity: .9
}

.service-card-style-3 .content {
      margin-top: 90px;
      max-width: 300px
}

.service-card-style-3 .content .title {
      max-width: 255px;
      margin-bottom: 20px;
      -webkit-transform: translateY(80px);
      transform: translateY(80px);
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.service-card-style-3 .content .title a {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
      background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      -webkit-transition: .5s, background-size .5s;
      transition: .5s, background-size .5s;
      color: var(--theme-color-white)
}

.service-card-style-3 .content p {
      max-width: 290px;
      -webkit-transform: translateY(100px);
      transform: translateY(100px);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      overflow: hidden
}

.service-card-style-3 .service-btn a {
      display: block;
      color: var(--theme-color-white);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 30px;
      font-weight: 500;
      font-size: 16px;
      position: relative;
      z-index: 1;
      margin-top: 30px
}

.service-card-style-3:hover .content p {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      visibility: visible
}

.testimonial-section {
      position: relative;
      padding: 120px 0;
      background-color: var(--theme-color2);
      z-index: 1
}

.testimonial-section .testi-shape2 {
      position: absolute;
      left: 0;
      mix-blend-mode: Luminosity;
      z-index: -1;
      bottom: 0
}

.news-section .sec-title,
.pricing-section .sec-title,
.testimonial-section .sec-title,
.testimonial-section-three .sec-title,
.work-section .sec-title {
      margin-bottom: 60px
}

.testimonial-section .tesimonial-img {
      margin-bottom: 0;
      position: relative;
      z-index: 1
}

.testimonial-section .tesimonial-img::before {
      position: absolute;
      content: "";
      bottom: -2px;
      right: 111px;
      height: 50px;
      width: 50px;
      background: var(--theme-color2);
      z-index: 1
}

.testimonial-section .tesimonial-img::after {
      position: absolute;
      content: "";
      bottom: 48px;
      right: 111px;
      height: 5px;
      width: 50px;
      background: var(--theme-color6);
      z-index: 1
}

.sidebar-service-list li+li,
.testimonial-single_box {
      margin-top: 10px
}

.testimonial-single_box .testimonial-author {
      padding-left: 50px;
      position: relative
}

.testimonial-single_box .testimonial-author::before {
      position: absolute;
      left: 0;
      top: 18px;
      width: 40px;
      background: rgba(43, 43, 43, .4705882353);
      content: "";
      height: 1px
}

.testimonial-single_box .testi_content p {
      color: var(--headings-color-2);
      font-size: 20px;
      line-height: 34px;
      margin: 50px 5px 41px 0
}

.testimonial-single_box .testi-bio h4 {
      color: var(--headings-color-2);
      font-weight: var(--h5-font-weight);
      font-size: 26px;
      margin: 0 0 2px
}

.testimonial-single_box .testi-bio p {
      font-size: 18px;
      color: var(--headings-color-2)
}

.testimonial-slider .array-button {
      gap: 0;
      z-index: 9
}

.testimonial-slider .array-button .array-next,
.testimonial-slider .array-button .array-prev {
      border: none;
      border-radius: 0;
      font-size: 18px;
      color: var(--theme-color-black);
      line-height: 50px;
      height: 50px;
      width: 50px
}

.testimonial-slider .array-button .array-next {
      background-color: var(--theme-color-white);
      position: absolute;
      bottom: 50px;
      right: 41px;
      z-index: 99
}

.testimonial-slider .array-button .array-prev {
      background-color: var(--theme-color1);
      bottom: 0;
      right: 91px;
      z-index: 99;
      position: absolute
}

.counter_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      margin-top: 48px
}

.counter_box .count-box {
      font-weight: 600;
      font-size: 80px;
      line-height: 90px;
      color: var(--headings-color-2)
}

.counter_box .count-box span.plus {
      top: -20px;
      position: relative;
      font-size: 50px
}

.counter_box h6.counter-title {
      color: var(--headings-color-2);
      font-weight: 500;
      font-size: 24px;
      line-height: 34px
}

.tesimonail_list.default-navs .owl-nav {
      position: absolute;
      top: inherit;
      left: -37%;
      bottom: -44px
}

.tesimonail_list.default-navs .owl-nav .owl-next {
      display: block;
      margin: -99px 0 0;
      background-color: var(--theme-color2);
      font-size: 16px;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s
}

.products-carousel .owl-dot.active,
.tesimonail_list.default-navs .owl-nav .owl-next:hover {
      background: var(--theme-color3)
}

.tesimonail_list.default-navs .owl-nav .owl-prev {
      display: block;
      margin: 0;
      background-color: var(--theme-color3);
      font-size: 16px;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s
}

.tesimonail_list.default-navs .owl-nav .owl-prev:hover {
      background: var(--theme-color2)
}

.testimonial-section-two {
      padding: 120px 0 120px 120px;
      backdrop-filter: blur(10px)
}

.testimonial-section-two .sec-title {
      max-width: 485px
}

.testimonial-section-two .testimonial-single_box-two {
      position: relative;
      z-index: 1;
      border-radius: 0;
      margin-right: 40px;
      overflow: hidden
}

.testimonial-section-two .testimonial-single_box-two::after,
.testimonial-section-two .testimonial-single_box-two::before {
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 15px;
      content: "";
      inset: -0.1rem;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      opacity: 1;
      position: absolute;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: -1
}

.testimonial-section-two .testimonial-single_box-two .inner-single_box {
      background: linear-gradient(269deg, #111 2.24%, #000 75.32%);
      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;
      border-image-slice: 1;
      border-radius: 0;
      margin: 1px;
      color: var(--theme-color3)
}

.testimonial-section-two .testimonial-single_box-two .testi_content {
      margin-left: 50px;
      margin-top: -7px
}

.testimonial-section-two .testimonial-single_box-two .testi_content p {
      color: var(--text-color);
      font-size: 20px;
      font-weight: 400;
      line-height: 34px;
      margin: 37px 91px 0 0
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testi_aroow .top-title {
      font-family: "Plus Jakarta Sans", sans-serif;
      font-weight: 400;
      font-size: 30px;
      color: var(--theme-color-white)
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 30px;
      margin-bottom: 25px;
      margin-top: 50px;
      padding-left: 70px
}

.testimonial-section-two .default-navs .owl-nav .owl-next,
.testimonial-section-two .default-navs .owl-nav .owl-prev {
      display: block;
      height: 50px;
      width: 50px;
      border-radius: 0;
      font-size: 16px;
      line-height: 50px;
      font-weight: 700;
      color: var(--theme-color1);
      text-align: center
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author .testi-bio .title-info {
      color: var(--theme-color-white);
      margin: 0;
      position: relative;
      z-index: 1
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author .testi-bio .title-info::before {
      content: "";
      background: rgba(255, 255, 255, .24);
      height: 1px;
      left: -70px;
      position: absolute;
      top: 19px;
      width: 57px;
      z-index: -1
}

.testimonial-section-two .testimonial-single_box-two .testi_content .testimonial-author .testi-bio p {
      font-size: 18px;
      margin: 2px 0 0
}

.testimonial-section-two .column-right {
      padding-left: 40px
}

.testimonial-section-two .counter_box-testi {
      margin-top: 63px
}

.testimonial-section-two .counter_box-testi .count-box {
      font-weight: 400;
      font-size: 70px;
      line-height: 56px;
      color: var(--theme-color1);
      display: inline-block;
      margin-bottom: 26px;
      border-bottom: 1px solid rgba(244, 245, 248, .4117647059);
      padding-bottom: 31px;
      font-family: var(--heading-font-family)
}

.testimonial-section-two .counter_box-testi .count-box span.plus {
      top: -14px;
      position: relative;
      font-size: 50px
}

.testimonial-section-two .counter_box-testi .count-box .counter-icn {
      margin-top: -14px;
      margin-left: 25px
}

.testimonial-section-two .counter_box-testi h6.counter-title {
      font-size: 18px;
      font-weight: var(--h5-font-weight)
}

.testimonial-section-two .default-navs .owl-nav {
      position: absolute;
      top: inherit;
      right: 41px;
      bottom: 0
}

.testimonial-section-two .default-navs .owl-nav .owl-next {
      margin: -99px 0 0;
      background-color: var(--theme-color3);
      -webkit-transition: .5s;
      transition: .5s
}

.testimonial-section-two .default-navs .owl-nav .owl-prev {
      margin: 0;
      background-color: var(--theme-color2);
      -webkit-transition: .5s;
      transition: .5s
}

.testimonial-section-two .testi-sp {
      position: absolute;
      bottom: 11%;
      right: 5%;
      z-index: -1
}

.owl-carousel .owl-item img {
      width: inherit
}

.testimonial-section-three .column-right .counter_box-testi {
      float: right;
      margin-top: -7px
}

.testimonial-section-three .column-right .counter_box-testi .count-box {
      font-weight: 500;
      font-size: 62px;
      line-height: 56px;
      color: var(--theme-color1);
      display: inline-block;
      margin-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      padding-bottom: 14px;
      font-family: var(--heading-font-family)
}

.testimonial-section-three .column-right .counter_box-testi .count-box span.plus {
      top: -22px;
      position: relative;
      font-size: 40px;
      font-weight: 600
}

.testimonial-section-three .column-right .counter_box-testi .count-box .counter-icn {
      margin-top: -20px;
      margin-left: 12px;
      height: 60px
}

.testimonial-section-three .column-right .counter_box-testi h6.counter-title {
      font-size: 24px;
      font-weight: var(--h5-font-weight)
}

.testimonial-single_box-three {
      position: relative;
      z-index: 1;
      margin: 1px 0
}

.testimonial-single_box-three::after,
.testimonial-single_box-three::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 16px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.testimonial-single_box-three .testi-inner {
      border: 1px solid var(--border-theme-color1);
      position: relative;
      z-index: 1;
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 40px 40px 15px;
      border-radius: 16px;
      height: 310px;
      overflow-y: auto;
      overflow-x: hidden;
      transition: .4s
}

.testimonial-single_box-three .testi-inner::-webkit-scrollbar-thumb {
      background: #dadada !important;
      border-radius: 10px
}

.more-text.show {
      display: inline
}

.product-details.rd-page .bx-wrapper .thumb-box li,
.testimonial-single_box-three .testi-inner.active {
      height: auto
}

.read-more-btn {
      display: inline-block;
      margin-top: 12px;
      color: #1a61ad;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: .3s
}

.read-more-btn:hover {
      opacity: .8
}

.testimonial-single_box-three .testi-inner::-webkit-scrollbar {
      width: 5px
}

.testimonial-single_box-three .testimonial-author {
      position: absolute;
      right: 40px;
      top: 40px
}

.testimonial-single_box-three .testimonial-author img {
      -webkit-mask-image: url(../images/testi-ma-1.webp);
      mask-image: url(../images/testi-ma-1.webp);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.testimonial-single_box-three .testi_aroow {
      margin: 64px 0 18px;
      -webkit-filter: brightness(0) invert(0.4);
      filter: brightness(0) invert(.4);
      -webkit-transition: .5s;
      transition: .5s
}

.testimonial-single_box-three .testi_content p {
      font-family: var(--heading-font-family);
      font-weight: 400;
      font-size: 18px;
      line-height: 32px
}

.testimonial-single_box-three .testi_content .testi-bio .title {
      font-weight: 500;
      font-size: 16px;
      margin: 25px 0 13px
}

.testimonial-single_box-three .testi_content .testi-bio p {
      font-family: var(--heading-font-family);
      font-size: 16px;
      font-weight: 500
}

.testimonial-single_box-three:hover .testi_aroow {
      margin: 64px 0 18px;
      -webkit-filter: brightness(1) invert(0);
      filter: brightness(1) invert(0)
}

.testimonial-image-style-3 {
      max-width: 536px;
      position: relative;
      z-index: 9
}

.testimonial-image-style-3 .testi-circle {
      position: absolute;
      bottom: -70px;
      left: -120px;
      z-index: -1
}

.testimonial-image-style-3 .testi-campaign {
      position: absolute;
      left: 20px;
      top: 110px
}

.testimonial-image-style-3 .testi-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 300px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      right: 30px;
      bottom: 10px
}

.testimonial-image-style-3 img {
      width: 100%;
      height: 100%;
      border-radius: 30px
}

.testimonial-box-items-3 {
      margin-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none
}

.testimonial-box-items-3 .content {
      background: linear-gradient(40deg, #222b1c -22.01%, #070c0f 55.3%);
      border: 1px solid rgba(255, 255, 255, .13);
      padding: 50px 40px 18px;
      position: relative;
      border-radius: 30px;
      -webkit-box-shadow: none;
      box-shadow: none;
      overflow: hidden
}

.testimonial-box-items-3 .content .client-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      margin-bottom: 20px
}

.testimonial-box-items-3 .content .client-info .client-img img {
      width: 75px;
      height: 75px;
      border-radius: 50%
}

.testimonial-box-items-3 .content .client-info .info-title span {
      color: var(--theme-color-white);
      font-size: 14px
}

.testimonial-box-items-3 .content .quote-icon {
      position: absolute;
      right: 55px;
      top: 45px
}

.testimonial-box-items-3 .content p {
      font-size: 20px;
      font-weight: 400;
      color: #a1a1a1;
      line-height: 170%
}

@media (max-width:1199.98px) {
      .hero-3 .hero-content p {
            margin-top: 25px;
            font-size: 18px
      }

      .hero-3 .hero-content .hero-button-items {
            gap: 30px;
            margin-top: 30px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
      }

      .hero-3 .hero-image {
            margin-top: 25px
      }

      .hero-3 .hero-image .hero-marketing-box {
            left: 0
      }

      .hero-4 {
            padding: 500px 0 120px
      }

      .hero-4 .hero-content .hero-title {
            font-size: 50px
      }

      .hero-4 .hero-content .video-items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px
      }

      .about-section .about-icon-box .dance-sp.bounce-animate2,
      .about-section .about-shape,
      .about-section .about-shape2,
      .about-section .bg-blur,
      .about-section .bg-blur2,
      .about-section-four .anim-icons .image-1,
      .hero-4 .hero-image::before,
      .services-section .service-sp-right,
      .testimonial-content-style-3 .sec-title h2 br,
      .testimonial-section-two .testi-sp {
            display: none
      }

      .about-section .about-icon-box,
      .services-section .service-slider {
            margin-left: 0
      }

      .about-section-two .image-column .image-1 {
            left: 30px
      }

      .about-content-style-3 .about-list-items,
      .services-section .service-column .inner-column,
      .testimonial-section-two .testimonial-single_box-two {
            margin-right: 0
      }

      .about-content-style-3 .about-image-2 {
            max-width: 300px
      }

      .mission-section .mission-list-item ul {
            padding: 0
      }

      .mission-section .mission-list-item ul li {
            padding-left: 15px
      }

      .service_single_item {
            padding: 45px 30px 40px
      }

      .service_single_item .service_content .title {
            -webkit-transform: translateY(63px);
            transform: translateY(63px)
      }

      .service_single_item-2 .service_content .title {
            font-size: 20px
      }

      .service-card-style-4 .title {
            font-size: 24px
      }

      .services-section-two {
            margin: 0 15px
      }

      .service-bg-color-3 {
            padding: 40px
      }

      .service-card-style-3.style-2 {
            padding: 40px 30px
      }

      .service-card-style-3 {
            padding-right: 20px;
            margin-right: 0
      }

      .testimonial-section-two .sec-title h2 {
            line-height: 43px
      }

      .testimonial-box-items-3 .content {
            padding: 30px
      }

      .testimonial-box-items-3 .content .client-info {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px
      }

      .testimonial-box-items-3 .content p {
            font-size: 19px
      }
}

.testimonial-content-style-3 .array-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      margin-top: 60px
}

.testimonial-content-style-3 .array-button .array-next,
.testimonial-content-style-3 .array-button .array-prev {
      width: 50px;
      height: 50px;
      line-height: 48px;
      border-radius: 50%;
      border: 1px solid rgba(0, 0, 0, .4);
      background-color: transparent;
      color: var(--theme-color-black);
      text-align: center
}

.testimonial-box-style-4 {
      position: relative;
      z-index: 9;
      padding: 50px 40px;
      border-radius: 14px;
      background: -webkit-gradient(linear, left top, right top, color-stop(-10.28%, rgba(12, 12, 12, .8)), color-stop(77.83%, rgba(28, 28, 28, .8)));
      background: linear-gradient(90deg, rgba(12, 12, 12, .8) -10.28%, rgba(28, 28, 28, .8) 77.83%);
      border: 1px solid rgba(255, 255, 255, .1)
}

.testimonial-box-style-4 .quote-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 107px;
      margin-bottom: 45px
}

.testimonial-box-style-4 .quote-icon .star {
      color: var(--theme-color1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px
}

.testimonial-box-style-4 p {
      font-size: 18px;
      line-height: 170%;
      margin-bottom: 0;
      font-weight: 400;
      color: var(--text-color);
      max-width: 508px
}

.testimonial-box-style-4 .info-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 25px;
      margin-top: 45px
}

.testimonial-box-style-4 .info-item .info-thumb {
      width: 65px;
      height: 65px
}

.testimonial-box-style-4 .info-item .info-thumb img {
      border-radius: 50%
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon .title,
.testimonial-box-style-4 .info-item .title {
      font-size: 24px;
      color: var(--theme-color-white)
}

.testimonial-box-style-4 .info-item .title span {
      color: var(--text-color);
      font-size: 16px;
      font-weight: 400;
      font-family: var(--body-font-family);
      display: inline-block;
      margin-left: 25px
}

.testimonial-section-4 {
      padding-top: 410px !important;
      position: relative
}

.testimonial-section-4 .vec-bg {
      position: absolute;
      left: -15%;
      bottom: 300px;
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%)
}

.testimonial-section-4 .vec-bg-2 {
      position: absolute;
      bottom: 0;
      right: -21%;
      width: 577px;
      height: 577px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%)
}

.testimonial-section-4 .vec-video-shape {
      position: absolute;
      bottom: 40px;
      left: 40px
}

.testimonial-section-3 {
      position: relative;
      margin: 0 50px;
      border-radius: 30px;
      overflow: hidden
}

.testimonial-section-3 .testimonial-right-shape {
      position: absolute;
      bottom: 0;
      right: 0;
      pointer-events: none;
      opacity: .5
}

.process-section .process-shape {
      position: absolute;
      left: 9%;
      top: 20%;
      z-index: -1
}

.process-section .process-shape2 {
      position: absolute;
      right: 10%;
      top: 19%;
      z-index: -1
}

.process-border::before {
      content: "";
      position: absolute;
      left: 0;
      top: -2px;
      margin: auto;
      right: 0;
      width: 894px;
      height: 1px;
      background-image: repeating-linear-gradient(to right, #fcdb66, #fcdb66 7px, transparent 4px, transparent 12px)
}

.process-single-box {
      padding: 0;
      position: relative;
      z-index: 1;
      margin-bottom: 30px;
      text-align: center;
      margin-top: 90px
}

.process-single-box::before {
      content: "";
      position: absolute;
      top: -86px;
      left: 50%;
      width: 1.5px;
      height: 29px;
      background-image: repeating-linear-gradient(to bottom, #fcdb66 0 6px, transparent 6px 12px)
}

.process-single-box .process-thumb {
      position: relative;
      z-index: 1;
      -webkit-transition: .5s;
      transition: .5s
}

.process-single-box .process-thumb img {
      -webkit-mask-image: url(../images/main-home/process-img-mask.png);
      mask-image: url(../images/main-home/process-img-mask.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.process-single-box:hover .process-thumb {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg)
}

.process-single-box:hover h3.process-number {
      background: var(--theme-color-white)
}

.work-box-items-3 .work-content .content .theme-buton a i,
.work-single-box .work-content .theme-buton a,
.work-single-box .work-content .theme-buton a i {
      background-color: var(--body-bg);
      color: var(--theme-color-white)
}

.process-single-box .process-content {
      padding: 0 20px
}

.process-single-box .process-content .title {
      margin: 20px 0
}

.process-single-box h3.process-number {
      font-weight: 500;
      font-size: 16px;
      color: var(--theme-color2);
      position: absolute;
      top: -53px;
      left: 0;
      margin: auto;
      right: 0;
      height: 40px;
      width: 40px;
      line-height: 40px;
      border-radius: 50%;
      z-index: 1;
      background: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s
}

.process-section-two {
      padding-bottom: 96px;
      position: relative
}

.contact-section-two.style-h4 .contact-right-warp .sec-title,
.process-section-two .sec-title,
.skill-section .sec-title,
.work-section-two .sec-title {
      margin-bottom: 50px
}

.process-section-two .process-bx {
      position: relative;
      z-index: 1;
      border-radius: 16px
}

.process-section-two .process-bx .process-conten {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: #0a0a0a;
      margin-bottom: 24px;
      padding: 33px 30px;
      -webkit-transition: .5s;
      transition: .5s;
      position: relative;
      z-index: 1
}

.process-section-two .process-bx .process-conten .content .title {
      color: var(--theme-color-white);
      margin: 0
}

.process-section-two .process-bx .process-conten .content .number {
      color: var(--theme-color1);
      font-family: var(--heading-font-family);
      margin-right: 58px;
      position: relative;
      font-size: 24px;
      -webkit-transition: .5s;
      transition: .5s
}

.process-section-two .process-bx .process-conten .content .number::before {
      position: absolute;
      content: "";
      right: -30px;
      top: 3px;
      height: 30px;
      width: 1px;
      background: rgba(255, 255, 255, .2901960784);
      -webkit-transition: .5s;
      transition: .5s
}

.process-section-two .process-bx .process-conten .content .number::after {
      position: absolute;
      content: "";
      right: -64px;
      top: 22px;
      height: 1px;
      width: 50px;
      background: var(--theme-color1);
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.process-section-two .process-bx .process-conten:hover .number {
      margin-right: 80px
}

.process-section-two .process-img {
      margin-left: 60px;
      position: relative;
      text-align: center;
      z-index: 1
}

.process-section-two .process-img .image-box img {
      left: 0;
      position: absolute;
      top: 150px
}

.process-section-two .process-img .image-box:before {
      position: absolute;
      content: "";
      background-color: var(--theme-color2);
      width: 510px;
      height: 636px;
      left: 0;
      top: 30px;
      border-radius: 320px 320px 149px 10px;
      z-index: -1
}

.process-section-two .process-img .image-box:after {
      background-color: var(--theme-color1);
      border-radius: 320px 320px 149px 10px;
      content: "";
      height: 636px;
      left: -15px;
      position: absolute;
      top: 20px;
      width: 510px;
      z-index: -2
}

.process-section-two .process-img .process-icon-box {
      background: var(--theme-color1);
      border-radius: 16px;
      display: inline-block;
      padding: 35px 0;
      position: absolute;
      right: 0;
      text-align: center;
      top: 300px;
      width: 200px
}

.process-section-two .process-img .process-icon-box .process-count span.count-text {
      font-weight: 600;
      font-size: 60px;
      line-height: 1;
      color: var(--theme-color-black);
      font-family: var(--heading-font-family)
}

.process-section-two .process-img .process-icon-box .process-count span.plus {
      font-family: var(--heading-font-family);
      font-weight: 400;
      font-size: 34px;
      position: relative;
      top: -31px;
      left: 6px;
      color: var(--theme-color-black)
}

.process-section-two .process-img .process-icon-box .process-count h6.counter-title {
      font-size: 18px;
      line-height: 28px;
      margin-top: 24px;
      font-weight: 500;
      color: var(--theme-color-black)
}

.process-section-two .process-img .process-sp {
      position: absolute;
      bottom: 15%;
      z-index: -1;
      right: -34%
}

.work-section {
      z-index: 1;
      margin-top: -1px;
      background: var(--theme-color2);
      position: relative
}

.work-section .work-shapes {
      position: absolute;
      top: 2%;
      left: 28%;
      z-index: -1;
      animation-name: rotateme;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-timing-function: linear
}

.marquee-two .text:before,
.project-section-4 .work-shapes {
      animation-name: rotateme;
      animation-iteration-count: infinite;
      animation-timing-function: linear
}

.work-section .work-bg-blur {
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      position: absolute;
      right: 0;
      left: 0;
      margin: auto;
      bottom: 0;
      height: 555px;
      width: 555px;
      z-index: -1;
      border-radius: 50%
}

.work-single-box {
      background: var(--theme-color4);
      padding: 30px 30px 30px 164px;
      backdrop-filter: blur(10px);
      position: relative;
      z-index: 1;
      margin-bottom: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}

.work-single-box .work-content .title {
      margin-bottom: 40px;
      position: relative;
      padding-left: 0
}

.work-single-box .work-content p {
      margin-right: 50px;
      line-height: 26px
}

.work-single-box .work-content span.work-date {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color1);
      margin: 9px 0 56px;
      display: inline-block
}

.work-single-box .work-content .theme-buton a {
      font-size: 16px;
      padding: 15px 43px
}

.work-single-box h3.wokr-number {
      font-weight: 300;
      font-size: 40px;
      color: #a1a1a1;
      position: absolute;
      top: 90px;
      left: 50px
}

.work-single-box .work-img {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      position: relative;
      z-index: 1
}

.work-single-box .work-img .work-shape {
      position: absolute;
      bottom: -30px;
      left: -73px;
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 0
}

.work-single-box:hover .work-shape {
      opacity: 1;
      left: -50px;
      bottom: 0
}

.work-section-two .shape-1 {
      position: absolute;
      top: 13%;
      left: 13%;
      z-index: -1
}

.work-section-two .shape-2 {
      position: absolute;
      top: 15%;
      right: 12%;
      z-index: -1
}

.work-section-two .shape-2 img {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
      opacity: .5
}

.work-single-box-two {
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 16px;
      margin: 0 0 50px
}

.work-single-box-two .work-box-inner {
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 50px 20px 20px;
      border-radius: 16px
}

.work-single-box-two .work-box-inner.style-two {
      padding: 20px 20px 50px !important;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(.69%, #1c1c1c), color-stop(98.44%, #0c0c0c)) !important;
      background: linear-gradient(0deg, #1c1c1c .69%, #0c0c0c 98.44%) !important
}

.work-single-box-two .work-box-inner.style-two .work-content {
      margin-bottom: 0;
      margin-top: 60px
}

.work-single-box-two .work-box-inner.style-two .work-buton a {
      top: inherit;
      bottom: -9%
}

.work-single-box-two.bottom {
      -webkit-transform: translateY(50px) !important;
      transform: translateY(50px) !important
}

.work-single-box-two .work-content {
      text-align: center;
      margin-bottom: 40px
}

.work-single-box-two .work-content .title {
      margin-bottom: 24px;
      cursor: pointer;
      -webkit-transition: .5s;
      transition: .5s
}

.work-single-box-two .work-content p {
      font-weight: 400;
      font-size: 14px;
      color: var(--theme-color1);
      border: 1px solid rgba(255, 255, 255, .1);
      background: #0a0a0a;
      display: inline-block;
      border-radius: 20px;
      padding: 4px 20px
}

.news-block .blog-single-box.style_two .image,
.work-single-box-two .work-img img {
      border-radius: 15px
}

.work-single-box-two .work-img .work-buton a {
      display: inline-block;
      position: absolute;
      top: -30px;
      height: 60px;
      width: 60px;
      line-height: 60px;
      background: var(--body-bg);
      border-radius: 50%;
      text-align: center;
      color: var(--theme-color-white);
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      font-size: 16px;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.work-single-box-two:hover .work-buton a {
      background: var(--theme-color2);
      color: var(--theme-color1)
}

.work-box-items-3 {
      background-color: #0a0a0a;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 30px 0;
      margin-bottom: 24px;
      position: relative
}

.work-box-items-3 .shape-1 {
      position: absolute;
      bottom: 10px;
      left: 35%
}

.work-box-items-3 .work-content {
      padding: 0 70px;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%
}

.work-box-items-3 .work-content .top-title {
      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;
      position: relative;
      margin-bottom: 40px
}

.work-box-items-3 .work-content .top-title::before {
      position: absolute;
      top: 50%;
      left: 40%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      content: "";
      opacity: .3;
      background: #a1a1a1;
      height: 1px;
      width: 324px
}

.work-box-items-3 .work-content .top-title span {
      font-size: 22px;
      font-weight: 600;
      font-family: var(--heading-font-family)
}

.work-box-items-3 .work-content .top-title p {
      font-size: 18px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      margin-bottom: 0
}

.work-box-items-3 .work-content .content {
      margin-left: 40px
}

.work-box-items-3 .work-content .content p {
      margin-bottom: 52px
}

.work-box-items-3 .work-content .content .border-style-btn {
      background-color: transparent;
      border: 1px solid rgba(255, 255, 255, .2);
      color: #fff
}

.work-box-items-3 .work-content .content .border-style-btn i {
      color: #fff;
      -webkit-transition: .3s;
      transition: .3s
}

.work-box-items-3 .work-content .content .border-style-btn:hover,
.work-box-items-3 .work-content .content .border-style-btn:hover i {
      color: var(--theme-color1-text-color)
}

.work-box-items-3 .work-content .content .theme-buton {
      margin-top: 50px
}

.work-box-items-3 .work-content .content .theme-buton a {
      font-size: 16px;
      background-color: var(--body-bg);
      color: var(--theme-color-white)
}

.work-box-items-3 .thumb {
      max-width: 618px
}

.choose-us-image-style-3 .thumb-1 img,
.work-box-items-3 .thumb img {
      width: 100%;
      height: 100%
}

.work-section .work-bg-blur2 {
      width: 571px;
      height: 553px;
      background: radial-gradient(50% 50% at 50% 50%, rgba(107, 55, 255, .44) 0, rgba(107, 55, 255, 0) 100%);
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1
}

.project-section-4 {
      background-color: var(--theme-color-black);
      position: relative
}

.project-section-4 .auto-container {
      max-width: 1820px;
      position: static
}

.project-section-4 .sec-title {
      margin-bottom: 70px
}

.main-footer.home-2 .about-widget .logo,
.project-section-4 .sec-title .sub-title {
      margin-bottom: 40px
}

.project-section-4 .sec-title h2 {
      font-size: 100px;
      line-height: 80px
}

.project-box-style-4 {
      position: relative;
      z-index: 9;
      padding: 30px 20px;
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      border-radius: 14px
}

.project-box-style-4 .images-box .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, 100%);
      transform: translate(-50%, 100%);
      -webkit-transition: .4s;
      transition: .4s;
      opacity: 0;
      visibility: hidden
}

.project-box-style-4 .thumb {
      padding-bottom: 0;
      position: relative;
      overflow: hidden;
      border-radius: 12px
}

.project-box-style-4 .thumb img {
      width: 100%;
      height: 100%;
      border-radius: 12px;
      -webkit-transition: .4s;
      transition: .4s
}

.project-box-style-4 .content {
      padding: 40px 10px 10px
}

.news-block .blog-single-box.style_two .content-box .title,
.news-block .blog-single-box.style_two .content-box .title span,
.news-block .blog-single-box.style_two .content-box .title strong,
.project-box-style-4 .content .title {
      font-weight: 500
}

@media (max-width:1599.98px) {
      .about-section .about-icon-box {
            gap: 50px;
            width: auto
      }

      .testimonial-slider .array-button .array-next {
            right: 0
      }

      .testimonial-slider .array-button .array-prev {
            right: 50px
      }

      .project-box-style-4 .content .title {
            font-size: 22px
      }
}

.project-box-style-4 .content .post-box {
      display: inline-block;
      font-size: 14px;
      font-weight: 400;
      color: var(--theme-color1);
      border-radius: 60px;
      border: 1px solid rgba(255, 255, 255, .1);
      padding: 5px 20px;
      margin-top: 20px;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.project-box-style-4:hover .images-box .icon {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 1;
      visibility: visible
}

.project-section-4 .arrow-shape {
      position: absolute;
      top: 25%;
      left: 33%
}

.project-section-4 .work-shapes {
      position: absolute;
      top: 2%;
      left: 10%;
      text-align: center;
      z-index: -1;
      -webkit-animation-duration: 20s;
      animation-duration: 20s
}

.marquee-section {
      position: relative;
      padding: 60px 0
}

.marquee,
.marquee-h3,
.marquee-three,
.marquee-two {
      position: relative;
      --duration: 30s;
      --gap: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      gap: var(--gap)
}

.marquee .marquee-group,
.marquee-h3 .marquee-group,
.marquee-three .marquee-group,
.marquee-two .marquee-group {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      gap: var(--gap);
      min-width: 100%;
      -webkit-animation: scroll var(--duration) linear infinite;
      animation: scroll var(--duration) linear infinite
}

.marquee .text,
.marquee .text .title {
      -webkit-box-align: center;
      text-transform: uppercase
}

.marquee .text {
      font-size: 24px;
      line-height: 1.3;
      color: var(--theme-color4);
      font-weight: 700;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
}

.marquee-three .text,
.marquee-two .text {
      line-height: 1.2;
      font-family: var(--heading-font-family)
}

.marquee .text .title,
.marquee-two .text {
      color: var(--theme-color-black);
      font-weight: 700
}

.marquee .text:before {
      position: absolute;
      content: "";
      left: -85px;
      bottom: 0;
      height: 140px;
      width: 240px;
      border: 1px solid var(--theme-color-black);
      border-radius: 100px
}

.marquee .text .title {
      margin: 0 57px;
      position: relative;
      font-size: 70px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid var(--theme-color-black);
      padding: 23.5px 80px;
      border-radius: 100px
}

.marquee-two.five .text,
.marquee-two.four .text {
      font-size: 38px;
      line-height: 2;
      text-transform: capitalize
}

.marquee-section-two {
      position: relative;
      padding: 30px 0
}

.marquee-two .text {
      font-size: 40px;
      margin: 0 43px;
      position: relative
}

.marquee-two .text:before {
      content: "";
      position: absolute;
      left: -56px;
      top: 10px;
      height: 25px;
      width: 25px;
      background: url(../images/home-2/marque-icon.png);
      -webkit-animation-duration: 6s;
      animation-duration: 6s
}

.marquee-three .text {
      font-size: 80px;
      color: var(--theme-color-white);
      font-weight: 800;
      margin: 0 90px;
      position: relative
}

.marquee-three .text:before {
      content: "";
      content: "";
      position: absolute;
      left: -121px;
      top: 19px;
      height: 65px;
      width: 65px;
      background: url(../images/home-2/arrwo-icon.png) no-repeat
}

.marquee-section-h3 {
      position: relative;
      padding: 22px 0
}

.marquee-h3 .text {
      color: var(--theme-color-black);
      font-family: var(--heading-font-family);
      font-size: 40px;
      font-weight: 700;
      line-height: 57px;
      margin: 0 75px;
      position: relative
}

.marquee-h3 .text:before {
      content: "";
      position: absolute;
      left: -99px;
      top: 0;
      height: 52px;
      width: 52px;
      background: url(../images/home-3/marque-icon.png);
      -webkit-animation-name: rotateme;
      animation-name: rotateme;
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear
}

.style_three {
      padding: 40px 0
}

.style_three .marquee .text h1 {
      margin: 0 55px;
      font-weight: 800;
      font-size: 115px;
      border: 0;
      padding: 0;
      border-radius: 0
}

.marquee-section-two.four {
      position: relative;
      background-color: var(--theme-color2);
      padding: 37px 0
}

.marquee-two.four .text {
      margin: 0 75px
}

.marquee-two.four .text:before {
      left: -101px;
      top: 13px;
      height: 58px;
      width: 58px;
      background: url(../images/home-4/marque-shap.png) no-repeat
}

.marquee-section-two.five {
      position: relative;
      background-color: var(--theme-color1);
      padding: 27px 0
}

.marquee-two.five .text {
      margin: 0 75px;
      font-size: 600;
      color: var(--theme-color3)
}

.marquee-two.five .text:before {
      left: -101px;
      top: 13px;
      height: 58px;
      width: 58px;
      background: url(../images/home-6/rotate.png) no-repeat
}

@media (prefers-reduced-motion:reduce) {

      .marquee .marquee-group,
      .marquee-h3 .marquee-group,
      .marquee-three .marquee-group,
      .marquee-two .marquee-group,
      .marquee-two.five .marquee-group,
      .marquee-two.four .marquee-group {
            -webkit-animation-play-state: paused;
            animation-play-state: paused
      }
}

@-webkit-keyframes scroll {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      100% {
            -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)))
      }
}

@keyframes scroll {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      100% {
            -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)))
      }
}

.team-section {
      position: relative;
      padding: 100px 0 90px;
      background: #0a0a0a
}

.team-section .sec-title h2 {
      max-width: 430px
}

.footer-upper,
.our-team-intro .team-culmn {
      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
}

.our-team-intro .team-des {
      font-size: 16px;
      line-height: 28px;
      width: 62%
}

.our-team-intro .theme-buton {
      margin-top: -18px;
      margin-right: 62px
}

.our-team-intro .theme-buton a {
      font-size: 16px;
      padding: 15px 40px;
      margin-top: -18px
}

.product-block-two,
.team-single-box {
      position: relative;
      margin-bottom: 30px
}

.team-single-box .inner-box:hover .image1 {
      mix-blend-mode: normal
}

.team-single-box .inner-box:hover .social-links {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible
}

.team-single-box .inner-box:hover .designation:before {
      background: var(--theme-color-black)
}

.pricing-single-bx:hover .theme-hover-bx,
.pricing-single-bx:hover h3.popular,
.team-single-box .inner-box:hover .theme-hover-bx,
.team-single-box-two:hover .theme-hover-bx {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
}

.team-single-box .image-box .image1 {
      margin-bottom: 0;
      mix-blend-mode: luminosity;
      -webkit-transition: .4s;
      transition: .4s
}

.team-single-box .image-box .image1 .team-bg {
      width: 100%;
      -webkit-transition: .4s;
      transition: .4s
}

.team-single-box .image-box .image2 .team-img {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
}

.team-single-box .info-box {
      padding: 32px 35px 36px;
      background: var(--body-bg);
      position: relative;
      margin-left: 42px;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 1
}

.team-single-box .info-box .name {
      margin-bottom: 8px
}

.team-single-box .info-box .name a {
      font-weight: 500;
      z-index: 2;
      font-size: 26px;
      -webkit-transition: .3s;
      transition: .3s;
      display: inline-block
}

.team-single-box .info-box .designation {
      position: relative;
      display: block;
      z-index: 2;
      font-family: var(--heading-font-family);
      -webkit-transition: .3s;
      transition: .3s;
      padding-left: 50px
}

.team-single-box .info-box .designation::before {
      position: absolute;
      left: 0;
      top: 15px;
      width: 40px;
      content: "";
      height: 1px;
      background: rgba(255, 255, 255, .2);
      -webkit-transition: .3s;
      transition: .3s
}

.pricing-single-bx .theme-hover-bx,
.team-single-box .info-box .theme-hover-bx {
      background: var(--theme-color1);
      height: 100%;
      top: 0;
      opacity: 0;
      position: absolute;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: .5s;
      transition: .5s;
      width: 25%;
      z-index: -1
}

.pricing-single-bx .hover-bx,
.team-single-box .info-box .hover-bx {
      left: 0;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms
}

.pricing-single-bx .hover-bx2,
.team-single-box .info-box .hover-bx2,
.team-single-box-two .hover-bx2 {
      left: 25%;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms
}

.pricing-single-bx .hover-bx3,
.team-single-box .info-box .hover-bx3,
.team-single-box-two .hover-bx3 {
      left: 50%;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms
}

.pricing-single-bx .hover-bx4,
.team-single-box .info-box .hover-bx4 {
      left: 75%;
      -webkit-transition-delay: 0s;
      transition-delay: 0s
}

.team-single-box .share-icon {
      position: absolute;
      left: 42px;
      bottom: 0;
      height: 50px;
      width: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 18px;
      background-color: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 3;
      color: var(--theme-color2)
}

.team-single-box .social-links {
      position: absolute;
      left: 42px;
      bottom: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      z-index: 3;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: .4s;
      transition: .4s
}

.team-single-box .social-links a {
      position: relative;
      height: 50px;
      width: 50px;
      display: block;
      font-size: 16px;
      line-height: 50px;
      text-align: center;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s;
      backdrop-filter: blur(10px);
      background: rgba(244, 245, 248, .1490196078);
      margin-bottom: 10px
}

.team-single-box .social-links a:hover {
      color: var(--theme-color-black);
      background-color: var(--theme-color1)
}

.team-section.style-two .our-team-intro {
      margin-bottom: -5px
}

.team-section.style-two .outer-bx {
      max-width: 1635px;
      margin: auto
}

.team-single-box-two {
      background: #1c1c1c;
      position: relative;
      margin-bottom: 30px;
      padding: 25px 20px 28px;
      border-radius: 20px;
      margin-top: 40px
}

.team-single-box-two.bottom {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px)
}

.team-single-box-two .share-icon,
.team-single-box-two .social-links a {
      height: 50px;
      width: 50px;
      border-radius: 50%;
      line-height: 50px;
      text-align: center
}

.team-single-box-two .image-box figure img {
      -webkit-mask-image: url(../images/home-2/team-mask1.png);
      mask-image: url(../images/home-2/team-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

@media (max-width:1370.98px) {
      .team-single-box-two .image-box figure img {
            width: 100%
      }
}

.team-single-box-two .info-box {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 1;
      margin-top: 8px
}

.team-single-box-two .info-box .designation,
.team-single-box-two .info-box .name a {
      -webkit-transition: .3s;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family)
}

.team-single-box-two .info-box .name a {
      font-weight: 500;
      font-size: 22px;
      transition: .3s;
      display: inline-block;
      line-height: 0
}

.team-single-box-two .info-box .designation {
      position: relative;
      display: block;
      z-index: 2;
      transition: .3s;
      font-size: 15px
}

.team-single-box-two .share-icon {
      position: absolute;
      left: 20px;
      top: 0;
      font-size: 18px;
      background-color: #616161;
      -webkit-transition: .3s;
      transition: .3s;
      z-index: 3;
      color: var(--theme-color-white)
}

.team-single-box-two .social-links {
      position: absolute;
      left: 20px;
      top: 70px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      z-index: 3;
      visibility: visible;
      opacity: 1;
      -webkit-transition: .4s;
      transition: .4s
}

@media (max-width:991.98px) {

      .about-content-style-3 .about-image-2,
      .about-section-two .image-column .about-campaign span.campaign-badge::before,
      .hero-3 .hero-content .title .arrow-icon {
            display: none
      }

      .hero-4 {
            padding: 150px 0 120px
      }

      .hero-4 .hero-content {
            margin-top: 0
      }

      .hero-4 .hero-content .hero-title {
            font-size: 60px
      }

      .hero-4 .hero-image {
            text-align: center
      }

      .hero-4 .hero-image .circle-box {
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
      }

      .about-section {
            padding: 80px 0
      }

      .about-section-four .image-column .inner-column {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
      }

      .about-section-four .image-column .inner-column .image-one,
      .icon-single-box {
            margin-bottom: 30px
      }

      .about-section-four .content-column .inner-column .info-box,
      .project-section-4 .sec-title .sub-title,
      .services-section-two .sec-title h2 {
            margin-bottom: 20px
      }

      .mission-section .mission-list-item ul {
            -ms-flex-pack: distribute;
            justify-content: space-around
      }

      .mission-section .mission-list-item ul li {
            font-size: 16px
      }

      .cta-video-thumb {
            height: 600px
      }

      .cta-video-thumb .video-btn {
            top: 60%
      }

      .services-section .sec-title,
      .work-box-items-3 .work-content .content {
            margin-left: 0
      }

      .services-section .array-button {
            display: none !important
      }

      .services-section-two p.sec-descrption {
            margin-left: initial;
            max-width: none
      }

      .service-card-style-4 .title {
            font-size: 23px
      }

      .service-bg-color-3 {
            padding: 35px
      }

      .testimonial-section-two .sec-title {
            margin-top: 40px
      }

      .testimonial-box-items-3 .content p {
            font-size: 18px
      }

      .work-single-box {
            display: block;
            padding: 30px
      }

      .work-box-items-3 {
            display: block
      }

      .work-box-items-3 .work-content {
            margin-bottom: 30px;
            -ms-flex-preferred-size: initial;
            flex-basis: initial
      }

      .work-box-items-3 .work-content .content .theme-buton {
            margin-top: 30px
      }

      .work-box-items-3 .thumb {
            max-width: initial;
            max-height: 400px;
            overflow: hidden
      }

      .project-section-4 .sec-title {
            margin-bottom: 40px
      }

      .project-section-4 .sec-title h2 {
            font-size: 40px;
            line-height: 40px
      }

      .project-box-style-4 .content .title {
            font-size: 20px
      }

      .marquee .text:before {
            height: 101px
      }

      .marquee .text .title {
            font-size: 40px
      }

      .team-single-box-two .social-links {
            top: 95px
      }
}

@media (max-width:767.98px) {
      .hero-4 .hero-content .hero-title {
            font-size: 50px
      }

      .about-section .about-icon-box {
            gap: 30px;
            padding: 30px 15px
      }

      .about-section-two .image-column .image-2,
      .testimonial-section-two .array-button {
            display: none
      }

      .accordion-box .block .acc-btn.active {
            padding-bottom: 15px
      }

      .service-card-style-4 {
            padding: 30px 15px 80px
      }

      .service-card-style-4 .title {
            font-size: 22px
      }

      .service-bg-color-3,
      .testimonial-box-style-4 {
            padding: 30px
      }

      .testimonial-image-style-3 .testi-marketing-box {
            width: 276px;
            gap: 10px;
            right: -8px
      }

      .testimonial-box-items-3 .content p {
            font-size: 17px
      }

      .testimonial-section-3 {
            margin: 0 15px
      }

      .project-box-style-4 .content .title {
            font-size: 19px
      }

      .our-team-intro .team-des {
            margin-top: 0
      }

      .team-single-box .info-box .name a {
            font-size: 20px
      }

      .team-single-box-two .image-box {
            width: 100%
      }

      .team-single-box-two .social-links {
            top: 110px
      }

      .news-block .image-box .image {
            max-height: 400px
      }
}

@media (max-width:400.98px) {
      .team-single-box-two .social-links {
            top: 65px
      }
}

.team-single-box-two .social-links a {
      position: relative;
      display: block;
      font-size: 16px;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s;
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, .2);
      margin-bottom: 10px
}

.team-single-box-two .social-links a:hover {
      background: var(--theme-color1);
      color: var(--theme-color-black)
}

.team-single-box-two:hover .share-icon {
      background: var(--theme-color-black);
      color: var(--theme-color-white)
}

.team-single-box-two:hover .social-links {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      opacity: 1;
      visibility: visible
}

.nav-links .next .thumb,
.team-single-box-two:hover .info-box {
      margin-left: 20px
}

.team-single-box-two .theme-hover-bx {
      background: var(--theme-color1);
      height: 100%;
      top: 0;
      opacity: 0;
      position: absolute;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: .5s;
      transition: .5s;
      width: 25%;
      z-index: 0
}

.team-single-box-two .hover-bx {
      left: 0;
      -webkit-transition-delay: 105ms;
      transition-delay: 105ms;
      border-radius: 20px 0 0 20px
}

.team-single-box-two .hover-bx4 {
      left: 75%;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      border-radius: 0 20px 20px 0
}

.contact-section {
      padding: 5px 0 31px;
      position: relative;
      background: url(../images/bg.webp) center center/cover no-repeat;
      z-index: 1
}

.contact-section .sec-title {
      margin-bottom: 58px
}

.contact-section .contact-sp {
      left: -12%;
      opacity: .5;
      position: absolute;
      top: 24%;
      z-index: -1
}

.contact-right-warp {
      margin-top: 37px;
      position: relative;
      z-index: 1
}

.contact-right-warp .shape,
.contact-section-two .contact-right-warp .shape {
      position: absolute;
      right: 38%;
      bottom: -13px;
      z-index: -1
}

.contact-desc {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 35px
}

.contact-info p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      margin: 0 0 30px;
      display: flex;
      align-items: center;
      gap: 15px
}

.contact-info h4 {
      font-size: 34px;
      font-weight: 600;
      margin-top: 10px
}

.contact-forms {
      position: relative;
      margin-left: 80px;
      z-index: 1;
      border-radius: 24px;
      background: rgb(8 8 8 / 76%);
      border: 1px solid rgba(255, 255, 255, .12);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow: 0 20px 60px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .06);
      padding: 50px
}

.contact-forms .service-info__badge {
      color: var(--theme-color-white);
      font-size: 22px;
      font-weight: 600;
      margin: 0 0 33px
}

.contact-forms .form-group,
.contact-forms-two .form-group {
      position: relative;
      margin-bottom: 20px
}

.contact-forms .form-group .select2-container--default .select2-selection--single,
.contact-forms .form-group input:not([type=submit]),
.contact-forms .form-group select,
.contact-forms .form-group textarea {
      position: relative;
      display: block;
      height: 55px;
      width: 100%;
      border-radius: 40px;
      padding: 21px 30px;
      font-size: 16px;
      color: var(--theme-color-white);
      background: rgba(255, 255, 255, .1);
      font-weight: 400;
      border: 1px solid rgba(255, 255, 255, .1);
      margin-bottom: 0;
      -webkit-transition: .3s;
      transition: .3s;
      backdrop-filter: blur(20px) !important
}

.contact-forms .form-group ::-webkit-input-placeholder {
      color: #616161
}

.contact-forms .form-group ::-moz-input-placeholder {
      color: #616161
}

.contact-forms .form-group ::-ms-input-placeholder {
      color: #616161
}

.contact-forms .form-group textarea {
      height: 200px;
      resize: none
}

.contact-forms .form-group .theme-btn,
.contact-forms .form-group input[type=submit] {
      display: inline-block;
      border: 0;
      font-size: 16px;
      color: var(--theme-color1);
      font-weight: 500;
      padding: 15px 43px;
      border-radius: 100px;
      position: relative;
      z-index: 1;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--theme-color2);
      -webkit-animation: 1s 1.6s both fadeInUp;
      animation: 1s 1.6s both fadeInUp;
      margin-top: 20px
}

.contact-forms .form-group .theme-btn:before,
.contact-forms .form-group input[type=submit]:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
      background: var(--text-color-bg-theme-color1);
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s;
      -webkit-transform: scale(0);
      transform: scale(0)
}

.contact-forms .form-group .theme-btn:hover,
.contact-forms .form-group input[type=submit]:hover {
      color: var(--bg-theme-color1)
}

.contact-forms .form-group .theme-btn i,
.contact-forms .form-group input[type=submit] i {
      position: absolute;
      right: -59px;
      height: 59px;
      width: 59px;
      line-height: 58px;
      top: 0;
      border-radius: 50%;
      text-align: center;
      font-size: 16px;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--theme-color2);
      font-weight: var(--h3-font-weight);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
}

.contact-forms .form-group .theme-btn:hover i,
.contact-forms .form-group input[type=submit]:hover i {
      color: var(--bg-theme-color1);
      background: var(--text-color-bg-theme-color1);
      -webkit-transform: scale(1);
      transform: scale(1)
}

.contact-forms .contact-sps,
.contact-forms-two .contact-sps {
      position: absolute;
      top: 0;
      left: 6%;
      z-index: -1
}

.contact-section-two .sec-title {
      margin-bottom: 72px;
      max-width: 557px
}

.contact-section-two .contact-shape {
      position: absolute;
      right: 9%;
      bottom: 30%;
      z-index: -1
}

.contact-section-two .contact-right-warp {
      position: relative;
      z-index: 1;
      margin-top: 0;
      margin-left: 56px
}

.contact-section-two .contact-desc {
      color: var(--theme-color7);
      width: 70%;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 56px
}

.choose-us-box-style-3 .choose-us-box-3 .content,
.contact-section-two .contact-info,
.products-section .sec-title .theme-btn,
.sidebar-area .sidebar__body,
.sidebar__single+.sidebar__single {
      margin-top: 30px
}

.contact-section-two .contact-info p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 24px;
      margin: 0;
      color: var(--theme-color-white)
}

.contact-section-two .contact-info .call-title {
      font-weight: 500;
      color: var(--theme-color-white);
      margin-top: 17px
}

.contact-section-two .contact-btn {
      margin-top: 78px
}

.contact-section-two .contact-btn a::before {
      position: absolute;
      content: "";
      right: 0;
      top: -22px;
      height: 70px;
      width: 70px;
      line-height: 70px;
      border: 2px solid var(--theme-color1);
      border-radius: 50%;
      -webkit-transition: .5s;
      transition: .5s;
      opacity: 0
}

.contact-section-two .contact-btn a:hover:before {
      right: -25px;
      opacity: 1
}

.contact-section-two.style-h4 .contact-forms-two .service-info__badge {
      font-size: 30px
}

.contact-section-two.style-h4 .contact-right-warp .contact-info .email-link {
      color: #fff;
      display: block;
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 5px;
      text-decoration: underline
}

.contact-section-two.style-h4 .contact-right-warp .contact-info p {
      font-size: 16px;
      font-weight: 300;
      font-family: var(--heading-font-family)
}

.contact-section-two.style-h4 .contact-right-warp .contact-btn {
      margin-top: 56px
}

.contact-forms-two {
      position: relative;
      z-index: 1;
      background-color: var(--theme-color1);
      border-radius: 40px;
      padding: 60px 80px;
      margin-top: -162px
}

.contact-forms-two .service-info__badge {
      color: var(--theme-color-black);
      margin-bottom: 30px
}

.contact-forms-two p.contact-des {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      line-height: 28px;
      color: rgba(10, 10, 10, .8);
      margin-bottom: 42px
}

.contact-forms-two .form-group .select2-container--default .select2-selection--single,
.contact-forms-two .form-group input:not([type=submit]),
.contact-forms-two .form-group select,
.contact-forms-two .form-group textarea {
      position: relative;
      display: block;
      height: 50px;
      padding: 0 0 7px;
      width: 100%;
      border-radius: 0;
      font-size: 18px;
      color: var(--theme-color-black);
      font-weight: 500;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
      -webkit-transition: .3s;
      transition: .3s;
      background: 0 0
}

.contact-forms-two .form-group ::-webkit-input-placeholder {
      color: rgba(10, 10, 10, .8)
}

.contact-forms-two .form-group ::-moz-input-placeholder {
      color: var(--theme-color-white)
}

.contact-forms-two .form-group ::-ms-input-placeholder {
      color: var(--theme-color-white)
}

.contact-forms-two .form-group input:focus,
.contact-forms-two .form-group select:focus,
.contact-forms-two .form-group textarea:focus {
      border-bottom: 2px solid rgba(0, 0, 0, .1215686275);
      background: 0 0
}

.contact-forms-two .form-group textarea {
      height: 120px;
      resize: none;
      padding: 5px 0
}

.contact-forms-two .form-group .theme-btn,
.contact-forms-two .form-group input[type=submit] {
      display: block;
      border: 0;
      font-size: 18px;
      color: var(--theme-color-white);
      font-weight: 500;
      padding: 18px 43px;
      border-radius: 100px;
      position: relative;
      z-index: 1;
      -webkit-transition: .5s;
      transition: .5s;
      background: var(--theme-color-black);
      text-align: center;
      width: 100%;
      font-family: var(--heading-font-family);
      overflow: hidden;
      margin-top: 20px
}

.contact-forms-two .form-group .theme-btn:before,
.contact-forms-two .form-group input[type=submit]:before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      height: 100%;
      width: 0;
      z-index: -1;
      background: var(--theme-color-white);
      border-radius: 100px;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-form-style-3 .form-group input,
.contact-form-style-3 .form-group textarea {
      width: 100%;
      outline: 0;
      border-radius: 30px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: rgba(255, 255, 255, .1);
      backdrop-filter: blur(10px);
      padding: 16px 25px;
      color: var(--theme-color-white)
}

.contact-form-style-3 .form-group input::-webkit-input-placeholder,
.contact-form-style-3 .form-group textarea::-webkit-input-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input::-moz-placeholder,
.contact-form-style-3 .form-group textarea::-moz-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input:-ms-input-placeholder,
.contact-form-style-3 .form-group textarea:-ms-input-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input::-ms-input-placeholder,
.contact-form-style-3 .form-group textarea::-ms-input-placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group input::placeholder,
.contact-form-style-3 .form-group textarea::placeholder {
      color: #a1a1a1
}

.contact-form-style-3 .form-group textarea {
      padding: 16px 25px;
      height: 200px
}

.news-section {
      position: relative;
      z-index: 1;
      overflow: hidden;
      background-color: #0a0a0a
}

.news-section .theme-buton {
      margin-top: -28px;
      text-align: right;
      margin-right: 59px
}

.news-section .news-sp1 {
      position: absolute;
      top: 28%;
      left: 0;
      z-index: -1
}

.news-section .news-sp2 {
      position: absolute;
      top: 13%;
      right: 5%;
      z-index: -1
}

.news-block {
      position: relative;
      margin-bottom: 30px;
      overflow: hidden
}

.news-block .blog-single-box {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s;
      -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
      box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
      overflow: hidden;
      background: var(--body-bg);
      padding: 25px 25px 36px;
      border-radius: 30px
}

.news-block .blog-single-box.style_two {
      padding: 0;
      border-radius: 15px;
      background: 0 0
}

.news-block .blog-single-box.style_two .content-box .date {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 14px;
      border: 1px solid rgba(255, 255, 255, .1);
      padding: 1px 20px;
      border-radius: 40px;
      display: table
}

.news-block .blog-single-box.style_two .content-box .blog-author {
      margin-top: 12px
}

.news-block .blog-single-box.style_two .content-box .blog-author span {
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family)
}

.news-block .blog-single-box.style_two .title a {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
      background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      -webkit-transition: .3s, background-size .8s;
      transition: .3s, background-size .8s
}

.news-block .blog-single-box.style_two .title:hover a {
      background-size: 100% 1px;
      color: var(--theme-color-white)
}

.news-block .image-box .image {
      position: relative;
      overflow: hidden;
      margin-bottom: 0;
      border-radius: 33px
}

.news-block .image-box .image img {
      display: block;
      width: 100%;
      -webkit-transition: .4s;
      transition: .4s
}

.news-block .content-box {
      margin-top: 30px;
      margin-left: 30px
}

.news-block .content-box .date {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      border: 2px solid rgba(97, 97, 97, .4);
      padding: 3px 20px;
      border-radius: 40px;
      display: table
}

.news-block .content-box .title {
      margin: 20px 0 0;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 24px;
      line-height: 34px;
      text-decoration: none;
      -webkit-transition: .5s;
      transition: .5s;
      position: relative;
      display: inline-block;
      max-width: 337px
}

.news-block .content-box .title span {
      font-weight: 200;
      position: relative;
      z-index: 1
}

.news-block .content-box .title span::before,
.news-block .content-box .title strong::before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 0;
      height: 1px;
      background: var(--theme-color1);
      -webkit-transition: .4s linear;
      transition: .4s linear;
      z-index: -1
}

.news-block .content-box .title strong {
      color: var(--theme-color-white);
      position: relative;
      z-index: 1;
      font-weight: 700;
      -webkit-transition: .4s linear;
      transition: .4s linear
}

.news-block .content-box .text,
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
      margin-top: 20px
}

.news-section.style_two {
      z-index: 1;
      overflow: hidden
}

.news-section-3 {
      position: relative;
      background: #0a0a0a
}

.news-section-3 .shape-1 {
      position: absolute;
      left: 0;
      bottom: 120px
}

.news-section-3 .shape-2 {
      position: absolute;
      top: -120px;
      right: 0
}

.news-section-3 .news-block .content-box .date {
      text-transform: uppercase
}

.news-section-4 {
      background-color: #0a0a0a;
      position: relative
}

.news-card-style-4 {
      background-color: var(--body-bg);
      border-radius: 15px;
      padding: 20px
}

.news-card-style-4 .thumb {
      padding-bottom: 0;
      position: relative;
      overflow: hidden;
      border-radius: 15px
}

.news-card-style-4 .thumb img {
      width: 100%;
      height: 100%;
      border-radius: 15px;
      -webkit-transition: .4s;
      transition: .4s
}

.news-card-style-4 .content {
      padding: 40px 15px 20px;
      position: relative
}

.news-card-style-4 .content .post-date {
      width: 70px;
      height: 70px;
      text-align: center;
      border-radius: 10px;
      background-color: var(--theme-color1);
      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;
      position: absolute;
      right: 0;
      top: -40px
}

.news-card-style-4 .content .post-date .date-title {
      font-size: 15px;
      font-weight: 500;
      color: var(--theme-color-black);
      line-height: 1
}

.news-card-style-4 .content .post-date p {
      font-size: 16px;
      font-weight: 400;
      color: var(--theme-color-black);
      margin-top: 3px
}

.news-card-style-4 .content ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 24px;
      margin-bottom: 15px
}

.news-section-4 .vec-left {
      position: absolute;
      bottom: 100px;
      left: 0
}

.news-section-4 .vec-arrow {
      position: absolute;
      top: 17%;
      right: 22%
}

.why-choose-us-section .theme-buton {
      text-align: right;
      margin-right: 60px
}

.service-sidebar .service-sidebar-single-services ul li a i,
.why-choose-us-section .theme-buton a {
      font-size: 16px
}

.why-choose-us-section .choose-single-box {
      border-bottom: 1px solid rgba(var(--theme-color-white-rgb), .15);
      margin-right: 48px;
      margin-bottom: 35px;
      padding-bottom: 20px
}

.why-choose-us-section .choose-single-box .choose-icon i {
      display: inline-block;
      background: var(--theme-color2);
      height: 60px;
      width: 60px;
      border-radius: 50%;
      line-height: 60px;
      text-align: center;
      color: var(--theme-color1);
      font-size: 26px;
      margin-bottom: 25px;
      -webkit-transition: .4s linear;
      transition: .4s linear;
      cursor: pointer
}

.why-choose-us-section .choose-single-box .choose-content .title {
      margin: 0 0 14px
}

.why-choose-us-section .choose-single-box:nth-child(2) {
      border-bottom: 0
}

.why-choose-us-section .column-right {
      padding-left: 52px
}

.why-choose-us-section .choose-thumb {
      margin-left: -10px;
      position: relative;
      z-index: 1;
      margin-top: -40px
}

.why-choose-us-section .choose-thumb .image1 {
      position: relative;
      z-index: 1;
      margin: 0 23px;
      top: -26px
}

.why-choose-us-section .choose-thumb .dote-shape {
      position: absolute;
      left: 20%;
      bottom: -22%;
      z-index: -1
}

.why-choose-us-section .choose-thumb .image-bg-shape1 {
      -webkit-mask-image: url(../images/image-bg-shape1.png);
      mask-image: url(../images/image-bg-shape1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      max-width: 424px;
      background-color: #111;
      max-height: 450px;
      position: absolute;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      width: 100%;
      height: 100%
}

.why-choose-us-section .choose-thumb .image-bg-shape2 {
      -webkit-mask-image: url(../images/image-bg-shape1.png);
      mask-image: url(../images/image-bg-shape1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      max-width: 424px;
      background-color: var(--theme-color1);
      max-height: 450px;
      position: absolute;
      bottom: 31px;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      width: 100%;
      height: 100%;
      z-index: -1
}

.why-choose-us-section .choose-shape {
      position: absolute;
      top: 15%;
      left: 5%;
      right: 0;
      text-align: center;
      z-index: -1
}

.why-choose-us-section .choose-shape2 {
      position: absolute;
      top: -56%;
      right: 0;
      z-index: -1
}

.why-choose-us-section .buler-bg {
      position: absolute;
      left: 35%;
      bottom: 5%;
      background: radial-gradient(50% 50% at 50% 50%, rgba(255, 119, 60, .54) 0, rgba(255, 119, 60, 0) 100%);
      height: 577px;
      width: 577px;
      z-index: -1
}

.why-choose-us-section-two {
      padding: 120px 0 45px;
      position: relative;
      z-index: 1;
      overflow: hidden
}

.why-choose-us-section-two .choose-shape {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1
}

.why-choose-us-section-two .feature-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto 25px auto;
      grid-template-columns: repeat(2, auto);
      gap: 25px;
      max-width: 645px
}

.why-choose-us-section-two .feature-grid .feature-item {
      position: relative;
      background: #2b2523;
      border-radius: 999px
}

.why-choose-us-section-two .feature-grid .feature-item::after,
.why-choose-us-section-two .feature-grid .feature-item::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 999px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.why-choose-us-section-two .feature-grid .feature-item .featuer-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      padding: 10px 24px;
      border-radius: 999px;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 18px;
      color: var(--theme-color-white);
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255, 255, 255, .1)
}

.why-choose-us-section-two .theme-buton {
      margin-top: 45px
}

.why-choose-us-section-two .theme-buton a {
      font-size: 16px;
      padding: 14px 43px
}

.why-choose-us-section-two .btn-box {
      display: inline-block;
      margin-top: 283px;
      margin-left: -75px
}

.why-choose-us-content-1 {
      margin-right: 30px
}

.why-choose-us-content-1 .sec-title {
      max-width: 490px
}

.why-choose-us-content-1 .icon-box-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 24px;
      margin-bottom: 20px
}

.why-choose-us-content-1 .icon-box-list li .icon {
      width: 64px;
      height: 64px;
      line-height: 59px;
      border-radius: 50%;
      border: 1px solid var(--theme-color-black);
      text-align: center
}

.why-choose-us-content-1 .icon-box-list li .icon i,
.why-choose-us-content-1 .icon-box-list li .icon img {
      font-size: 36px;
      -webkit-transition: .9s;
      transition: .9s;
      display: inline-block
}

.why-choose-us-content-1 .icon-box-list li .content {
      border-top: 1px solid rgba(0, 0, 0, .2);
      padding-top: 20px;
      margin-top: 30px
}

.why-choose-us-content-1 .icon-box-list li .content .title {
      font-size: 20px;
      color: var(--theme-color-black);
      margin-bottom: 14px
}

.why-choose-us-content-1 .icon-box-list li .content p {
      color: var(--theme-color-black);
      opacity: .8
}

.why-choose-us-content-1 .theme-btn {
      padding: 16px 34px
}

.why-choose-us-content-1 .theme-btn-arrow-left,
.why-choose-us-content-1 .theme-btn-arrow-right {
      width: 56px;
      height: 56px;
      line-height: 56px
}

.choose-us-image-items {
      margin-right: -165px;
      margin-left: 14px;
      position: relative;
      z-index: 9
}

.choose-us-image-items .circle-shape {
      position: absolute;
      top: -50px;
      right: -80px;
      z-index: -1
}

@media (max-width:1399.98px) {

      .choose-us-image-items .circle-shape,
      .contact-right-warp .shape,
      .contact-section .contact-sp,
      .work-box-items-3 .work-content .top-title::before {
            display: none
      }

      .work-box-items-3 .work-content .content .title {
            font-size: 35px
      }

      .contact-forms {
            margin-left: 0
      }
}

.choose-us-image-items .choose-us-image img {
      width: 100%;
      height: 100%;
      clip-path: polygon(81% 0, 100% 0, 100% 18%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0 23%, 22% 0)
}

.choose-us-image-items .choose-us-image2 {
      height: 600px;
      width: 404px
}

@media (max-width:1599.98px) {
      .choose-us-image-items {
            margin-right: 0;
            margin-left: 0
      }

      .choose-us-image-items .choose-us-image2 {
            height: auto;
            width: auto
      }
}

@media (max-width:1199.98px) {
      .testimonial-box-style-4 p {
            font-size: 18px
      }

      .contact-content-style-3 .sec-title h2 br,
      .news-section .news-sp1,
      .news-section .news-sp2,
      .testimonial-section-3 .testimonial-right-shape,
      .work-single-box .work-content .title br {
            display: none
      }

      .work-box-items-3 .work-content .content p,
      .work-box-items-3 .work-content .top-title,
      .work-single-box .work-content {
            margin-bottom: 20px
      }

      .work-box-items-3 .work-content {
            padding: 0 30px
      }

      .work-box-items-3 .work-content .content .title {
            font-size: 32px
      }

      .marquee-section-h3,
      .marquee-section-two {
            padding: 25px 0
      }

      .our-team-intro .team-culmn {
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
            gap: 20px !important
      }

      .why-choose-us-content-1 {
            margin-right: 0
      }

      .choose-us-image-items .choose-us-image2 {
            height: 600px
      }
}

.choose-us-image-items .choose-us-image2 img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      clip-path: polygon(81% 0, 82% 0, 100% 18%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0)
}

.choose-us-image-items .counter-box-1 {
      background-color: var(--theme-color-black);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px;
      padding: 41px 35px;
      margin-top: 24px
}

.choose-us-image-items .counter-box-1 .check-icon {
      width: 60px;
      height: 60px;
      line-height: 58px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme-color1)
}

.choose-us-image-items .counter-box-1 .check-icon img {
      padding-left: 4px
}

.choose-us-image-items .counter-box-1 .title {
      font-size: 30px;
      margin-bottom: 18px
}

.choose-us-image-items .counter-box-1 p {
      color: #a1a1a1;
      margin-bottom: 0
}

.success-section-3 {
      margin: 0 50px;
      border-radius: 30px;
      position: relative
}

.success-counter-items {
      margin-top: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px
}

.success-counter-items .success-counter .count-text {
      color: transparent;
      font-size: 180px;
      font-weight: 600;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--theme-color-black);
      font-family: var(--body-font-family);
      line-height: 1
}

@media (max-width:991.98px) {
      .contact-section {
            padding: 85px 0
      }

      .news-card-style-4 .content .title {
            font-size: 20px
      }

      .choose-us-image-items .choose-us-image2 {
            height: auto
      }

      .success-counter-items .success-counter .count-text {
            font-size: 140px
      }
}

.success-counter-items .success-counter .plus {
      color: var(--theme-color-black);
      font-family: var(--heading-font-family);
      font-size: 46px;
      font-weight: 600
}

.success-counter-items .success-counter p {
      color: var(--theme-color-black);
      font-family: var(--heading-font-family);
      font-size: 20px;
      font-weight: 600;
      line-height: 180%;
      margin-bottom: 0;
      max-width: 300px;
      margin-top: 15px
}

.success-box-counter {
      border: 1px solid rgba(255, 255, 255, .2);
      backdrop-filter: blur(7.5px);
      display: flex;
      justify-content: center;
      flex-direction: column
}

.success-box-counter .count-box {
      color: #fff;
      font-family: var(--heading-font-family);
      font-size: 30px;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      margin: 18px 0 12px
}

@media (max-width:1499.98px) {
      .success-box-counter {
            padding: 40px 15px
      }

      .success-box-counter .count-box {
            font-size: 30px
      }
}

.success-box-counter p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      text-align: center
}

.success-box-items-3 .circle-icon {
      left: 50%;
      position: absolute;
      top: 55%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 9
}

.success-box-items-3 .circle-icon .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 9;
      width: 40px;
      height: 35px
}

.success-box-items-3 .circle-icon .icon::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "";
      z-index: -1;
      width: 102px;
      height: 102px;
      border-radius: 50%;
      background-color: #000
}

.choose-us-image-style-3 .choose-us-circle {
      position: absolute;
      bottom: 130px;
      left: -25%
}

.choose-us-image-style-3 .thumb-1 {
      max-width: 476px;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476 594"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 30C0 13.4315 13.4315 0 30 0H346.949C355.852 0 364.296 3.9547 369.995 10.7945L469.047 129.656C473.54 135.047 476 141.843 476 148.861V564C476 580.569 462.569 594 446 594H145.899C138.858 594 132.042 591.524 126.643 587.005L10.7442 489.993C3.93446 484.293 0 475.869 0 466.989V30Z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-size: cover;
      mask-size: cover;
      z-index: 9
}

.choose-us-image-style-3 .choose-marketing-box {
      padding: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      width: 310px;
      gap: 20px;
      backdrop-filter: blur(30px);
      background: rgba(255, 255, 255, .1);
      position: absolute;
      right: 30px;
      bottom: 10px;
      z-index: 2
}

.choose-us-box-style-3 {
      position: relative;
      z-index: 9;
      margin-bottom: 24px
}

.choose-us-box-style-3 .choose-us-box-3 {
      padding: 47px 60px;
      background: var(--body-bg);
      z-index: 1;
      backdrop-filter: blur(3px);
      position: relative
}

.choose-us-box-style-3 .choose-us-box-3 .number {
      display: inline-block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 20px;
      font-weight: 500;
      position: absolute;
      top: 47px;
      right: 38px
}

.choose-us-box-style-3 .choose-us-box-3::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 17px;
      height: 17px;
      content: "";
      background-color: var(--theme-color1)
}

.choose-us-box-style-3 .choose-us-box-3 .content .title {
      font-size: 24px;
      margin-bottom: 15px
}

.choose-us-box-style-3 .choose-us-box-3 .content p {
      font-size: 18px;
      max-width: 490px;
      line-height: 156%
}

.choose-us-section-3 {
      position: relative;
      background-color: #000
}

.choose-us-section-3 .sec-title {
      margin-bottom: 120px
}

.choose-us-section-3 .bg-shape {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: .5
}

.choose-us-section-3 .bg-shape img,
.service-block {
      height: 100%
}

.choose-us-section-3 .choose-right-shape {
      position: absolute;
      top: 0;
      right: 0;
      opacity: .2
}

.why-choose-us-section-1 .wcu-sp-right {
      position: absolute;
      top: 40px;
      right: 40px;
      opacity: .5
}

.skill-section .outer-box {
      max-width: 1627px;
      margin: 0 auto
}

.skill-section .inner-column {
      margin-left: 5px;
      width: 81%
}

.skill-section .skill-img .skill-icon-box {
      position: absolute;
      bottom: 0;
      right: 40px;
      background: var(--body-bg);
      text-align: center;
      border-radius: 16px;
      width: 332px;
      padding: 34px 30px 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px
}

.skill-section .skill-img .skill-icon-box .skill-coun-icon {
      height: 60px;
      width: 60px;
      line-height: 60px;
      background: var(--theme-color1);
      border-radius: 50%;
      margin-top: -14px
}

.skill-section .skill-img .skill-icon-box .skill-count {
      text-align: left
}

.skill-section .skill-img .skill-icon-box .skill-count span.count-text {
      font-weight: 600;
      font-size: 30px;
      line-height: 1;
      color: var(--theme-color-white);
      font-family: var(--sec-title-font-family)
}

.skill-section .skill-img .skill-icon-box .skill-count span.plus {
      font-family: var(--sec-title-font-family);
      font-weight: 600;
      font-size: 30px;
      position: relative;
      top: 0;
      left: 0;
      color: var(--theme-color-white)
}

.skill-section .skill-img .skill-icon-box .skill-count h6.counter-title {
      font-size: 18px;
      font-weight: 400;
      color: var(--text-color);
      font-family: var(--body-font-family)
}

.skill-section .skill-img .skill-img2 {
      position: absolute;
      top: 0;
      z-index: -1;
      right: 40px
}

.skill-section .skill-img .images-one {
      -webkit-mask-image: url(../images/home-2/skill-mask1.png);
      mask-image: url(../images/home-2/skill-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.skill-section .skill-img .images-two {
      -webkit-mask-image: url(../images/home-2/skill-mask2.png);
      mask-image: url(../images/home-2/skill-mask2.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
}

.skill-section .skill-img .skill-dot {
      position: absolute;
      top: 41px;
      left: 44%;
      z-index: -1
}

.skill-section .skill-rotate {
      position: absolute;
      right: -14%;
      bottom: -37%
}

.skill-section .skill-sp2 {
      position: absolute;
      right: 9%;
      top: 15%
}

.skill-section .skills .skill-item .skill-header {
      margin-bottom: 19px
}

.skills {
      position: relative;
      margin-bottom: 50px
}

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

.skills .skill-item .skill-header {
      position: relative;
      z-index: 3;
      margin-bottom: 12px
}

.skills .skill-item .skill-header .skill-title {
      position: relative;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 0;
      color: var(--theme-color-white);
      font-family: var(--heading-font-family)
}

.skills .skill-item .skill-bar {
      position: relative;
      width: 100%;
      height: 7px;
      border-radius: 10px
}

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

.skills .skill-item .skill-bar .bar-inner .bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 5px;
      width: 0;
      -webkit-transition: 3s;
      transition: 3s;
      background: var(--theme-color1);
      border-radius: 30px
}

.skills .skill-item .skill-bar .bar-inner .skill-percentage {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 18px;
      color: var(--theme-color3)
}

.pricing-section .pricing-two__tab,
.pricing-section-4 .pricing-two__tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 30px;
      margin-bottom: 40px;
      gap: 25px
}

.pricing-section .save-text,
.pricing-section-4 .save-text {
      position: relative;
      font-size: 18px;
      font-weight: 500;
      color: var(--headings-color)
}

.pricing-section .save-text img,
.pricing-section-4 .save-text img {
      position: absolute;
      bottom: -30px;
      left: -3%
}

.pricing-section .nav .nav-tabs,
.pricing-section-4 .nav .nav-tabs {
      border-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}

.pricing-section .nav .nav-link,
.pricing-section-4 .nav .nav-link {
      font-size: 18px;
      font-weight: 500;
      text-transform: capitalize;
      border: 0;
      border-radius: 0;
      padding: 7px 56px;
      position: relative;
      background: 0 0;
      font-family: var(--heading-font-family);
      z-index: 2;
      color: var(--text-color);
      margin-bottom: 0
}

.pricing-section .nav .nav-link::before,
.pricing-section-4 .nav .nav-link::before {
      position: absolute;
      content: "";
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(50%);
      transform: translateY(-50%) translateX(50%);
      background: var(--body-bg);
      width: 75px;
      height: 32px;
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, .2)
}

.pricing-section .nav .nav-link::after,
.pricing-section-4 .nav .nav-link::after {
      position: absolute;
      content: "";
      right: -33px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: var(--theme-color1);
      z-index: 1
}

.pricing-section .nav .nav-link:first-child,
.pricing-section-4 .nav .nav-link:first-child {
      padding-left: 0
}

.main-footer .footer-column:first-child,
.main-footer .footer-column:last-child,
.pricing-section .nav .nav-link:last-child,
.pricing-section-4 .nav .nav-link:last-child {
      padding-right: 0
}

.pricing-section .nav .nav-link.active,
.pricing-section-4 .nav .nav-link.active,
.project-details-btn .theme-btn.btn-style-one:hover,
.service-sidebar .service-sidebar-single-services ul li a:hover,
table.cart-total .product-name a,
table.tbl-shopping-cart .product-name a {
      color: var(--headings-color)
}

.pricing-section .nav .nav-link.active::after,
.pricing-section-4 .nav .nav-link.active::after {
      right: 8px
}

.pricing-section .bg-image {
      -webkit-filter: saturate(0.1);
      filter: saturate(.1)
}

.pricing-section .bg-image:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(87.18%, #070707), color-stop(98.15%, rgba(7, 7, 7, .1)));
      background: linear-gradient(360deg, #070707 87.18%, rgba(7, 7, 7, .1) 98.15%)
}

.pricing-section .pricing-left-sp {
      position: absolute;
      top: 97%;
      left: 100px
}

.pricing-main-bx::after,
.pricing-main-bx::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 15px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.pricing-single-bx {
      position: relative;
      margin-bottom: 30px;
      z-index: 1;
      -webkit-transition: .3s;
      transition: .3s;
      border-radius: 15px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(98.44%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 98.44%);
      padding: 36px 40px 30px;
      overflow: hidden
}

.pricing-single-bx .inner-box {
      position: relative;
      -webkit-transition: .3s;
      transition: .3s
}

.pricing-single-bx .inner-box h3.popular {
      font-family: var(--heading-font-family);
      font-weight: 400;
      font-size: 14px;
      background: rgba(255, 255, 255, .1);
      display: inline-block;
      padding: 9px 21px;
      border-radius: 30px;
      position: absolute;
      right: 0;
      top: 6px;
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      -webkit-transition: .3s;
      transition: .3s
}

.pricing-single-bx .inner-box h4.title {
      font-size: 24px;
      font-weight: 500;
      margin: 0 0 10px
}

.pricing-single-bx .inner-box .price-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px
}

.pricing-single-bx .inner-box .price-box h4 {
      font-weight: 600;
      font-size: 50px;
      line-height: 60px;
      color: var(--theme-color1)
}

.pricing-single-bx .inner-box .price-box .validaty {
      margin-top: 25px;
      font-size: 18px
}

.pricing-single-bx .inner-box p.pricing-text {
      line-height: 26px;
      margin: 0 0 38px;
      max-width: 270px
}

.pricing-single-bx .inner-box .pricing-btn a {
      display: block;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      color: var(--theme-color-white);
      background: var(--body-bg);
      padding: 13px 20px;
      border-radius: 30px;
      text-align: center;
      position: relative;
      z-index: 1;
      overflow: hidden;
      border: 1px solid rgba(var(--theme-color-white-rgb), .1)
}

.pricing-single-bx .inner-box .pricing-btn a::before {
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 100%;
      background: var(--theme-color1);
      z-index: -1;
      content: "";
      -webkit-transition: .5s;
      transition: .5s
}

.pricing-single-bx .inner-box:hover .feature::after {
      opacity: 1;
      width: 100%;
      left: 0
}

.pricing-single-bx .feature {
      margin-top: 64px;
      position: relative
}

.pricing-single-bx .feature::before {
      position: absolute;
      left: 0;
      top: -35px;
      background: #2b2b2b;
      width: 100%;
      height: 1px;
      content: "";
      -webkit-transition: .5s;
      transition: .5s
}

.pricing-single-bx .feature::after {
      position: absolute;
      left: 50%;
      top: -35px;
      background: var(--theme-color1);
      width: 0%;
      height: 1px;
      content: "";
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.pricing-single-bx .feature .feature-title {
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 15px
}

.pricing-single-bx .feature ul li {
      font-weight: 400;
      font-size: 16px;
      line-height: 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px
}

.pricing-single-bx .feature ul li i {
      color: var(--theme-color1);
      font-size: 18px
}

.pricing-img-column .pricing-img1 {
      -webkit-mask-image: url(../images/home-2/pricing-mask1.png);
      mask-image: url(../images/home-2/pricing-mask1.png);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: top center;
      mask-position: top center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      margin-bottom: 0;
      width: 100%;
      height: 100%;
      background-color: var(--theme-color1)
}

.pricing-img-column .pricing-shape {
      position: absolute;
      bottom: 31px;
      right: 35px;
      margin-bottom: 0;
      z-index: 1
}

.pricing-box-items-4 {
      position: relative;
      z-index: 1;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      padding: 55px 45px;
      border-radius: 14px;
      -webkit-mask-position: top right bottom right;
      background: -webkit-gradient(linear, left bottom, left top, from(#0c0c0c), color-stop(99.54%, #1c1c1c));
      background: linear-gradient(0deg, #0c0c0c 0, #1c1c1c 99.54%)
}

.pricing-box-items-4 .pricing-header {
      border-bottom: 1px solid transparent;
      -o-border-image: linear-gradient(90deg, #070707 0%, #fcdb66 51.92%, #070707 100%);
      border-image: -webkit-gradient(linear, left top, right top, from(#070707), color-stop(51.92%, #fcdb66), to(#070707));
      border-image: linear-gradient(90deg, #070707 0%, #fcdb66 51.92%, #070707 100%);
      padding-bottom: 30px;
      border-image-slice: 1;
      display: inline-block
}

.pricing-box-items-4 .pricing-header span {
      font-size: 16px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      display: inline-block;
      margin-bottom: 10px;
      color: #f8f8f8
}

.pricing-box-items-4 .pricing-header .title {
      font-size: 46px;
      font-weight: 700
}

.pricing-box-items-4 .pricing-header .title sup {
      font-size: 20px;
      font-weight: 500;
      font-family: var(--heading-font-family);
      color: #a1a1a1;
      margin-left: 5px
}

.pricing-box-items-4 .pricing-list {
      margin-top: 45px;
      margin-bottom: 50px
}

.pricing-box-items-4 .pricing-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;
      font-size: 16px;
      font-weight: 500;
      font-family: var(--heading-font-family)
}

.pricing-box-items-4 .pricing-list li:not(:last-child) {
      margin-bottom: 25px
}

.pricing-box-items-4 .theme-buton-style-three a {
      width: 100%;
      text-align: center
}

.pricing-box-items-4:hover {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
}

.brand-section-3 .line-shape,
.brand-section-3 .vec-line {
      -webkit-transform: translateY(-50%);
      right: 0;
      top: 50%;
      position: absolute
}

.pricing-section-4 .pricing-shape {
      position: absolute;
      right: 80px;
      top: 0
}

.brand-section {
      position: relative;
      margin-top: -1px;
      background-color: #070707
}

.brand-section .shape {
      bottom: -21px;
      position: absolute;
      right: 55px
}

.sponsors-outer {
      border-radius: 15px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1.56%, #0c0c0c), to(#1c1c1c));
      background: linear-gradient(180deg, #0c0c0c 1.56%, #1c1c1c 100%);
      padding: 48px 40px 50px;
      border-top: 1px solid rgba(255, 255, 255, .02)
}

.customar-service {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.customar-service .customer-stats {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      color: var(--theme-color-white)
}

.customar-service .highlighted-number {
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      color: var(--theme-color1)
}

.customar-service .highlighted-number span,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .content-box .text .link,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li a {
      color: var(--theme-color-white)
}

.brand-slider {
      position: relative;
      padding: 30px 0 0
}

.brand-slider .slide-item::after,
.brand-slider .slide-item::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 10px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

@keyframes rotate {
      0% {
            --gradient-angle: 0deg
      }

      100% {
            --gradient-angle: 360deg
      }
}

.brand-slider .slide-item {
      text-align: center;
      margin: 1px;
      position: relative;
      display: block;
      padding: 39px 20px;
      -webkit-transition: .3s;
      transition: .3s;
      background: #0a0a0a;
      border-radius: 10px
}

.brand-slider .slide-item:hover {
      background: -webkit-gradient(linear, left bottom, left top, color-stop(.69%, #1c1c1c), color-stop(98.44%, #0c0c0c));
      background: linear-gradient(0deg, #1c1c1c .69%, #0c0c0c 98.44%)
}

.brand-slider .owl-nav {
      position: absolute;
      left: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 25px;
      background-color: #fff;
      max-width: 110px;
      right: 0;
      margin: -13px auto 0
}

.brand-slider .owl-nav .owl-next,
.brand-slider .owl-nav .owl-prev {
      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;
      height: 26px;
      width: 26px;
      background-color: var(--bg-theme-color3);
      color: #7c858c;
      font-size: 14px;
      margin: 0 3px;
      -webkit-transition: .3s;
      transition: .3s
}

.brand-slider .owl-nav .owl-next:hover,
.brand-slider .owl-nav .owl-prev:hover {
      background-color: var(--bg-theme-color2);
      color: #fff
}

.brand-wrapper-3::after,
.brand-wrapper-3::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -0.1rem;
      background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2), var(--theme-color1), var(--theme-color2));
      border-radius: 30px;
      -webkit-animation: 2.5s linear infinite rotate;
      animation: 2.5s linear infinite rotate;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 1
}

.brand-wrapper-3 .brand-wrapper-inner-3 {
      position: relative;
      z-index: 1;
      background: linear-gradient(269deg, #111 2.24%, #000 75.32%);
      padding: 38.5px 44px;
      border-radius: 30px
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 18px;
      border-right: 1px solid rgba(252, 219, 102, .17);
      margin-right: 20px
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon .icon {
      width: 100%;
      max-width: 54px;
      height: 54px;
      line-height: 54px;
      text-align: center;
      border-radius: 50%;
      background: var(--Copywrting-Neutral, linear-gradient(180deg, rgba(2, 6, 40, .2) 0, rgba(44, 106, 236, .2) 100%))
}

.brand-wrapper-3 .brand-wrapper-inner-3 .brand-image-3 {
      opacity: .2;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s
}

.brand-section-3 {
      position: relative;
      margin: 80px 0 10px
}

.brand-section-3 .line-shape {
      left: 0;
      transform: translateY(-50%)
}

.brand-section-3 .vec-line {
      left: 8%;
      transform: translateY(-50%)
}

.brand-section-3 .vec-line-2 {
      position: absolute;
      top: 50%;
      right: 8%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.sidebar-area {
      background-color: var(--theme-color7)
}

.sidebar-area .offcanvas-header .btn-close {
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      border-radius: 50%;
      -webkit-transition: .3s;
      transition: .3s;
      font-size: 22px;
      color: var(--theme-color3);
      background-color: transparent;
      opacity: 1;
      background-image: none;
      -webkit-transition: transition(all 300ms ease), transition(all 300ms ease);
      transition: transition(all 300ms ease), _ transition(all 300ms ease);
      border: 1px solid var(--theme-color3)
}

.main-footer .widgets-section::after,
.main-footer .widgets-section::before,
.user-links li a::after,
.user-links li a:before {
      height: 1px;
      position: absolute;
      content: "";
      left: 0
}

.sidebar-area .offcanvas-header .btn-close:hover {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg)
}

.sidebar-area .sidebar__body .text-white {
      color: var(--theme-color3);
      margin-bottom: 20px
}

.sidebar-area .sidebar__body .sidebar__text {
      color: var(--theme-text60)
}

.sidebar-area .sidebar__body .sidebar__contact-info li i {
      display: inline-block;
      margin-right: 10px;
      color: var(--theme-color2);
      font-size: 18px
}

.sidebar-area .sidebar__body .sidebar__contact-info li a {
      display: inline-block;
      color: var(--theme-text60)
}

.sidebar-area .sidebar__body .sidebar__btns,
.sidebar-area .sidebar__body .sidebar__socials ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px
}

.sidebar-area .sidebar__body .sidebar__btns a {
      display: inline-block;
      padding: 6px 16px;
      border-radius: 8px;
      color: var(--theme-color3);
      border: 1px solid var(--theme-color3)
}

.sidebar-area .sidebar__body .sidebar__btns a:hover {
      background-color: var(--theme-color3);
      color: var(--theme-color-light)
}

.sidebar-area .sidebar__body .sidebar__socials ul li {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 50%;
      background: var(--theme-color3);
      -webkit-transition: .3s;
      transition: .3s;
      border: 1px solid var(--theme-color3);
      color: var(--theme-color-light)
}

.sidebar-area .sidebar__body .sidebar__socials ul li a {
      display: inline-block;
      -webkit-transition: .3s;
      transition: .3s
}

.sidebar-area .sidebar__body .sidebar__socials ul li:hover {
      background-color: var(--theme-color2);
      border: 1px solid var(--theme-color2)
}

.main-footer {
      position: relative;
      z-index: 99
}

.main-footer::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      height: 100%;
      width: 100%;
      background-color: var(--theme-color-black);
      opacity: .7;
      mix-blend-mode: color-burn;
      z-index: -1
}

.main-footer .widgets-section {
      position: relative;
      padding: 50px 0
}

.main-footer .widgets-section::before {
      bottom: 10px;
      width: 100%;
      background: rgba(255, 255, 255, .2)
}

.main-footer .widgets-section::after {
      top: 44%;
      width: 100%
}

.main-footer .footer-column {
      position: relative;
      margin-bottom: 30px;
      padding-right: 55px
}

.main-footer .widget-title {
      position: relative;
      color: #fff;
      padding-bottom: 18px;
      margin-bottom: 25px;
      font-weight: 500
}

.footer-bottom .copyright-text,
.user-links li,
.user-links li a {
      color: var(--theme-color-white);
      position: relative
}

.footer-upper .footer-title {
      font-weight: 800;
      font-size: 100px;
      line-height: 110px
}

.footer-upper .footer-title span {
      color: #616161
}

.footer-upper .footer-icon {
      height: 200px;
      width: 200px;
      line-height: 200px;
      background: var(--theme-color1);
      border-radius: 50%;
      text-align: center;
      float: right
}

.main-footer .about-widget .logo {
      position: relative;
      margin-bottom: 30px;
      max-width: 190px
}

.main-footer .about-widget p.footer-des {
      line-height: 26px;
      margin-bottom: 40px
}

.user-links li {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 14px
}

.user-links li a {
      display: block;
      -webkit-transition: .3s;
      transition: .3s;
      font-family: Plus Jakarta Sans;
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 32px
}

.user-links li a:before {
      bottom: -17px;
      width: 100%;
      background: rgba(255, 255, 255, .15);
      -webkit-transition: .3s;
      transition: .3s
}

.user-links li a::after {
      bottom: -17px;
      width: 0;
      background: var(--theme-color1);
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0
}

.user-links li a:hover::after {
      width: 100%;
      opacity: 1
}

.contact-widget .widget-title {
      padding-bottom: 40px;
      margin-bottom: 0
}

.contact-widget .address p {
      font-family: var(--heading-font-family);
      font-weight: 500;
      margin: 0
}

.contact-widget .address a {
      display: inline-block;
      font-family: var(--heading-font-family);
      font-weight: 400;
      line-height: 28px;
      color: #fff;
      margin: 8px 0 0
}

.footer-bottom {
      position: relative;
      width: 100%
}

.footer-bottom .inner-container {
      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: center;
      padding: 12px 1px
}

.footer-bottom .copyright-text a,
.footer-bottom .copyright-text span {
      color: #a1a1a1
}

.footer-bottom .footer-links-wrapper a {
      display: inline-block;
      font-family: var(--heading-font-family);
      font-weight: 500;
      font-size: 16px;
      color: var(--theme-color-white);
      margin-right: 35px
}

.widgets-section.style_two::before {
      left: 0;
      right: 0;
      margin: auto;
      bottom: 10px;
      width: 69%;
      background: rgba(var(--theme-color-white-rgb), .2)
}

.widgets-section.style_two h5.footer-main-title {
      margin-top: -5px;
      max-width: 393px;
      margin-bottom: 67px
}

.footer-main-wrapper {
      margin: 0 100px;
      border-radius: 30px;
      background: #121310;
      position: relative
}

.footer-section-3 .footer-widget-wrapper-3 {
      padding: 80px 0
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .footer-content .footer-text {
      color: #a1a1a1;
      max-width: 320px;
      line-height: 181%
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li {
      font-size: 16px;
      font-weight: 400;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out;
      font-family: var(--heading-font-family)
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li:not(:last-child) {
      margin-bottom: 15px
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li a i,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li a i {
      margin-right: 5px
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li:hover,
.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .list-area li:hover {
      margin-left: 5px
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px;
      margin-bottom: 40px
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .icon-box {
      position: relative;
      width: 60px;
      height: 60px;
      font-size: 25px;
      line-height: 60px;
      text-align: center;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, .1019607843);
      background: #222;
      border-radius: 50%;
      z-index: 1;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .icon-box:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      content: "";
      -webkit-transform: scale(0);
      transform: scale(0);
      background: var(--theme-color1);
      border-radius: 50%;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .content-box .title {
      font-size: 14px;
      color: #9d9d9d;
      font-family: var(--heading-font-family);
      margin-bottom: 10px
}

.footer-section-3 .footer-widget-wrapper-3 .footer-widget-single-items .contact-info-box .content-box .text {
      font-size: 15px;
      font-weight: 500;
      color: var(--theme-color-white);
      line-height: 20px;
      font-family: var(--heading-font-family)
}

.footer-section-3 .copyright-text {
      text-align: center;
      border-top: 1px solid rgba(255, 255, 255, .1);
      color: #9d9d9d;
      font-size: 16px;
      font-family: var(--heading-font-family);
      padding: 30px 0
}

.footer-style-two.style-two .widgets-section {
      background-color: transparent
}

.footer-style-two .footer-right-clomun {
      margin-left: 100px
}

.footer-style-two .widgets-section {
      position: relative;
      overflow: hidden;
      background-color: var(--theme-color2);
      border-radius: 30px;
      padding: 100px 0 0
}

.footer-style-two .widgets-section .anim-icons .image-1 {
      position: absolute;
      top: -137px;
      right: -116px
}

.footer-style-two .widgets-section .anim-icons .image-2 {
      position: absolute;
      bottom: -137px;
      left: -116px
}

.footer-main-wrapper-4 .footer-column .about-widget,
.footer-style-two .about-widget {
      margin-bottom: 80px
}

.footer-style-two .about-widget .title {
      color: var(--theme-color1);
      margin-bottom: 100px
}

.footer-style-two .about-widget .text {
      color: var(--theme-color-lighter2);
      font-size: 16px;
      margin-bottom: 35px
}

.footer-style-two .user-links li a {
      color: rgba(var(--theme-color-white-rgb), .55)
}

.footer-style-two .social-widget {
      margin-top: 25px
}

.footer-style-two .social-widget .social-icon-list1 li a {
      background-color: var(--theme-color-gray);
      border: none;
      font-size: 16px;
      height: 50px;
      line-height: 50px;
      width: 50px
}

.footer-style-two .social-widget .social-icon-list1 li a:hover:before {
      background-color: var(--theme-color-gray)
}

.footer-style-two .subscribe-widget .text {
      color: var(--theme-color-white);
      font-weight: 700;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 30px
}

.footer-style-two .subscribe-widget .subscribe-form-one {
      margin-bottom: 42px
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group {
      max-width: 532px;
      position: relative
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email],
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text] {
      background: var(--theme-color-gray);
      border: 1px solid var(--theme-color-gray);
      border-radius: 40px;
      color: var(--theme-color-black);
      display: block;
      font-size: 14px;
      height: 65px;
      line-height: 30px;
      padding: 20px 65px 20px 35px;
      position: relative;
      width: 100%;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::-webkit-input-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::-webkit-input-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::-moz-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::-moz-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]:-ms-input-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]:-ms-input-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::-ms-input-placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::-ms-input-placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=email]::placeholder,
.footer-style-two .subscribe-widget .subscribe-form-one .form-group input[type=text]::placeholder {
      color: var(--theme-color15)
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group .theme-btn {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      color: var(--theme-color-gray);
      font-size: 26px;
      height: 58px;
      line-height: 62px;
      position: absolute;
      right: 5px;
      text-align: center;
      top: 4px;
      width: 58px
}

.footer-style-two .subscribe-widget .subscribe-form-one .form-group .theme-btn:hover {
      background-color: transparent;
      color: var(--theme-color1)
}

.footer-style-two .footer-bottom .inner-container {
      border-top: none;
      padding: 20px 0
}

.footer-style-two .footer-bottom .copyright-text {
      color: var(--theme-color6)
}

.footer-style-two .contacts-widget {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-bottom: 100px
}

.footer-style-two .contacts-widget .text .mail {
      color: var(--theme-color-white);
      font-size: 20px;
      font-weight: 700;
      line-height: 48px
}

.footer-style-two .contacts-widget .text .phone {
      color: var(--theme-color-white);
      font-weight: 700;
      font-size: 36px;
      line-height: 48px
}

.footer-main-wrapper-4 .contacts-widget .contact-us,
.footer-style-two .contacts-widget .contact-us {
      position: relative;
      display: block;
      height: 150px;
      width: 150px;
      text-align: center;
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      padding: 35px 20px 20px;
      margin: 0 auto;
      -webkit-transition: .3s;
      transition: .3s
}

@media (max-width:767.98px) {
      .news-block .image-box .image img {
            -o-object-fit: cover;
            object-fit: cover
      }

      .success-counter-items,
      .why-choose-us-content-1 .icon-box-list {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
      }

      .success-counter-items .success-counter .count-text {
            font-size: 90px
      }

      .footer-upper {
            margin-bottom: 60px
      }

      .footer-style-two .subscribe-widget {
            padding-left: 0
      }

      .footer-style-two .contacts-widget {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
      }

      .footer-style-two .contacts-widget .contact-us {
            margin: 40px 0 0
      }
}

.footer-style-two .contacts-widget .contact-us:hover {
      background-color: #000;
      border: 1px solid #000
}

.footer-main-wrapper-4 .contacts-widget .contact-us .title,
.footer-style-two .contacts-widget .contact-us .title {
      color: var(--theme-color-white);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: .1em;
      line-height: 20px
}

.footer-style-two .contacts-widget .contact-us .icon {
      position: relative;
      display: inline-block;
      margin-top: 10px
}

.footer-main-wrapper-4 {
      border-radius: 30px;
      background: #121310;
      margin: 0 100px;
      padding-top: 90px;
      position: relative
}

@media (max-width:1599.98px) {
      .choose-us-image-items .counter-box-1 {
            gap: 10px;
            padding: 20px
      }

      .choose-us-image-items .counter-box-1 p {
            margin-bottom: 0
      }

      .brand-section .shape,
      .pricing-section .pricing-left-sp,
      .skill-section .sec-title h2 br {
            display: none
      }

      .footer-main-wrapper,
      .footer-main-wrapper-4 {
            margin: 0 50px;
            padding-left: 20px;
            padding-right: 20px
      }
}

@media (max-width:1399.98px) {
      .success-section-3 {
            margin: 0 18px !important;
            padding-left: 14px !important;
            padding-right: 14px !important
      }

      .footer-main-wrapper,
      .footer-main-wrapper-4 {
            margin: 0 20px;
            padding-left: 20px;
            padding-right: 20px
      }

      .footer-style-two .footer-right-clomun {
            margin-left: 0
      }
}

.footer-main-wrapper-4 .footer-column {
      position: relative;
      margin-bottom: 40px
}

.footer-main-wrapper-4 .footer-column .about-widget .title {
      color: var(--theme-color1);
      font-size: clamp(40px, 7.5vw, 120px);
      line-height: 1.25;
      margin-bottom: 100px
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .text {
      color: var(--theme-color-white);
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 30px
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one {
      margin-bottom: 42px;
      position: relative
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group input[type=email] {
      background: #222;
      border-radius: 40px;
      color: #9d9d9d;
      display: block;
      font-size: 14px;
      height: 65px;
      line-height: 30px;
      padding: 20px 65px 20px 35px;
      position: relative;
      width: 100%;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::-webkit-input-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::-moz-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group:-ms-input-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::-ms-input-placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group::placeholder {
      color: #9d9d9d
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group .circle-btn {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      color: var(--theme-color-black);
      font-size: 26px;
      height: 58px;
      line-height: 58px;
      position: absolute;
      right: 5px;
      text-align: center;
      top: 4px;
      width: 58px;
      padding: 0;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.footer-main-wrapper-4 .footer-column .subscribe-widget .subscribe-form-one .form-group .circle-btn:hover {
      background-color: #000;
      color: var(--theme-color1)
}

.footer-main-wrapper-4 .footer-column .social-widget {
      margin-top: 50px;
      position: relative
}

.footer-main-wrapper-4 .footer-column .social-widget .social-icon-list1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px
}

.footer-main-wrapper-4 .footer-column .social-widget .social-icon-list1 li a {
      background-color: #222;
      border-radius: 50%;
      color: var(--theme-color-white);
      font-size: 16px;
      display: inline-block;
      height: 45px;
      line-height: 45px;
      position: relative;
      text-align: center;
      width: 45px;
      -webkit-transition: .3s;
      transition: .3s
}

.footer-main-wrapper-4 .contacts-widget {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-bottom: 80px
}

.footer-main-wrapper-4 .contacts-widget .text {
      line-height: 45px
}

.footer-main-wrapper-4 .contacts-widget .mail {
      color: #9d9d9d;
      font-size: 20px;
      font-weight: 500;
      line-height: 48px
}

.footer-main-wrapper-4 .contacts-widget .phone {
      color: var(--theme-color-white);
      font-weight: 500;
      font-size: 42px;
      line-height: 48px
}

.footer-main-wrapper-4 .contacts-widget .icon {
      position: relative;
      display: inline-block;
      margin-top: 10px;
      color: var(--theme-color-white)
}

.footer-main-wrapper-4 .footer-widget3 .widget-title {
      color: var(--theme-color-white);
      margin-bottom: 24px
}

.footer-main-wrapper-4 .footer-widget3 .user-links3 li a {
      color: var(--text-color)
}

.footer-bottom-text {
      text-align: center;
      color: #9d9d9d;
      font-family: var(--heading-font-family);
      font-size: 16px;
      font-weight: 400;
      padding: 30px 0
}

.product-details .bxslider .image-box {
      position: relative;
      display: block;
      margin-right: 30px;
      margin-bottom: 10px
}

.product-details .bxslider .thumb-box li {
      position: relative;
      display: inline-block;
      float: left;
      margin-right: 10px;
      margin-bottom: 15px;
      width: 100px;
      height: 100px
}

.product-details .bxslider .thumb-box li:last-child,
.product-discription .comment-box .review-box .rating li:last-child,
.product-discription .single-comment-box .inner-box .rating li:last-child {
      margin: 0 !important
}

.product-details .bxslider .thumb-box li a:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.product-details .product-info .product-details__top {
      position: relative;
      display: block;
      margin-top: -8px
}

.product-details .product-info .product-details__title {
      font-size: 40px;
      line-height: 44px;
      font-weight: 700;
      margin: 0
}

.product-details .product-info .product-details__title span {
      position: relative;
      display: inline-block;
      color: var(--theme-color-white);
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-left: 20px;
      letter-spacing: 0
}

.product-details .product-info .product-details__reveiw {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 22px;
      padding-bottom: 20px;
      margin-bottom: 31px;
      border-bottom: 1px solid #1a1a1a
}

.product-details .product-info .product-details__reveiw i {
      font-size: 16px;
      color: #ffc737
}

.product-details .product-info .product-details__reveiw i+i {
      margin-left: 4px
}

.product-details .product-info .product-details__reveiw span {
      position: relative;
      top: 1px;
      line-height: 1;
      font-size: 16px;
      color: var(--theme-color-white);
      margin-left: 18px
}

.product-details .product-info .product-details__quantity-title {
      margin: 0 20px 0 0;
      color: #fff;
      font-size: 20px;
      line-height: 30px;
      font-weight: 700
}

.product-details .product-info .product-details__buttons {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px;
      margin-top: 40px
}

.product-details .product-info .product-details__buttons-1,
.product-details .product-info .product-details__social .title {
      position: relative;
      display: block
}

.product-details .product-info .product-details__buttons-1 .btn-title {
      color: #000;
      text-transform: capitalize;
      font-weight: 500
}

.product-details .product-info .product-details__buttons-2 {
      position: relative;
      display: block;
      margin-left: 10px
}

.product-details .product-info .product-details__buttons-2 .thm-btn {
      border-radius: 0;
      background-color: var(--theme-color2)
}

.blog-details__date,
.blog-details__social-list a,
.blog-details__tags a,
.product-details .product-info .product-details__buttons-2 .thm-btn:after,
.product-details .product-info .product-details__buttons-2 .thm-btn:before,
.sidebar__category,
.sidebar__post,
.sidebar__tags,
table.cart-total .coupon-form .apply-button:hover,
table.tbl-shopping-cart .coupon-form .apply-button:hover {
      background-color: var(--theme-color1)
}

.product-details .product-info .product-details__social .social-icon-one {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: 30px
}

.product-details .product-info .product-details__social .social-icon-one li {
      position: relative;
      margin-left: 20px
}

.product-details .product-info .product-details__social .social-icon-one li:first-child {
      margin-left: 0
}

.product-details .product-info .product-details__social .social-icon-one li a {
      position: relative;
      display: block;
      font-size: 12px;
      line-height: 30px;
      color: var(--theme-color-white);
      -webkit-transition: .3s;
      transition: .3s
}

.category-block h4 a:hover,
.category-block-two .inner-box:hover h4 a,
.product-block h4 a:hover,
.product-details .product-info .product-details__social .social-icon-one li a:hover,
.service-sidebar .service-sidebar-single-contact-box .phone a:hover,
.service-sidebar .service-sidebar-single-services ul li a:hover i,
.service-sidebar .service-sidebar-single-services ul li.current a i,
.shop-sidebar .post-widget .post:hover a,
.sidebar-service-list li a:hover,
.sidebar-service-list li.current a,
table.cart-total .product-price .amount,
table.cart-total .product-subtotal .amount,
table.cart-total tbody tr .amount,
table.tbl-shopping-cart .product-price .amount,
table.tbl-shopping-cart .product-subtotal .amount,
table.tbl-shopping-cart tbody tr .amount {
      color: var(--theme-color1)
}

.product-details .product-info .product-details__social .title h3 {
      color: #fff;
      font-size: 20px;
      line-height: 20px;
      font-weight: 700
}

.product-details__quantity {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 20px;
      position: relative
}

.product-details__quantity .quantity-box {
      border-radius: 10px;
      height: 60px;
      position: relative;
      width: 98px
}

.product-details__quantity .quantity-box input {
      background-color: #222;
      border: 1px solid #212121;
      border-radius: 10px;
      color: var(--theme-color-white);
      font-size: 18px;
      font-weight: 500;
      height: 60px;
      outline: 0;
      padding-left: 30px;
      -webkit-appearance: textfield;
      -moz-appearance: textfield;
      width: 98px
}

.product-details__quantity .quantity-box button {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      border-left: 1px solid #212121;
      border-top-right-radius: 10px;
      background-color: var(--theme-color2);
      color: #fff;
      font-size: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 29px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      outline: 0;
      position: absolute;
      right: 1px;
      top: 1px;
      -webkit-transition: .3s;
      transition: .3s;
      width: 29px
}

.product-details__quantity .quantity-box button:hover {
      background-color: var(--theme-color1);
      color: var(--theme-color2)
}

.product-details__quantity .quantity-box button.sub {
      bottom: 1px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 10px;
      top: auto
}

.product-discription .product-description__title {
      font-size: 30px;
      margin-bottom: 27px
}

.product-discription .product-description__text1 {
      font-size: 16px;
      line-height: 30px;
      margin: 0
}

.product-discription .product-description__list {
      display: block;
      margin-top: 30px;
      margin-bottom: 30px;
      position: relative
}

.contact-info p i,
.product-discription .product-description__list ul,
.project-details__content,
.project-details__details-list,
.project-details__details-list li,
.project-details__img,
.shop-sidebar,
.sidebar__comments,
.sidebar__comments-list,
.sidebar__comments-list li,
.team-details,
.team-details__bottom,
.team-details__bottom-left,
.team-details__bottom-right,
.team-details__progress,
.team-details__progress-single {
      display: block;
      position: relative
}

.product-discription .product-description__list ul li,
.product-discription .single-comment-box .inner-box .rating {
      display: block;
      margin-bottom: 2px;
      position: relative
}

.payment-method .accordion-box .block:last-child,
.product-discription .comment-box .column:last-child .form-group,
.product-discription .product-description__list ul li:last-child,
.product-discription .tab-btn-box .tab-btns li:last-child,
.product-discription .tabs-content .text p:last-child,
.service-list li:last-child,
.service-sidebar .service-sidebar-single-services ul li:last-child,
.shop-sidebar .category-widget .category-list li:last-child,
.shop-sidebar .sidebar-widget:last-child {
      margin-bottom: 0
}

.product-discription .product-description__list ul li p {
      color: var(--headings-color);
      font-weight: 600;
      margin: 0
}

.product-discription .product-description__list ul li p span:before {
      color: var(--theme-color1);
      display: inline-block;
      font-size: 17px;
      line-height: 17px;
      margin-right: 11px;
      position: relative;
      top: 2px
}

.product-discription .tabs-content .text p {
      margin-bottom: 17px
}

.product-discription .tab-btn-box {
      display: block;
      margin-bottom: 60px;
      position: relative;
      width: 100%
}

.product-discription .tab-btn-box:before {
      background-color: #222;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      top: 28px;
      width: 100%
}

.product-discription .tab-btn-box .tab-btns li {
      background-color: #222;
      border: 1px solid #212121;
      color: var(--theme-color-white);
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      margin: 0 8.5px 15px;
      padding: 14px 30px;
      position: relative;
      text-transform: uppercase;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s
}

.product-block .ui-btn:hover,
.product-discription .tab-btn-box .tab-btns li.active-btn {
      background-color: var(--theme-color2);
      color: #fff
}

.product-discription .single-comment-box .inner-box {
      background-color: #222;
      display: block;
      padding: 34px 30px 34px 125px;
      position: relative
}

.product-discription .single-comment-box .inner-box .comment-thumb {
      border-radius: 50%;
      left: 30px;
      position: absolute;
      top: 40px;
      width: 80px
}

.product-discription .single-comment-box .inner-box .comment-thumb img {
      border-radius: 50%;
      width: 100%
}

.product-discription .single-comment-box .inner-box .rating li {
      color: #fdc009;
      display: inline-block;
      font-size: 12px;
      float: left;
      margin-right: 4px;
      position: relative
}

.product-discription .single-comment-box .inner-box h5 {
      display: block;
      font-size: 16px;
      font-weight: 600;
      line-height: 26px;
      margin-bottom: 16px;
      text-transform: uppercase
}

.product-discription .single-comment-box .inner-box h5 span {
      font-weight: 400;
      text-transform: capitalize
}

@media (max-width:991.98px) {
      .choose-us-section-3 .sec-title {
            margin-bottom: 40px
      }

      .footer-style-two .subscribe-widget {
            padding-left: 0
      }

      .footer-main-wrapper-4 {
            padding-bottom: 70px
      }

      .footer-main-wrapper-4 .footer-column,
      .footer-main-wrapper-4 .footer-column .about-widget,
      .footer-main-wrapper-4 .footer-column .about-widget .title {
            margin-bottom: 0
      }

      .footer-main-wrapper-4 .contacts-widget {
            margin-bottom: 30px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px
      }

      .product-discription .single-comment-box .inner-box {
            padding-left: 30px
      }

      .product-discription .single-comment-box .inner-box .comment-thumb {
            left: 0;
            margin-bottom: 15px;
            position: relative;
            top: 0
      }

      .product-discription .single-comment-box .inner-box h5 span {
            margin-left: 10px
      }
}

.product-discription .customer-comment {
      position: relative;
      display: block;
      margin-bottom: 60px
}

.product-discription .comment-box {
      background-color: #222;
      -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      display: block;
      padding: 51px 60px 60px;
      position: relative
}

.product-discription .comment-box h3 {
      display: block;
      font-size: 24px;
      line-height: 34px;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 23px
}

.product-discription .comment-box .form-group {
      position: relative;
      margin-bottom: 15px
}

.product-discription .comment-box .form-group label {
      position: relative;
      display: block;
      font-size: 18px;
      line-height: 28px;
      color: #707582;
      margin-bottom: 8px
}

.product-discription .comment-box .review-box p {
      position: relative;
      float: left;
      margin-right: 10px
}

.product-discription .comment-box .custom-controls-stacked,
.product-discription .comment-box .review-box .rating {
      position: relative;
      float: left
}

.product-discription .comment-box .review-box .rating li {
      position: relative;
      display: inline-block;
      font-size: 14px;
      line-height: 28px;
      float: left;
      margin-right: 4px;
      color: #fdc009
}

.product-discription .comment-box .review-box {
      position: relative;
      display: block;
      margin-top: 8px
}

.categories-section {
      position: relative;
      padding: 100px 0 70px
}

.categories-section .bg-pattern {
      position: absolute;
      left: 0;
      top: -220px;
      width: 100%;
      height: 100%;
      content: "";
      background-image: url(../images/icons/pattern-7.png);
      background-repeat: no-repeat;
      background-position: left top;
      z-index: -1
}

.categories-section:before {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 300px;
      width: 100%;
      background: var(--theme-color3);
      content: "";
      z-index: 1
}

.categories-section:after,
.category-block .inner-box:before {
      background-repeat: no-repeat;
      background-position: center bottom;
      width: 100%;
      content: "";
      left: 0;
      position: absolute
}

.categories-section:after {
      bottom: -50px;
      height: 70px;
      z-index: 2;
      background-image: url(../images/icons/pattern-3.png)
}

.category-block {
      position: relative;
      margin-bottom: 30px;
      z-index: 9
}

.category-block .inner-box {
      position: relative;
      text-align: center;
      background: #fff;
      padding: 40px 30px 30px;
      border-radius: 10px;
      -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
      box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
      -webkit-transition: .3s;
      transition: .3s
}

.category-block .inner-box:before {
      top: 0;
      height: 190px
}

.category-block .inner-box:hover {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
      box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.category-block .inner-box:hover .image img {
      -webkit-transform: rotate(10deg) scale(1.2);
      transform: rotate(10deg) scale(1.2)
}

.category-block .inner-box.cat-bg-1:before {
      background-image: url(../images/icons/cat-1-bg.png)
}

.category-block .inner-box.cat-bg-2:before {
      background-image: url(../images/icons/cat-2-bg.png)
}

.category-block .inner-box.cat-bg-3:before {
      background-image: url(../images/icons/cat-3-bg.png)
}

.category-block .inner-box.cat-bg-4:before {
      background-image: url(../images/icons/cat-4-bg.png)
}

.category-block .image {
      position: relative;
      display: inline-block;
      height: 180px;
      width: 180px;
      overflow: hidden;
      border-radius: 50%;
      margin-bottom: 15px
}

.category-block h4 {
      font-size: 20px;
      color: var(--theme-color3);
      font-weight: 700;
      margin-bottom: 10px
}

.category-block p {
      font-size: 14px;
      color: #797f7d;
      line-height: 26px;
      margin-bottom: 0
}

.categories-section-two,
.featured-products {
      position: relative;
      padding: 120px 0 90px
}

.category-block-two {
      position: relative;
      padding-top: 70px;
      margin-bottom: 30px;
      z-index: 9
}

.category-block-two .inner-box {
      position: relative;
      text-align: center;
      background: #fff;
      border-radius: 10px;
      margin: 0 auto;
      padding: 18px
}

.category-block-two .inner-box:before {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 60px;
      width: 100%;
      border-radius: 10px;
      background: #e3eee5;
      content: ""
}

.category-block-two .inner-box:hover .image:before,
.product-block .inner-box:hover .image:before {
      left: 100%;
      -webkit-transition: 1s;
      transition: 1s
}

.category-block-two .inner-box:hover .image img,
.product-block .inner-box:hover .image img {
      -webkit-transform: scale(.9);
      transform: scale(.9)
}

.category-block-two .content {
      position: relative;
      background: #fff;
      border-radius: 10px;
      padding: 0 40px 40px;
      z-index: 1;
      -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
      box-shadow: 0 10px 60px rgba(0, 0, 0, .07)
}

.category-block-two .content:before {
      position: absolute;
      top: -88px;
      left: 0;
      width: 180px;
      height: 180px;
      right: 0;
      margin: 0 auto;
      border-radius: 50%;
      background: #e3eee5;
      content: ""
}

.category-block-two .content:after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      font-size: 30px;
      line-height: 1em;
      color: #e8f3ea;
      height: 15px;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: .1em;
      content: attr(data-text)
}

.category-block-two .image {
      position: relative;
      display: inline-block;
      overflow: hidden;
      margin-bottom: 25px;
      margin-top: -70px
}

.category-block-two .image:before {
      position: absolute;
      top: 0;
      height: 120%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
      content: "";
      opacity: .3;
      left: -100%;
      pointer-events: none;
      z-index: 1
}

.category-block-two h4 {
      font-size: 22px;
      color: var(--theme-color3);
      font-weight: 700;
      margin-bottom: 15px
}

.category-block-two h4 a,
.product-block-two h4 a {
      color: var(--theme-color3);
      -webkit-transition: .3s;
      transition: .3s
}

.category-block-two p {
      font-size: 16px;
      color: #797f7d;
      line-height: 26px;
      margin-bottom: 0
}

.category-block-two .link {
      position: relative;
      display: inline-block;
      height: 50px;
      width: 50px;
      background: #e8f3ea;
      border-radius: 50%;
      line-height: 50px;
      margin-top: 25px;
      color: #608174;
      -webkit-transition: .3s;
      transition: .3s
}

.category-block-two .link:hover {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg)
}

.category-block-two.child-two .content:before,
.category-block-two.child-two .inner-box:before,
.category-block-two.child-two .link {
      background: #f0e2e3
}

.category-block-two.child-two .inner-box:hover h4 a {
      color: #e69da2
}

.category-block-two.child-two .content:after {
      color: #f0e2e3
}

.category-block-two.child-three .content:before,
.category-block-two.child-three .inner-box:before,
.category-block-two.child-three .link {
      background: #f1ede1
}

.category-block-two.child-three .inner-box:hover h4 a {
      color: #c9b579
}

.category-block-two.child-three .content:after {
      color: #f1ede1
}

.products-section {
      position: relative;
      padding: 120px 0
}

.products-section .bg-image {
      position: absolute;
      left: 0;
      top: 0;
      height: 670px;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-attachment: fixed
}

.products-section .bg-image:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: #113629;
      opacity: .7;
      content: ""
}

.products-section .bg-image:after {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 50px;
      width: 100%;
      background-image: url(../images/icons/pattern-8.png);
      background-position: center bottom;
      content: ""
}

.products-section .sec-title h2 {
      font-size: 60px
}

.products-box {
      max-width: 1530px;
      position: relative;
      padding: 120px 60px 90px;
      margin: 120px auto 0;
      background-color: #f7f5ee;
      overflow: hidden;
      border-radius: 10px
}

.products-box:before {
      position: absolute;
      left: -90px;
      bottom: 0;
      height: 70%;
      width: 100%;
      background: url(../images/icons/shape-7.png) top left no-repeat;
      content: ""
}

.products-box .outer-box {
      position: relative;
      padding-right: 400px
}

.banner-box-two .inner-box:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(#164333), to(rgba(229, 229, 229, 0)));
      background: linear-gradient(to bottom, #164333 0, rgba(229, 229, 229, 0) 100%);
      content: ""
}

.banner-box-two .inner-box {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 370px;
      background: var(--theme-color3);
      border-radius: 10px;
      min-height: 440px;
      text-align: center;
      overflow: hidden;
      padding: 20px
}

.banner-box-two .title {
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      font-size: 20px;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 20px
}

.banner-box-two .title strong {
      font-size: 60px;
      line-height: 1em;
      color: var(--theme-color2);
      font-weight: 400
}

.banner-box-two h4 {
      font-size: 30px;
      line-height: 1.2em;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      margin-bottom: 30px
}

.product-block h4,
.product-block-two h4 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 5px
}

.product-block-two .inner-box {
      position: relative;
      border: 2px solid transparent;
      border-radius: 10px;
      background: #fff;
      padding: 20px 20px 20px 150px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: 150px;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block-two .inner-box:hover {
      border: 2px solid var(--theme-color1)
}

.product-block-two .image {
      position: absolute;
      left: 20px;
      top: 20px;
      border-radius: 50%;
      overflow: hidden;
      height: 110px;
      width: 110px;
      border: 1px solid #e4e1d6;
      margin-bottom: 0
}

.product-block .image img,
.product-block-two .image img {
      width: auto;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block-two .inner-box:hover .image img {
      -webkit-transform: scale(-1) rotate(180deg);
      transform: scale(-1) rotate(180deg)
}

.product-block-two h4 {
      display: block;
      color: var(--theme-color3)
}

.product-block-two .price {
      display: block;
      font-size: 16px;
      line-height: 26px;
      color: var(--theme-color1);
      font-weight: 600
}

.product-block .price del,
.product-block-two .price del {
      display: inline-block;
      margin-left: 15px;
      font-size: 16px;
      color: red;
      line-height: 27px;
      opacity: .3
}

.product-block-two .rating {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      color: #ffc737
}

.products-carousel .owl-dots {
      position: absolute;
      right: 0;
      top: -80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 8
}

.products-carousel .owl-dot {
      position: relative;
      height: 7px;
      width: 7px;
      background: #879d91;
      margin-right: 5px;
      border-radius: 5px;
      display: block;
      -webkit-transition: .3s;
      transition: .3s
}

.featured-products .bg-shape {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: url(../images/icons/pattern-7.png) left bottom/700px no-repeat
}

.featured-products .filters {
      margin-bottom: 40px;
      text-align: center
}

.featured-products .filters li {
      position: relative;
      display: inline-block;
      line-height: 24px;
      padding: 5px 12px 10px;
      cursor: pointer;
      color: #fff;
      font-weight: 500;
      font-size: 18px;
      margin: 0 5px;
      -webkit-transition: .3s;
      transition: .3s
}

.featured-products .filters .filter.active,
.featured-products .filters .filter:hover {
      background-color: var(--theme-color1);
      color: #000
}

.featured-products .filters li:before {
      position: absolute;
      left: 0;
      bottom: 8px;
      height: 2px;
      width: 100%;
      content: "";
      background-color: #000;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: top right;
      transform-origin: top right;
      -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1);
      transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
      -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
      transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1)
}

.product-block {
      margin-bottom: 30px;
      position: relative
}

.product-block .inner-box {
      background: #1a1a1a;
      border: 2px solid #222;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      text-align: center;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .inner-box:hover {
      border: 2px solid var(--theme-color1);
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
      box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.product-block .image {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      margin-bottom: 0
}

.product-block .image:before {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
      content: "";
      opacity: .3;
      left: -100%;
      pointer-events: none;
      z-index: 1
}

.product-block .content {
      position: relative;
      padding: 30px
}

.product-block h4 {
      display: block;
      color: var(--headings-color)
}

.product-block h4 a {
      color: var(--headings-color);
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .price {
      display: block;
      font-size: 16px;
      line-height: 26px;
      color: var(--text-gray-silver);
      font-weight: 600
}

.product-block .rating {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 14px;
      color: #ffc737
}

.product-block .tag {
      position: absolute;
      top: 30px;
      left: 20px;
      font-size: 14px;
      line-height: 23px;
      color: #fff;
      background: #fd5f5c;
      font-weight: 400;
      padding: 0 12px;
      border-radius: 3px;
      z-index: 9;
      font-style: italic;
      text-transform: uppercase
}

.product-block .icon-box {
      position: absolute;
      right: 20px;
      top: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .inner-box:hover .icon-box {
      top: 20px;
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s
}

.product-block .ui-btn {
      background-color: var(--theme-color1);
      border-radius: 50px;
      color: #000;
      cursor: pointer;
      display: block;
      height: 40px;
      font-size: 14px;
      line-height: 40px;
      margin-bottom: 10px;
      position: relative;
      text-align: center;
      width: 40px;
      z-index: 9;
      -webkit-transition: .3s;
      transition: .3s
}

.product-block .cat {
      display: block;
      font-size: 18px;
      color: #707070;
      font-style: italic;
      font-family: Jost, sans-serif;
      margin-bottom: 5px
}

.project-list-item .text,
.project-list-item .title {
      font-style: normal;
      -webkit-box-align: center;
      line-height: 30px
}

table.cart-total .product-thumbnail,
table.tbl-shopping-cart .product-thumbnail {
      min-width: 64px
}

table.cart-total img,
table.tbl-shopping-cart img {
      width: 64px;
      -webkit-box-shadow: none;
      box-shadow: none
}

table.cart-total td,
table.cart-total th,
table.tbl-shopping-cart td,
table.tbl-shopping-cart th {
      vertical-align: middle;
      border-left: 1px solid rgba(var(--theme-color-white-rgb), .1);
      padding: 20px 30px;
      color: var(--headings-color)
}

table.cart-total .product-name .variation,
table.tbl-shopping-cart .product-name .variation {
      font-size: .9rem;
      list-style: none
}

table.cart-total .product-remove a,
table.tbl-shopping-cart .product-remove a {
      display: inline-block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      border-radius: 24px;
      -webkit-transition: .3s ease-out;
      transition: .3s ease-out;
      background-color: #757575;
      color: #fff;
      text-align: center
}

table.cart-total .coupon-form .apply-button,
table.tbl-shopping-cart .coupon-form .apply-button {
      position: relative;
      display: inline-block;
      color: #fff;
      background: #222;
      padding: 15px 29px;
      cursor: pointer;
      border-radius: 5px;
      height: 100%;
      text-transform: uppercase;
      -webkit-transition: .5s;
      transition: .5s
}

tbody,
td,
tfoot,
th,
thead,
tr {
      border-color: rgba(var(--theme-color-white-rgb), .1)
}

.apply-button2 {
      position: relative;
      display: inline-block;
      color: var(--theme-color2);
      background: var(--theme-color1);
      padding: 15px 29px 12px;
      cursor: pointer;
      border-radius: 5px;
      text-transform: uppercase;
      -webkit-transition: .5s;
      transition: .5s
}

.background-image,
.page-title {
      background-position: center;
      background-size: cover
}

.table-striped>tbody>tr:nth-of-type(odd) {
      --bs-table-accent-bg: rgba(var(--theme-color-black-rgb))
}

.payment-method .accordion-box .block {
      border-radius: 0;
      overflow: hidden;
      background: #222;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-bottom: 20px
}

.payment-method .accordion-box .block.active-block {
      border-radius: 0 !important
}

.payment-method .accordion-box .block .acc-content .payment-info {
      background-color: #212121;
      display: block;
      padding: 30px;
      position: relative
}

.payment-method .accordion-box .block .acc-btn {
      color: var(--theme-color-white);
      padding: 19px 30px 22px
}

.payment-method .accordion-box .block .acc-btn .icon-outer {
      color: #1e2434;
      font-size: 28px;
      height: auto;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.payment-method .accordion-box .block .acc-btn.active {
      color: var(--theme-color2);
      background-color: var(--theme-color1)
}

.payment-method .accordion-box .block .acc-btn.active .icon-outer {
      color: var(--text-color-bg-theme-color2)
}

.payment-method .payment-method h3 {
      margin-bottom: 32px
}

.shop-sidebar .sidebar-search .search-form .form-group input[type=search] {
      background-color: var(--theme-color1);
      border: 1px solid var(--theme-color1);
      border-radius: 5px;
      color: #646578;
      height: 52px;
      padding: 10px 60px 10px 20px;
      position: relative;
      -webkit-transition: .5s;
      transition: .5s;
      width: 100%
}

.shop-sidebar .sidebar-search .search-form .form-group button {
      background-color: var(--theme-color2);
      border-radius: 3px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 18px;
      height: 42px;
      line-height: 42px;
      position: absolute;
      right: 5px;
      text-align: center;
      top: 5px;
      -webkit-transition: .5s;
      transition: .5s;
      width: 42px
}

.range-slider input[type=submit]:hover,
.shop-sidebar .sidebar-search .search-form .form-group button:hover {
      background-color: var(--theme-color1);
      color: var(--theme-color1-text-color)
}

.shop-sidebar .sidebar-widget {
      background-color: var(--theme-color1);
      border-radius: 5px;
      display: block;
      margin-bottom: 30px;
      padding: 35px 30px 37px;
      position: relative
}

.shop-sidebar .sidebar-widget .widget-title {
      display: block;
      margin-bottom: 16px;
      position: relative;
      color: var(--theme-color-black)
}

.shop-sidebar .category-widget .category-list li {
      display: block;
      margin-bottom: 14px;
      position: relative
}

.shop-sidebar .category-widget .category-list li a {
      color: #646578;
      display: inline-block;
      font-weight: 400;
      padding-left: 20px;
      position: relative
}

.shop-sidebar .category-widget .category-list li a:before {
      position: absolute;
      content: "\f0da";
      font-family: "Font Awesome 6 Pro";
      left: 0;
      top: 0;
      font-size: 16px;
      font-weight: 600;
      color: var(--theme-color2)
}

.shop-sidebar .price-filters .widget-title {
      margin-bottom: 28px
}

.shop-sidebar .post-widget .post {
      border-bottom: 1px solid var(--text-color);
      margin-bottom: 23px;
      min-height: 108px;
      padding-left: 90px;
      padding-bottom: 24px;
      position: relative
}

.shop-sidebar .post-widget .post:last-child {
      margin-bottom: 0;
      border-bottom: none
}

.shop-sidebar .post-widget .post .post-thumb {
      border: 1px solid #d0d4dd;
      border-radius: 5px;
      height: 70px;
      left: 0;
      position: absolute;
      top: 7px;
      -webkit-transition: .5s;
      transition: .5s;
      width: 70px
}

.shop-sidebar .post-widget .post .post-thumb img {
      width: 100%;
      border-radius: 5px
}

.shop-sidebar .post-widget .post a {
      color: var(--body-bg);
      display: inline-block;
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 7px;
      position: relative
}

.shop-sidebar .post-widget .post .price {
      color: #0a267a;
      display: block;
      font-size: 14px;
      font-weight: 600;
      line-height: 24px;
      position: relative
}

.shop-sidebar .post-widget .post:hover .post-thumb {
      border-color: var(--theme-color1)
}

.shop-sidebar .post-widget {
      padding-bottom: 9px
}

.range-slider .title {
      display: inline-block;
      line-height: 26px;
      margin-right: 4px;
      position: relative
}

.range-slider .title:before {
      color: #646578;
      content: "$";
      font-size: 18px;
      left: -5px;
      position: absolute;
      top: -19px
}

.range-slider p {
      color: #646578;
      display: inline-block;
      margin-right: 10px !important;
      position: relative
}

.range-slider .input {
      color: #646578;
      display: inline-block;
      font-size: 18px;
      margin-top: 5px;
      max-width: 75px;
      position: relative
}

.range-slider .input input {
      background: 0 0;
      color: #646578;
      font-size: 15px;
      text-align: left
}

.range-slider .ui-widget.ui-widget-content {
      background-color: #a1a1a1;
      border-radius: 2px;
      border: none;
      height: 4px;
      margin-bottom: 14px
}

.range-slider .ui-slider .ui-slider-range {
      background-color: var(--theme-color2);
      top: 0;
      height: 4px
}

.range-slider .ui-state-default {
      background-color: var(--theme-color2);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      height: 14px;
      margin-left: 0;
      position: absolute;
      top: -5px;
      width: 14px
}

.range-slider .ui-state-default:before {
      background-color: #fff;
      border-radius: 50%;
      content: "";
      height: 6px;
      left: 4px;
      position: absolute;
      top: 4px;
      width: 6px
}

.range-slider .ui-widget-content .ui-state-default {
      background-color: var(--theme-color2);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      height: 14px;
      margin-left: 0;
      top: -5px;
      width: 14px
}

.range-slider .ui-widget-content .ui-state-default:before {
      background-color: #fff;
      border-radius: 50%;
      content: "";
      position: absolute;
      height: 6px;
      left: 4px;
      top: 4px;
      width: 6px
}

.range-slider input[type=submit] {
      background: var(--theme-color2);
      border: none;
      border-radius: 10px;
      color: #fff;
      cursor: pointer;
      display: block;
      float: right;
      font-size: 14px;
      font-weight: 500;
      margin-top: 0;
      padding: 7px 20px;
      position: relative;
      text-align: center;
      text-transform: capitalize;
      -webkit-transition: .5s;
      transition: .5s
}

@-webkit-keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
      }
}

@keyframes ripple {
      70% {
            -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 70px rgba(255, 255, 255, 0)
      }

      100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
      }
}

.page-title {
      background-color: var(--theme-color2);
      position: relative;
      background-repeat: no-repeat;
      padding: 120px 0 0;
      min-height: 450px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.page-title:before {
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, .4784313725)));
      background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4784313725))
}

.page-title .title {
      font-size: 64px;
      color: #fff;
      margin-bottom: 17px
}

@media only screen and (max-width:768px) {
      .page-title .title {
            font-size: 34px
      }
}

.page-title .text {
      position: relative;
      color: #fff;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: .05em;
      max-width: 520px
}

.page-breadcrumb {
      position: relative;
      margin-top: 5px
}

.page-breadcrumb li {
      position: relative;
      display: inline-block;
      margin-right: 12px;
      padding-right: 13px;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      text-transform: capitalize
}

.page-breadcrumb li:after {
      position: absolute;
      content: "\f105";
      right: -6px;
      top: 1px;
      font-size: 14px;
      font-weight: 900;
      font-family: "Font Awesome 6 Pro";
      color: #fff
}

.page-breadcrumb li:last-child {
      padding-right: 0;
      margin-right: 0
}

.page-breadcrumb li a {
      color: var(--theme-color3);
      font-weight: 500;
      text-transform: capitalize;
      transition: .3s;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s
}

.page-title.style-two {
      background-position: center center
}

.page-title.style-two .page-breadcrumb-outer {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 10px 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      z-index: 8
}

.play-now .icon,
.play-now .ripple:after {
      height: 70px;
      width: 70px;
      border-radius: 50%
}

.page-title.style-two .page-breadcrumb li {
      color: #070710;
      font-weight: 600
}

.page-title.style-two .page-breadcrumb li a:hover,
.page-title.style-two .page-breadcrumb li:after {
      color: #070710
}

.page-title.style-two .page-breadcrumb li a {
      color: rgba(7, 7, 16, .6)
}

.play-now {
      position: relative;
      display: block;
      z-index: 9;
      -webkit-transition: .3s;
      transition: .3s
}

.play-now .icon {
      position: relative;
      text-align: center;
      line-height: 70px;
      background-color: #fff;
      color: #ff6d2e;
      z-index: 1;
      padding-left: 0;
      font-size: 14px;
      display: block;
      -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      -ms-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      -o-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
      -webkit-transform-origin: center;
      transform-origin: center
}

.play-now .ripple,
.play-now .ripple:before {
      -webkit-transform: translate(-50%, -50%);
      left: 50%;
      height: 70px;
      width: 70px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .6)
}

.play-now .ripple {
      -webkit-animation: 3s infinite ripple;
      animation: 3s infinite ripple
}

.play-now .ripple:before {
      -webkit-animation: 3s .9s infinite ripple;
      animation: 3s .9s infinite ripple;
      content: ""
}

.play-now .ripple:after {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
      -webkit-animation: 3s .6s infinite ripple;
      animation: 3s .6s infinite ripple;
      content: "";
      position: absolute
}

.background-image {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-repeat: repeat
}

.error-page__inner {
      position: relative;
      display: block;
      text-align: center
}

.error-page__inner .error-page__title-box,
.service-sidebar .service-sidebar-single-btn {
      position: relative;
      display: block
}

.error-page__inner .error-page__title {
      position: relative;
      display: inline-block;
      font-size: 280px;
      line-height: 280px;
      margin-bottom: 0;
      color: var(--theme-color1)
}

.error-page__inner .error-page__sub-title {
      font-size: 40px;
      letter-spacing: .1em;
      text-transform: uppercase;
      line-height: 50px;
      margin-top: -16px
}

.error-page__inner .error-page__text {
      font-size: 20px;
      line-height: 30px;
      text-align: center
}

.error-page__inner .error-page__form {
      position: relative;
      display: block;
      margin: 42px auto 20px
}

.error-page__inner .error-page__form input[type=search] {
      height: 60px;
      width: 100%;
      border: none;
      outline: 0;
      background-color: #1a1a1a;
      font-size: 14px;
      color: #fff;
      padding-left: 50px;
      padding-right: 75px;
      border-radius: 7px
}

.error-page__inner .error-page__form button[type=submit] {
      background-color: transparent;
      color: #fff;
      font-size: 22px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 72px;
      outline: 0;
      border: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0
}

.error-page__inner .error-page__form-input {
      position: relative;
      display: block;
      max-width: 570px;
      width: 100%;
      margin: 0 auto
}

.error-page__inner .theme-btn {
      text-decoration: underline
}

.contact-details__info {
      position: relative;
      display: block;
      margin-top: 41px
}

.blog-details__meta,
.contact-details__info li {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.contact-details__info li .icon {
      height: 80px;
      width: 80px;
      background-color: var(--theme-color1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-details__info li .icon span {
      color: var(--theme-color-black);
      font-size: 25px;
      -webkit-transition: .5s;
      transition: .5s
}

.contact-details__info li:hover .icon {
      background-color: var(--theme-color-white);
      color: var(--theme-color1)
}

.contact-details__info li:hover .icon span {
      color: var(--theme-color2);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1)
}

.contact-details__info li:hover .text a {
      color: var(--notech-base)
}

.contact-details__info li:hover .text a span {
      color: var(--notech-gray)
}

.contact-details__info li .text {
      margin-left: 30px
}

.contact-details__info li .text p {
      font-size: 14px;
      line-height: 24px
}

.contact-details__info li .text a {
      font-size: 18px;
      color: var(--notech-black);
      -webkit-transition: .5s;
      transition: .5s
}

.contact-details__info li .text span {
      font-size: 20px;
      color: var(--notech-black)
}

.contact-details__info li+li {
      margin-top: 19px
}

.map {
      height: 550px
}

.contact-details .theme-btn {
      border-radius: 0;
      background-color: var(--theme-color1);
      color: var(--theme-color2);
      padding: 16px 30px
}

.service-sidebar {
      display: block;
      max-width: 365px;
      position: relative;
      width: 100%
}

.service-sidebar .theme-btn {
      border: 1px solid var(--theme-color-black)
}

.service-sidebar .service-sidebar-single {
      display: block;
      margin-bottom: 30px;
      position: relative
}

.service-sidebar .service-sidebar-single-services {
      display: block;
      background: #f6f4ec;
      border-radius: 10px;
      padding: 35px 30px 25px;
      position: relative
}

.service-sidebar .service-sidebar-single-services .title {
      display: block;
      margin-bottom: 12px;
      padding-left: 20px;
      position: relative
}

.service-sidebar .service-sidebar-single-services .title h3 {
      color: var(--headings-color);
      font-size: 20px;
      line-height: 30px;
      letter-spacing: -.02em
}

.service-sidebar .service-sidebar-single-services ul {
      position: relative;
      display: block;
      margin-top: 10px
}

.service-sidebar .service-sidebar-single-services ul li {
      position: relative;
      display: block;
      margin-bottom: 5px;
      margin-top: -10px
}

.service-sidebar .service-sidebar-single-services ul li a {
      position: relative;
      display: block;
      color: var(--agriox-color-1, #687469);
      font-size: 18px;
      padding: 22px 20px;
      border-radius: 10px;
      background: 0 0;
      -webkit-transition: .3s linear .1s;
      transition: .3s linear .1s;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}

.service-sidebar .service-sidebar-single-services ul li a:hover::before,
.service-sidebar .service-sidebar-single-services ul li.current a::before {
      opacity: 1;
      -webkit-transform: perspective(400px) rotateX(0);
      transform: perspective(400px) rotateX(0);
      -webkit-transition: .3s linear .1s;
      transition: .3s linear .1s
}

.service-sidebar .service-sidebar-single-services ul li a::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: "";
      z-index: -1;
      opacity: 1;
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      -webkit-transition: .3s linear .1s;
      transition: .3s linear .1s;
      background: #fff;
      -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      border-radius: 10px
}

.service-sidebar .service-sidebar-single-services ul li.current:last-child {
      margin-bottom: 35px
}

.service-sidebar .service-sidebar-single-contact-box {
      position: relative;
      display: block;
      background-attachment: scroll;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 10px;
      padding: 50px 0 44px;
      z-index: 1
}

.service-sidebar .service-sidebar-single-contact-box::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(109, 140, 84, .93);
      border-radius: 10px;
      content: "";
      z-index: -1
}

.service-sidebar .service-sidebar-single-contact-box .icon {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 60px;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 50%;
      background: var(--theme-color2)
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover {
      background-color: var(--headings-color)
}

.service-list li a.current i,
.service-list li a:hover i,
.service-sidebar .banner-widget .content-box .icon-box,
.services-details__content .feature-list .single-item:hover {
      background-color: var(--theme-color2);
      color: var(--text-color-bg-theme-color2)
}

.service-sidebar .service-sidebar-single-contact-box .icon span::before {
      position: relative;
      display: inline-block;
      color: var(--headings-color);
      font-size: 30px;
      line-height: 60px;
      -webkit-transition: .5s;
      transition: .5s
}

.service-sidebar .service-sidebar-single-contact-box .title {
      position: relative;
      display: block;
      margin-top: 20px;
      margin-bottom: 42px
}

.service-sidebar .service-sidebar-single-contact-box .title h2 {
      color: #fff;
      font-size: 36px
}

.service-sidebar .service-sidebar-single-contact-box .phone {
      font-size: 24px;
      line-height: 34px
}

.service-sidebar .service-sidebar-single-contact-box .phone a {
      color: #fff;
      -webkit-transition: .5s;
      transition: .5s
}

.service-sidebar .service-sidebar-single-contact-box p {
      color: #fff;
      font-size: 14px;
      line-height: 22px
}

.service-sidebar .service-sidebar-single-btn .thm-btn {
      font-size: 16px;
      padding: 13px 50px 28px
}

.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
      position: relative;
      display: inline-block;
      top: 13px;
      color: #334b35;
      font-size: 40px;
      padding-right: 25px;
      -webkit-transition: .6s;
      transition: .6s;
      font-weight: 500
}

.service-sidebar .banner-widget {
      position: relative;
      display: block;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08);
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08)
}

.service-sidebar .banner-widget .widget-content {
      position: relative;
      display: block;
      width: 100%;
      padding: 45px 30px 40px;
      background-size: cover;
      background-repeat: no-repeat
}

.service-sidebar .banner-widget .widget-content .shape {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 278px;
      background-repeat: no-repeat;
      background-size: cover
}

.service-sidebar .banner-widget .content-box {
      position: relative;
      max-width: 200px;
      width: 100%
}

.service-sidebar .banner-widget .content-box .icon-box {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 40px;
      text-align: center;
      border-radius: 5px;
      margin-bottom: 23px
}

.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
      position: absolute;
      top: -15px;
      right: -38px;
      width: 32px;
      height: 32px;
      background-repeat: no-repeat
}

.service-sidebar .banner-widget .content-box h3 {
      display: block;
      font-size: 24px;
      line-height: 32px;
      color: #fff;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 22px
}

.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
      background: #0a267a
}

.service-sidebar .service-sidebar-single-btn .theme-btn {
      padding: 20px 50px
}

.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {
      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
}

.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
      position: relative;
      display: inline-block;
      font-size: 36px;
      padding-right: 25px;
      margin-top: 7px;
      -webkit-transition: .6s;
      transition: .6s;
      font-weight: 500
}

.services-details__content .feature-list .single-item {
      position: relative;
      display: block;
      border: 1px solid #e1e8e4;
      padding: 16px 30px 16px 53px;
      margin-bottom: 20px;
      -webkit-transition: .6s;
      transition: .6s
}

.services-details__content .feature-list .single-item .icon-box {
      color: var(--theme-color1);
      position: absolute;
      left: 20px;
      top: 16px;
      font-size: 18px;
      -webkit-transition: .6s;
      transition: .6s
}

.services-details__content .feature-list .single-item .title {
      display: block;
      margin: 0;
      font-size: 16px;
      line-height: 32px;
      font-weight: 600;
      text-transform: uppercase
}

.services-details__content .feature-list .single-item:hover .icon-box {
      color: var(--text-color-bg-theme-color2)
}

.service-list li {
      position: relative;
      display: block;
      margin-bottom: 10px
}

.service-list li a {
      position: relative;
      display: block;
      font-size: 18px;
      color: var(--headings-color);
      font-weight: 600;
      background-color: #fff;
      padding: 17px 20px 17px 50px;
      -webkit-box-shadow: 20px 5px 20px 0 rgba(0, 0, 0, .05);
      box-shadow: 20px 5px 20px 0 rgba(0, 0, 0, .05)
}

.service-list li i,
.sidebar-service-list li a i {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      font-size: 16px;
      text-align: center
}

.service-list li a.current,
.service-list li a:hover {
      color: var(--text-color-bg-theme-color1);
      background-color: var(--theme-color1);
      padding-left: 80px
}

.service-list li a.current i,
.service-list li a:hover i {
      width: 60px
}

.service-list li i {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      left: 0;
      top: 0;
      width: 30px;
      height: 100%;
      background-color: #f6f4ec;
      color: #707582;
      -webkit-transition: .5s;
      transition: .5s
}

.service-details-help,
.sidebar-service-list li a {
      border-radius: 15px;
      display: block;
      position: relative
}

.sidebar-service-list li a {
      background-color: var(--theme-color-black);
      color: var(--theme-color-white);
      font-size: 18px;
      font-weight: 700;
      padding: 19px 40px;
      -webkit-transition: .5s;
      transition: .5s
}

.help-icon,
.sidebar-service-list li a i {
      -webkit-box-align: center;
      -webkit-transition: .5s
}

@media (max-width:1199.98px) {
      .choose-us-image-items .counter-box-1 {
            padding: 28px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
      }

      .choose-us-image-items .counter-box-1 p {
            font-size: 14px
      }

      .choose-us-image-style-3 {
            max-width: 700px
      }

      .why-choose-us-style {
            padding-top: 0;
            padding-bottom: 0
      }

      .pricing-section-4 .pricing-shape,
      .skill-section .skill-rotate {
            display: none
      }

      .pricing-section .pricing-two__tab,
      .pricing-section-4 .pricing-two__tab {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px
      }

      .pricing-single-bx {
            padding: 36px 20px 30px
      }

      .pricing-section-4.inner-page {
            margin-top: 80px
      }

      .brand-wrapper-3 .brand-wrapper-inner-3 .brand-icon {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            border-right: none;
            margin-right: 0
      }

      .main-footer .about-widget .logo {
            margin-bottom: 30px
      }

      .footer-style-two .about-widget {
            padding-left: 0;
            margin-bottom: 0
      }

      .footer-style-two .about-widget .title {
            margin-bottom: 40px
      }

      .footer-style-two .contacts-widget {
            margin-top: 0 !important;
            margin-bottom: 30px
      }

      .sidebar-service-list li a {
            padding: 19px 20px
      }
}

.sidebar-service-list li a:hover i {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      color: var(--theme-color-black);
      background-color: var(--theme-color1)
}

.sidebar-service-list li a i {
      height: 32px;
      width: 45px;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: .5s;
      color: #191825;
      background-color: #fff;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 15px
}

.sidebar-service-list li.current a i {
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
}

.service-details-help {
      background-color: var(--theme-color1);
      margin-top: 30px;
      overflow: hidden;
      padding: 57px 55px 50px;
      text-align: center;
      z-index: 1
}

.help-shape-1 {
      bottom: -215px;
      left: -95px;
      width: 220px;
      height: 500px;
      background-color: #303030;
      border-radius: 150px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1
}

.help-shape-2 {
      top: -118px;
      right: -130px;
      width: 180px;
      height: 350px;
      background-color: #fff;
      border-radius: 186px;
      -webkit-transform: rotate(48deg);
      transform: rotate(48deg)
}

.help-icon {
      height: 73px;
      width: 73px;
      background-color: var(--body-bg);
      color: var(--theme-color1);
      font-size: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 auto;
      transition: .5s
}

.help-icon:hover {
      background-color: var(--theme-color-black);
      color: #fff
}

.help-title {
      color: var(--body-bg);
      font-size: 38px;
      font-weight: 700;
      line-height: 40px;
      margin-bottom: 21px
}

.project-details__client,
.project-details__name {
      font-size: 16px;
      line-height: 24px
}

.help-contact {
      position: relative;
      display: block;
      margin-top: 21px
}

.help-contact p {
      font-size: 14px;
      color: var(--body-bg);
      margin: 0;
      line-height: 32px;
      font-weight: 600;
      opacity: .7
}

.help-contact a {
      font-size: 30px;
      color: var(--body-bg);
      font-weight: 600;
      -webkit-transition: .5s;
      transition: .5s
}

.service-section-seven.style-inner .service-block_seven:hover .left-arrow,
.service-section-seven.style-inner .service-block_seven:hover .right-arrow,
.service-section-seven.style-inner .service-block_seven:hover .theme-btn {
      color: var(--theme-color-black);
      border-color: var(--theme-color-black)
}

.service-section-seven.style-inner .service-block_seven:hover .left-arrow:hover,
.service-section-seven.style-inner .service-block_seven:hover .right-arrow:hover,
.service-section-seven.style-inner .service-block_seven:hover .theme-btn:hover {
      color: var(--theme-color-white);
      border-color: var(--theme-color2);
      background-color: var(--theme-color2)
}

.project-details__img img {
      border-radius: 10px;
      width: 100%
}

.project-details__content-left {
      display: block;
      margin-top: 31px;
      position: relative
}

.project-details__content-right {
      display: block;
      margin-top: 40px;
      position: relative
}

.project-details__details-box {
      background-color: var(--theme-color-black);
      border-radius: 10px;
      padding: 43px 50px 50px;
      position: relative;
      z-index: 1
}

.project-details__details-list li+li {
      margin-top: 24px
}

.project-details-btn .theme-btn.btn-style-one {
      padding: 26px 100px 26px 60px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 70px;
      border-radius: 100px;
      background: -webkit-gradient(linear, left top, right top, from(#beec6b), to(#169c92));
      background: linear-gradient(90deg, #beec6b 0, #169c92 100%);
      color: var(--theme-color-white)
}

.project-details-btn .theme-btn .icon {
      width: 62px;
      height: 62px;
      line-height: 72px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      font-size: 50px;
      color: var(--headings-color);
      right: 4px;
      top: 4px;
      bottom: 4px
}

.project-details__client {
      color: #838d9e;
      margin: 0
}

.project-details__client a {
      color: var(--theme-color1);
      text-decoration: underline
}

.project-details__client a:hover {
      color: #fff
}

.project-details__pagination li a:hover i,
.project-details__social a:hover {
      color: var(--theme-color2-text-color);
      background-color: var(--theme-color2)
}

.project-details__social {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: flex
}

.project-details__social a {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      display: flex;
      background-color: var(--theme-color2);
      border-radius: 50%;
      color: var(--theme-color1-text-color);
      font-size: 15px;
      height: 40px;
      justify-content: center;
      overflow: hidden;
      text-align: center;
      -webkit-transition: .5s;
      transition: .5s;
      width: 40px;
      z-index: 1
}

.project-details__social a+a {
      margin-left: 10px
}

.project-details__pagination-box {
      display: block;
      padding: 40px 0;
      position: relative;
      text-align: center
}

.project-details__pagination {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative
}

.project-details__pagination li a {
      color: #696969;
      font-family: var(--body-font-family);
      font-size: 16px;
      font-weight: 400;
      line-height: 19px;
      -webkit-transition: .5s;
      transition: .5s
}

.blog-details__meta li a:hover,
.project-details__pagination li a:hover,
.project-list i,
.project-list-item .icon {
      color: var(--theme-color1)
}

.project-details__pagination li a:hover i {
      border: 2px solid var(--theme-color2)
}

.project-details__pagination li a img {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1)
}

.blog-details,
.blog-details__left,
.blog-details__pagenation,
.project-details__pagination li .content,
.sidebar__search {
      position: relative;
      display: block
}

.project-details__pagination li .title,
.project-details__pagination li .title a {
      color: #fff;
      font-family: var(--body-font-family);
      font-style: normal;
      font-weight: 600;
      font-size: 22px;
      line-height: 30px;
      letter-spacing: -.03em;
      -webkit-transition: .4s;
      transition: .4s
}

.project-details__pagination li .title a:hover,
.project-details__pagination li .title:hover {
      text-decoration-line: underline
}

.project-details__pagination li.next {
      float: left;
      position: relative
}

.project-details__pagination li.next .content {
      text-align: left;
      font-weight: var(--body-font-weight-bold)
}

.project-details__pagination li.previous {
      position: relative;
      float: right
}

.project-details__pagination li.previous .content {
      text-align: right
}

.room-facility-list .icon {
      border: 1px solid var(--theme-color1);
      border-radius: 50%;
      display: block;
      font-size: 22px;
      height: 64px;
      line-height: 64px;
      text-align: center;
      width: 64px;
      -webkit-transition: .3s;
      transition: .3s
}

.nav-links .next,
.nav-links .prev {
      height: 100%;
      width: calc(50% - 15px)
}

.room-facility-list .list-one:hover .icon {
      background-color: var(--theme-color1);
      color: #fff
}

.room-details__content-right {
      position: relative;
      display: block;
      margin-top: 40px
}

.room-details__details-box {
      background-color: #f5f6f7;
      border: 1px solid var(--theme-color1);
      border-radius: 10px;
      padding: 43px 50px 30px;
      position: relative;
      z-index: 1
}

@media only screen and (max-width:480px) {
      .room-block .inner-box .box-caption .book-btn {
            padding: 0 10px;
            margin-right: 10px
      }

      .room-block.col-lg-3 .inner-box .box-caption .bx-links li {
            margin-right: 10px
      }

      .rooms-section {
            padding: 80px 0
      }
}

.project-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
}

@media (max-width:375.98px) {
      .footer-main-wrapper {
            padding-left: 0
      }

      .project-list {
            -ms-grid-columns: auto;
            grid-template-columns: auto
      }
}

.project-list li {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: -.03em;
      line-height: 19px;
      margin-bottom: 30px
}

.project-list i {
      margin-right: 10px
}

.project-list-item .icon {
      font-size: 26px
}

.project-list-item .title {
      -ms-flex-align: center;
      align-items: center;
      color: var(--headings-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: var(--heading-font-family);
      font-weight: 700;
      font-size: 20px;
      letter-spacing: -.03em
}

.project-list-item .text {
      -ms-flex-align: center;
      align-items: center;
      color: var(--text-color2);
      font-family: var(--body-font-family);
      font-weight: 400;
      font-size: 16px
}

.blog-details__date .day,
.blog-details__date .month,
.blog-details__tags a,
.blog-details__tags span,
.blog-details__title {
      font-weight: var(--body-font-weight-bold)
}

.blog-details__img {
      position: relative;
      display: block;
      border-radius: 10px
}

.blog-details__img img {
      width: 100%;
      border-radius: 10px
}

.blog-details__date {
      position: absolute;
      bottom: 0;
      right: 0;
      text-align: center;
      padding: 21px 24px 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
}

.blog-details__date .day {
      font-size: 16px;
      color: #000;
      line-height: 16px
}

.blog-details__date .month {
      position: relative;
      display: block;
      font-size: 10px;
      color: #000;
      line-height: 12px;
      text-transform: uppercase
}

.blog-details__content {
      position: relative;
      display: block;
      margin-top: 22px
}

.blog-details__meta li a {
      font-size: 15px;
      color: #777;
      font-weight: 500;
      -webkit-transition: .5s;
      transition: .5s
}

.blog-details__meta li a i {
      color: var(--theme-color1);
      margin-right: 6px
}

.blog-details__title {
      font-size: 30px;
      line-height: 40px;
      margin-top: 12px;
      margin-bottom: 21px
}

.blog-details__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 30px 0;
      margin-top: 49px;
      border-top: 1px solid #ece9e0
}

.blog-details__bottom p {
      margin: 0
}

.blog-details__tags span {
      color: var(--theme-color-white);
      font-size: 20px;
      margin-right: 14px
}

.blog-details__tags a {
      position: relative;
      font-size: 12px;
      color: #000;
      display: inline-block;
      padding: 5px 30px;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 35px;
      border: 1px solid var(--theme-color1)
}

.blog-details__tags a:hover {
      background-color: var(--theme-color2);
      color: var(--theme-color-white);
      text-decoration: none
}

.blog-details__tags a+a {
      margin-left: 6px
}

.blog-details__social-list a {
      position: relative;
      height: 43px;
      width: 43px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      color: var(--theme-color2);
      font-size: 15px;
      border-radius: 50%;
      overflow: hidden;
      border: 1px solid var(--theme-color1);
      -webkit-transition: .5s;
      transition: .5s;
      z-index: 1
}

.blog-details__social-list a:hover {
      color: var(--theme-color1)
}

.blog-details__social-list a:hover:after {
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
}

.blog-details__social-list a:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      background-color: var(--theme-color2);
      -webkit-transition: .4s ease-in-out .1s;
      transition: .4s ease-in-out .1s;
      opacity: 1;
      -webkit-transform-origin: top;
      transform-origin: top;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      z-index: -1
}

.blog-details__pagenation li,
.nav-links>div>a {
      font-weight: var(--body-font-weight-bold);
      -webkit-transition: .5s;
      border-radius: 10px;
      font-size: 20px
}

.blog-details__social-list a+a {
      margin-left: 10px
}

.blog-details__pagenation-box {
      position: relative;
      display: block;
      overflow: hidden;
      margin-bottom: 53px
}

.blog-details__pagenation li {
      position: relative;
      float: left;
      color: #0e2207;
      color: var(--theme-light-background-text-color);
      background-color: var(--theme-light-background);
      line-height: 30px;
      transition: .5s;
      max-width: 370px;
      width: 100%;
      padding: 52px 60px
}

.blog-details__pagenation li:hover {
      background-color: var(--theme-color2);
      color: var(--text-color-bg-theme-color2)
}

.blog-details__pagenation li+li {
      margin-left: 30px
}

.nav-links {
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 53px
}

.nav-links .prev {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 30px
}

.nav-links .next,
.sidebar__search-form button[type=submit] {
      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-align: center
}

.nav-links .prev .thumb {
      margin-right: 20px
}

.nav-links .next {
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
}

.nav-links>div .thumb {
      display: inline-block;
      min-width: 60px;
      width: 60px;
      height: 60px;
      overflow: hidden
}

.nav-links>div>a,
.sidebar__search-form input[type=search] {
      width: 100%;
      color: #000;
      background-color: var(--theme-color1)
}

.nav-links>div>a {
      display: inline-block;
      word-wrap: break-word;
      white-space: -moz-pre-wrap;
      white-space: pre-wrap;
      line-height: 1.637;
      transition: .5s;
      padding: 52px 50px
}

.nav-links>div>a:hover {
      color: #fff;
      background-color: var(--theme-color2)
}

.sidebar__title {
      margin: 0 0 5px;
      font-size: 20px;
      font-weight: var(--h4-font-weight);
      color: var(--theme-color2)
}

.sidebar__search-form input[type=search] {
      display: block;
      border: none;
      outline: 0;
      font-size: 16px;
      font-weight: 500;
      padding-left: 50px;
      height: 74px;
      padding-right: 80px;
      border-radius: 10px
}

.sidebar__search-form input[type=search]::-webkit-input-placeholder {
      color: var(--text-color-bg-theme-color1);
      opacity: 1
}

.sidebar__search-form input[type=search]:-ms-input-placeholder,
.sidebar__search-form input[type=search]::-ms-input-placeholder,
.sidebar__search-form input[type=search]::-webkit-input-placeholder,
.sidebar__search-form input[type=search]::placeholder {
      color: var(--text-color-bg-theme-color1);
      opacity: 1
}

.sidebar__search-form button[type=submit] {
      background-color: transparent;
      color: #000;
      font-size: 22px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 72px;
      outline: 0;
      border: none;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding: 0
}

.sidebar__post {
      border-radius: 10px;
      color: var(--body-bg);
      display: block;
      overflow: hidden;
      padding: 46px 30px 30px;
      position: relative;
      z-index: 1
}

.sidebar__post .sidebar__title {
      margin-left: 20px
}

.sidebar__category-list,
.sidebar__post .sidebar__post-list {
      margin: 0
}

.sidebar__post .sidebar__post-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 16px 20px 17px;
      -webkit-transition: .5s;
      transition: .5s
}

.sidebar__post .sidebar__post-list li:hover {
      background-color: #fff;
      border-radius: 10px
}

.sidebar__post .sidebar__post-list li+li {
      margin-top: 11px
}

.sidebar__post .sidebar__post-list .sidebar__post-image {
      margin-right: 20px;
      -webkit-box-flex: 70px;
      -ms-flex: 70px 0 0px;
      flex: 70px 0 0
}

.sidebar__post .sidebar__post-list .sidebar__post-image>img {
      width: 80px;
      border-radius: 10px
}

.sidebar__post .sidebar__post-list .sidebar__post-content {
      position: relative;
      top: -3px
}

.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
      font-size: 18px;
      margin: 0;
      line-height: 26px;
      letter-spacing: 0
}

.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
      color: #0e2207;
      -webkit-transition: .5s;
      transition: .5s;
      display: block;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px
}

.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-bg);
      -webkit-transition: .5s;
      transition: .5s
}

.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
      color: var(--body-bg);
      font-size: 14px;
      padding-right: 3px
}

.sidebar__category {
      position: relative;
      display: block;
      color: var(--body-bg);
      border-radius: 10px;
      padding: 45px 30px 38px;
      overflow: hidden;
      z-index: 1
}

.sidebar__category .sidebar__title {
      color: var(--body-bg);
      padding-left: 20px;
      margin-bottom: 9px
}

.sidebar__category-list li+li {
      margin-top: 4px
}

.sidebar__category-list li a {
      background: 0 0;
      border-radius: 10px;
      color: var(--body-bg);
      font-size: 16px;
      position: relative;
      -webkit-transition: .5s;
      transition: .5s;
      padding: 12px 20px;
      display: block;
      font-weight: 500
}

.sidebar__category-list li a:hover {
      -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05)
}

.sidebar__category-list li a:hover span {
      color: #ffcd1e;
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
}

.sidebar__category-list li a span {
      position: absolute;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0);
      -webkit-transition: .5s;
      transition: .5s;
      color: var(--theme-color2);
      text-align: center;
      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;
      font-size: 16px
}

.sidebar__category-list li.active a {
      border-radius: 10px;
      -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05);
      box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .05)
}

.sidebar__category-list li.active a span {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      color: #ffcd1e
}

.sidebar__tags {
      position: relative;
      display: block;
      color: var(--body-bg);
      padding: 46px 45px 50px;
      border-radius: 10px;
      overflow: hidden;
      z-index: 1
}

.sidebar__tags .sidebar__title {
      margin-left: 5px;
      margin-bottom: 25px;
      color: var(--theme-color-black)
}

.sidebar__tags-list {
      margin-top: -10px
}

.sidebar__tags-list a {
      background: var(--theme-color2);
      border-radius: 30px;
      color: var(--headings-color);
      display: inline-block;
      font-size: 14px;
      margin-left: 5px;
      padding: 5px 28px;
      -webkit-transition: .4s;
      transition: .4s
}

.sidebar__comments,
.sidebar__comments-text-box p span {
      color: var(--body-bg)
}

.sidebar__tags-list a:hover {
      background: var(--theme-color1);
      color: #000
}

.sidebar__tags-list a+a {
      margin-left: 5px;
      margin-top: 10px
}

.sidebar__comments {
      background-color: var(--theme-color1);
      padding: 46px 50px 43px;
      border-radius: 10px;
      overflow: hidden;
      z-index: 1
}

.sidebar__comments-icon,
.sidebar__comments-list li:hover .sidebar__comments-icon {
      background-color: var(--theme-color2);
      color: var(--headings-color)
}

.sidebar__comments .sidebar__title {
      margin-bottom: 25px;
      color: var(--theme-color2)
}

.sidebar__comments-list li {
      padding-left: 65px
}

.sidebar__comments-list li+li {
      margin-top: 23px
}

.sidebar__comments-icon {
      height: 45px;
      width: 45px;
      border-radius: 50%;
      font-size: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: .4s;
      transition: .4s
}

.sidebar__comments-text-box p {
      color: var(--body-bg);
      font-size: 15px;
      font-weight: 500;
      line-height: 26px;
      margin: 0
}

.sidebar__comments-text-box h5 {
      color: #757873;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 26px;
      margin: 0
}

.comment-one .comment-one__single {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(236, 233, 224, .2196078431);
      padding-bottom: 60px;
      margin-bottom: 60px;
      -webkit-box-align: top;
      -ms-flex-align: top;
      align-items: top
}

.comment-one .comment-one__content {
      position: relative;
      margin-left: 45px
}

@media only screen and (max-width:767px) {
      .product-details .product-info .product-details__buttons {
            display: block
      }

      .product-details .product-info .product-details__buttons-1 {
            margin-bottom: 10px;
            margin-right: 10px
      }

      .product-details .product-info .product-details__buttons-2 {
            margin-left: 0;
            margin-top: 0
      }

      .product-details .product-info .product-details__social {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start
      }

      .nav-links,
      .product-details__buttons {
            -ms-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal
      }

      .product-details .product-info .product-details__social .social-icon-one,
      .sidebar__post .sidebar__title {
            margin-left: 0
      }

      .product-details__img {
            margin-bottom: 50px
      }

      .product-details__title span {
            margin-left: 0;
            display: block
      }

      .product-details__buttons {
            flex-direction: column;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline
      }

      .product-details__buttons-2 {
            margin-left: 0;
            margin-top: 10px
      }

      .comment-one .comment-one__content,
      .product-details__social-link {
            margin-top: 20px;
            margin-left: 0
      }

      .project-details-btn .theme-btn.btn-style-one {
            height: 60px;
            padding-right: 80px
      }

      .project-details-btn .theme-btn.btn-style-one .icon {
            width: 40px;
            height: 40px;
            line-height: 40px;
            right: 10px;
            top: 8px
      }

      .project-details-btn .theme-btn.btn-style-one .icon svg {
            width: 15px;
            height: 15px
      }

      .blog-details__bottom {
            gap: 30px
      }

      .nav-links {
            flex-direction: column;
            gap: 20px
      }

      .nav-links .next,
      .nav-links .prev {
            width: 100%
      }

      .nav-links>div>a,
      .sidebar__comments,
      .sidebar__post,
      .sidebar__tags {
            padding: 30px
      }

      .sidebar__search-form input[type=search] {
            padding-left: 30px
      }

      .sidebar__search-form button[type=submit] {
            width: 42px
      }

      .sidebar__post .sidebar__post-list li {
            padding: 16px 0
      }

      .sidebar__category {
            padding: 30px 15px
      }

      .comment-one .comment-one__single {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
      }
}

.comment-one .comment-one__content h3 {
      margin: 0 0 24px;
      font-size: 20px;
      color: var(--theme-color-white)
}

.comment-one .comment-one__content p {
      font-size: 16px;
      font-weight: 500
}

.comment-one .comment-one__btn {
      padding: 5px 30px;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 14px;
      border: 1px solid var(--theme-color-black)
}

.comment-one .comment-one__btn:hover {
      color: #000
}

.comment-one .comment-one__image {
      position: relative;
      display: block;
      border-radius: 50%;
      -webkit-box-flex: 100px;
      -ms-flex: 100px 0 0px;
      flex: 100px 0 0
}

.comment-one .comment-one__image img {
      border-radius: 50%
}

.comment-form .comment-form__title {
      margin-top: -7px;
      margin-bottom: 20px
}

.team-details__top {
      padding: 0 0 120px
}

.team-details-shape-1 {
      position: absolute;
      bottom: -270px;
      right: 0;
      opacity: .5;
      z-index: 2
}

.team-details-shape-1 img {
      width: auto
}

.team-details__top-left {
      position: relative;
      display: block;
      margin-right: 20px
}

.team-details__top-img {
      position: relative;
      display: block;
      border-radius: 30px
}

.team-details__top-img img {
      width: 100%;
      border-radius: 30px
}

.team-details__big-text {
      font-size: 80px;
      line-height: 80px;
      text-transform: uppercase;
      color: #eef0f6;
      letter-spacing: .35em;
      font-weight: 400;
      position: absolute;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      top: 209px;
      left: -325px
}

.acrdtn-h,
.banner-section .content-box .title {
      text-transform: capitalize
}

.team-details__top-right {
      position: relative;
      display: block;
      margin-left: 50px
}

.team-details__top-content {
      position: relative;
      display: block;
      margin-top: -11px
}

.team-details__top-name {
      font-size: 40px;
      font-weight: 700;
      line-height: 50px;
      margin-bottom: 3px
}

.team-details__top-title {
      font-size: 16px;
      color: var(--theme-color1)
}

.team-details__social {
      position: relative;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 28px
}

.team-details__social a {
      position: relative;
      height: 40px;
      width: 40px;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      background-color: var(--theme-color1);
      color: var(--theme-color-black);
      font-size: 15px;
      border-radius: 50%;
      -webkit-transition: .5s;
      transition: .5s
}

.team-details__social a:hover {
      background-color: var(--theme-color-black);
      color: var(--theme-color1)
}

.team-details__social a+a {
      margin-left: 10px
}

.team-details__top-text-1 {
      font-size: 30px;
      color: var(--theme-color1);
      line-height: 45px;
      font-weight: 400;
      margin-bottom: 30px
}

.team-details__top-text-2 {
      padding-top: 23px;
      padding-bottom: 35px
}

.team-details__bottom {
      border-top: 1px solid #1e1e1e;
      padding-top: 110px
}

.team-details__bottom-left {
      margin-right: 70px
}

.team-details__bottom-left-title {
      font-size: 36px;
      font-weight: 700;
      line-height: 46px
}

.team-details__bottom-left-text {
      padding-top: 30px
}

.team-details__bottom-right {
      margin-left: 70px;
      margin-top: 1px
}

@media only screen and (max-width:991px) {
      .team-details__top-right {
            margin-top: 70px;
            margin-left: 0
      }

      .team-details__bottom-right {
            margin-left: 0
      }
}

.team-details__progress {
      width: 100%
}

.team-details__progress .bar {
      position: relative;
      width: 100%;
      height: 13px;
      background-color: #212121;
      border-radius: 7px;
      margin-bottom: 22px
}

.team-details__progress .bar-inner {
      position: relative;
      display: block;
      width: 0;
      height: 13px;
      border-radius: 7px;
      background-color: var(--theme-color1);
      -webkit-transition: 1.5s;
      transition: 1.5s
}

.team-details__progress .count-text {
      position: absolute;
      right: 0;
      bottom: 21px;
      color: var(--theme-color1);
      line-height: 24px;
      font-size: 14px;
      text-align: center;
      font-weight: 500;
      opacity: 0;
      -webkit-transition: .5s;
      transition: .5s
}

.team-details__progress .bar-inner.counted .count-text {
      opacity: 1
}

.team-details__progress .bar.marb-0 {
      margin-bottom: 0
}

.team-details__progress-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 28px;
      color: var(--headings-color);
      margin-bottom: 6px
}

.team-contact-form input[type=email],
.team-contact-form input[type=text] {
      background-color: #1a1a1a
}

.team-contact-form textarea {
      background-color: #1a1a1a;
      height: 180px
}

.team-contact-form .btn-style-submit {
      background-color: var(--theme-color1);
      padding: 12px 20px;
      border-radius: 5px;
      color: var(--theme-color-black);
      -webkit-transition: .5s;
      transition: .5s
}

.team-contact-form .btn-style-submit:hover {
      background-color: var(--theme-color-white);
      color: var(--theme-color-black)
}

.abt-svg {
      width: 30px
}

.footer-icon img {
      width: 150px
}

.contact-item {
      margin: 0 18px;
      display: inline-block;
      position: relative
}

.contact-item a {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #fff;
      text-decoration: none;
      font-size: 17px;
      font-weight: 500;
      white-space: nowrap;
      padding: 8px 14px;
      border-radius: 30px;
      transition: .35s
}

.contact-item i {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .15);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      transition: .35s
}

.contact-item a:hover {
      background: rgba(255, 255, 255, .12);
      transform: translateY(-3px)
}

.contact-item a:hover i {
      background: #fff;
      color: #0d47a1;
      transform: rotate(8deg) scale(1.08)
}

.contact-info p i {
      margin-right: 20px;
      height: 45px;
      width: 45px;
      border-radius: 50%;
      font-size: 16px;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--theme-color-white);
      background-color: var(--body-bg);
      -webkit-transition: .3s;
      transition: .3s
}

.page {
      position: relative;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 24px;
      overflow: hidden
}

.background-shape {
      position: absolute;
      border-radius: 50%;
      filter: blur(10px);
      opacity: .9;
      pointer-events: none
}

.shape-1 {
      width: 280px;
      height: 280px;
      top: 8%;
      left: 10%;
      background: radial-gradient(circle, rgba(56, 189, 248, .45), rgba(56, 189, 248, 0))
}

.shape-2 {
      width: 320px;
      height: 320px;
      bottom: 6%;
      right: 8%;
      background: radial-gradient(circle, rgba(168, 85, 247, .4), rgba(168, 85, 247, 0))
}

.login-card {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 530px;
      padding: 32px;
      border-radius: 24px;
      background: rgba(15, 23, 42, .76);
      border: 1px solid rgba(255, 255, 255, .12);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      box-shadow: 0 20px 60px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .06);
      transition: transform .3s, box-shadow .3s, border-color .3s
}

.login-card:hover {
      transform: translateY(-6px);
      border-color: rgba(96, 165, 250, .35);
      box-shadow: 0 28px 80px rgba(0, 0, 0, .48), 0 0 30px rgba(59, 130, 246, .12)
}

.card-header {
      margin-bottom: 24px
}

.card-badge {
      display: inline-block;
      margin-bottom: 14px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(59, 130, 246, .14);
      border: 1px solid rgba(96, 165, 250, .28);
      color: #bfdbfe;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .04em
}

.card-header h1 {
      margin: 0 0 10px;
      font-size: 2rem;
      line-height: 1.1
}

.card-header p {
      margin: 0;
      color: #cbd5e1;
      font-size: .98rem;
      line-height: 1.6
}

.login-form {
      display: grid;
      gap: 18px
}

.input-group {
      display: grid;
      gap: 8px
}

.input-group label {
      font-size: .92rem;
      font-weight: 600;
      color: #e2e8f0
}

.input-wrapper {
      position: relative;
      display: flex;
      align-items: center
}

.input-icon {
      position: absolute;
      left: 14px;
      font-size: .95rem;
      opacity: .8
}

.input-wrapper input {
      width: 100%;
      padding: 15px 48px 15px 42px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: rgba(255, 255, 255, .06);
      color: #f8fafc;
      font-size: .96rem;
      outline: 0;
      transition: border-color .2s, background-color .2s, box-shadow .2s
}

.input-wrapper input::placeholder {
      color: #94a3b8
}

.input-wrapper input:focus {
      border-color: rgba(96, 165, 250, .55);
      background: rgba(255, 255, 255, .09);
      box-shadow: 0 0 0 4px rgba(59, 130, 246, .14)
}

.toggle-password {
      position: absolute;
      right: 10px;
      border: none;
      background: 0 0;
      color: #93c5fd;
      font-size: .84rem;
      font-weight: 700;
      cursor: pointer;
      padding: 6px 8px
}

.card-footer a:hover,
.forgot-link:hover,
.toggle-password:hover {
      color: #dbeafe
}

.form-options {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap
}

.remember-me {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #cbd5e1;
      font-size: .92rem;
      cursor: pointer
}

.remember-me input {
      accent-color: #60a5fa
}

.card-footer a,
.forgot-link {
      color: #93c5fd;
      text-decoration: none;
      transition: color .2s
}

.submit-btn {
      margin-top: 4px;
      width: 100%;
      border: none;
      border-radius: 16px;
      padding: 15px 18px;
      background: linear-gradient(135deg, #3b82f6, #8b5cf6);
      color: #fff;
      font-size: 1rem;
      font-weight: 800;
      cursor: pointer;
      transition: transform .2s, box-shadow .2s, filter .2s
}

.submit-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 30px rgba(59, 130, 246, .28);
      filter: brightness(1.06)
}

.card-footer {
      margin-top: 22px;
      text-align: center
}

.card-footer p {
      margin: 0;
      color: #cbd5e1;
      font-size: .92rem
}

@media (max-width:520px) {
      .login-card {
            padding: 24px;
            border-radius: 20px
      }

      .card-header h1 {
            font-size: 1.7rem
      }

      .input-wrapper input {
            padding: 14px 46px 14px 40px
      }

      .shape-1,
      .shape-2 {
            display: none
      }
}

.pop-cnt h6,
.pop-cnt p {
      font-size: 20px;
      text-align: center
}

.pop-up {
      margin: auto;
      left: 0;
      right: 0;
      width: 100%;
      background: #040404e3;
      height: 100%;
      padding: 10px 5px;
      overflow: scroll !important;
      display: none
}

@media (max-width:991px) {
      .sidebar {
            margin-top: 50px
      }

      .scrr {
            width: 85%;
            position: relative;
            top: 15%
      }
}

@media (max-width:575px) {
      .pop-up {
            overflow: scroll !important
      }

      .pop-up-img {
            display: none !important
      }
}

.close-button {
      padding: 2.5px 11px;
      line-height: 33px;
      margin-right: -15px;
      margin-top: -16px;
      border: 2px solid #fff;
      -webkit-box-shadow: -4px -2px 6px 0 rgba(0, 0, 0, .1);
      -moz-box-shadow: -4px -2px 6px 0 rgba(0, 0, 0, .1);
      box-shadow: -3px 1px 6px 0 rgba(0, 0, 0, .1)
}

.popup-form .default-form .form-group .popup-input {
      height: 45px
}

.popup-form .default-form .form-group textarea {
      height: 70px
}

.box-content {
      height: 160px
}

.box-content ul li {
      color: #b96121
}

.pop-cnt p {
      margin-bottom: 15px;
      color: #393939;
      padding: 5px 15px
}

.pop-cnt ul {
      padding: 0 35px;
      margin-bottom: 20px
}

.pop-cnt ul li {
      padding-bottom: 5px;
      font-size: 15px;
      color: #343434;
      font-weight: 600
}

.pop-cnt ul li::before {
      content: "✔";
      color: #1559a7;
      font-weight: 700;
      display: inline-block;
      width: 20px
}

.course_module div ul li ul li::before,
.course_module div ul li::before,
.course_module div>ul>li::before,
.learning_module ul li::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 0
}

.pop-cnt ul li i {
      color: #1559a7;
      font-size: 16px
}

.pop-cnt p span {
      font-size: 24px;
      font-weight: 700;
      line-height: 40px;
      color: #1559a7
}

.pop-cnt h6 {
      padding: 0 15px;
      margin-bottom: 15px;
      font-weight: 700
}

.acrdtn-a,
.acrdtn-h,
.pp-btn {
      font-weight: 600
}

.pp-btn {
      background: #1559a7;
      color: #fff;
      padding: 10px;
      margin: auto;
      display: block;
      width: 200px;
      text-align: center;
      border-radius: 10px;
      font-size: 19px
}

.pp-btn:hover {
      background: #ff6001
}

.acrdtn-a {
      display: block;
      color: #fff !important;
      font-size: 18px;
      padding-bottom: 10px
}

.acrdtn-h {
      font-size: 15px;
      color: #fff;
      line-height: 20px;
      background: #fb7818;
      padding: 5px 12px;
      border-radius: 6px;
      display: none
}

.why-icn,
.whychse-bx {
      background: #fff;
      display: flex
}

.whychse-bx {
      padding: 25px 15px 15px;
      text-align: center;
      height: 100%;
      z-index: 1;
      position: relative;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      transition: .3s
}

.whychse-bx:hover {
      background-color: #fff;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
      z-index: 2
}

.why-icn {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      padding: 12px;
      box-shadow: 2px 2px 15px #80808047;
      margin-bottom: 12px;
      border: 1px dashed #1559a7;
      align-items: center;
      justify-content: center;
      flex-shrink: 0
}

.why-icn img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain
}

.course_module div ul li,
.course_module div ul li ul li {
      position: relative;
      padding-left: 20px
}

.course_module div ul li::before,
.course_module div>ul>li::before {
      content: "\f058";
      color: #ff6001
}

.course_module div ul li ul li::before {
      content: "\f105";
      content: "\f105";
      color: #007bff;
      content: "\f105" !important
}

.course_module h5 {
      position: relative;
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      color: #1559a7;
      margin: 20px 0;
      transition: .5s
}

.greybg {
      background-color: #f6f6f6
}

.learning_module ul li {
      position: relative;
      padding-left: 30px;
      text-align: left
}

.learning_module ul li::before {
      content: "\f058";
      color: #0f5cab;
      font-size: 12px
}

.learning_module .list li:before {
      position: absolute;
      content: "\f005";
      font-family: "Font Awesome 5 Pro";
      left: 0;
      top: 0;
      font-weight: 700
}

.popupbtm_cnt {
      color: #d40c0c !important;
      font-size: 18px
}

.pop-up {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(255, 255, 255, .15);
      border-radius: 16px;
      box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      border: 1px solid rgba(255, 255, 255, .3)
}

.form {
      position: relative;
      background: #fff;
      border-radius: 14px;
      overflow: hidden
}

.close-button {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #fff;
      color: #111;
      font-size: 18px;
      font-weight: 700;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 99;
      box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
      transition: .3s
}

.close-button:hover {
      background: #000;
      color: #fff;
      transform: rotate(90deg)
}

.log-crd-1 {
      background: rgba(15, 23, 42, .26) !important
}

.about-section .video-btn {
      display: inline-block;
      width: 100px;
      height: 100px;
      line-height: 100px;
      background-color: var(--theme-color-black);
      font-size: 28px;
      color: var(--theme-color1);
      text-align: center;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 29%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
}

.about-section .video-btn:hover {
      transform: translate(-50%, -50%) scale(1.08);
      background: var(--theme-color1);
      color: #000
}

@media (max-width:767px) {
      .contact-item {
            display: block;
            margin: 10px 0;
            text-align: center
      }

      .contact-item a {
            justify-content: center;
            font-size: 15px;
            padding: 10px 12px
      }

      .contact-item i {
            width: 30px;
            height: 30px;
            font-size: 13px
      }

      .scrr {
            width: 90%;
            position: relative;
            top: 6%
      }

      .close-button {
            top: 10px;
            right: 10px;
            width: 34px;
            height: 34px;
            font-size: 16px
      }

      .about-section .video-btn {
            width: 70px;
            height: 70px;
            font-size: 20px
      }
}

.success-counters {
      padding: 60px 0;
      background: #f8f9ff
}

.success-box-counter {
      text-align: center;
      background: 0 0;
      padding: 10px;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
      transition: .3s
}

.counter-icon,
.counter-img-wpr {
      border-radius: 50%;
      display: flex
}

.success-box-counter:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, .12)
}

.counter-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto 15px;
      background: #0f2fff;
      color: #fff;
      font-size: 28px;
      align-items: center;
      justify-content: center
}

.count-box {
      font-size: 28px;
      font-weight: 700;
      margin: 10px 0
}

.success-box-counter p {
      font-size: 15px;
      color: #fff;
      margin: 0
}

.counter-img-wpr {
      background-color: #0030a1;
      height: 65px;
      width: 65px;
      padding: 10px;
      text-align: center;
      margin: auto;
      transition: .4s;
      align-items: center;
      justify-content: center
}

.counter-img-wpr img {
      width: 40px
}

.brand-wrapper-3 .brand-wrapper-inner-3 {
      margin-top: -85px
}

.why-ch-text {
      padding-right: 40px
}

@media (min-width:1200px) {
      .work-content {
            padding-right: 40px
      }
}

.floating_btn,
.wtspbtn {
      position: fixed;
      right: 5px;
      z-index: 1000
}

.text_icon {
      margin: 0;
      background: #fff;
      padding: 12px 16px;
      border-radius: 14px;
      line-height: 1.5;
      width: 250px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, .12);
      position: relative;
      right: 157px
}

.contact-line a {
      font-weight: 500;
      font-size: 20px;
      color: var(--theme-color-black)
}

.floating_btn {
      bottom: 75px;
      width: 100px;
      height: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.contact_icon,
.wtspbtn .contact_icon {
      color: #fff;
      width: 55px;
      height: 55px;
      border-radius: 50px;
      text-align: center;
      box-shadow: 2px 2px 3px #999;
      display: flex;
      transform: translatey(0);
      font-weight: 400;
      font-family: sans-serif;
      text-decoration: none !important;
      transition: .3s ease-in-out
}

@keyframes pulsing {
      to {
            box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
      }
}

.contact_icon {
      background-color: #129bf4;
      font-size: 20px;
      align-items: center;
      justify-content: center;
      animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      box-shadow: 0 0 0 0 #129bf463;
      -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

.text_icon {
      margin-top: 3px;
      color: #707070;
      font-size: 13px
}

.wtspbtn {
      bottom: 165px !important;
      width: 100px;
      height: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.wtspbtn .contact_icon {
      background-color: #42db87;
      font-size: 26px;
      align-items: center;
      justify-content: center;
      animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      box-shadow: 0 0 0 0 #42db87;
      -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
      -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      rotate: none
}

@media (max-width:575.98px) {
      .scroll-to-top {
            width: 100%;
            height: 100%;
            padding: 10px 0;
            border-radius: 0;
            left: 0
      }

      .preloader .preloader-heading .load-text {
            font-size: 22px;
            letter-spacing: 10px
      }

      .theme-btn-main:hover .theme-btn {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
      }

      .theme-btn-arrow-left {
            height: 50px;
            width: 50px
      }

      .theme-btn {
            font-size: 15px;
            padding: 12px 34px
      }

      .theme-btn-arrow-right {
            width: 48px;
            height: 48px
      }

      .main-header .logo img {
            max-width: 80px
      }

      .sec-title .work-title {
            font-size: 60px
      }

      .hero-4 {
            padding: 130px 0
      }

      .faq-image-style-1 .counter-box-items .count-text,
      .hero-4 .hero-content .hero-title {
            font-size: 40px
      }

      .about-section-four .image-column .inner-column .image-one,
      .choose-us-image-items .choose-us-image2,
      .footer-style-two .widgets-section .anim-icons .image-1,
      .footer-style-two .widgets-section .anim-icons .image-2,
      .hero-4 .hero-content .sub-title::before,
      .work-single-box .work-img .work-shape {
            display: none
      }

      .about-section .sec-title h2,
      .about-section .sec-title h2 span {
            font-size: 30px;
            line-height: 39px
      }

      .about-section .about-icon-box {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            border-radius: 15px
      }

      .about-section .about-icon-box::before {
            border-radius: 15px
      }

      .about-section-two .main-box .icon-box {
            margin-bottom: 15px
      }

      .about-style-img-1 img {
            border-radius: 15px;
            object-fit: cover;
            min-height: 300px
      }

      .about-section .sec-title {
            margin-bottom: 39px;
            margin-top: 20px
      }

      .cta-video-thumb .title {
            bottom: 30px;
            font-size: 24px;
            max-width: 450px
      }

      .faq-image-style-1 .counter-box-items {
            padding: 30px
      }

      .accordion-box .block .acc-btn {
            font-size: 17px;
            line-height: inherit;
            padding: 23px 50px 23px 15px
      }

      .accordion-box .block .acc-btn .icon {
            top: 16px;
            width: 35px;
            height: 35px
      }

      .accordion-box .block .acc-content .content .text {
            line-height: 26px;
            font-size: 15px
      }

      .service_single_item .service_content .title {
            font-size: 20px;
            margin: 20px 0
      }

      .marquee .text .title,
      .project-box-style-4 .content .title,
      .service-card-style-4 .title,
      .testimonial-section-two .testimonial-single_box-two .testi_content .testi_aroow .top-title {
            font-size: 20px
      }

      .service-bg-color-3 {
            padding: 25px
      }

      .testimonial-box-items-3 .content p {
            font-size: 16px
      }

      .testimonial-box-style-4 .quote-icon {
            gap: 30px
      }

      .testimonial-box-style-4 p {
            font-size: 17px
      }

      .work-section .theme-btn {
            padding: 12px 20px
      }

      .work-single-box .work-content .title br {
            display: block
      }

      .project-section-4 .sec-title h2 {
            font-size: 32px;
            line-height: 40px
      }

      .contact-forms,
      .news-block .blog-single-box {
            padding: 20px
      }

      .choose-us-image-items .choose-us-image {
            max-height: 368px;
            overflow: hidden
      }

      .choose-us-image-items .choose-us-image img {
            -o-object-fit: cover;
            object-fit: cover
      }

      .choose-us-image-style-3 .choose-marketing-box {
            right: -10px
      }

      .choose-us-box-style-3 .choose-us-box-3 {
            padding: 30px 20px
      }

      .pricing-section .pricing-two__tab,
      .pricing-section-4 .pricing-two__tab {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
      }

      .pricing-box-items-4 {
            padding: 40px 20px
      }

      .footer-main-wrapper-4 {
            padding-left: 5px;
            padding-right: 5px
      }

      .footer-main-wrapper-4 .contacts-widget {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start
      }

      .footer-main-wrapper-4 .contacts-widget .contact-us {
            margin-left: initial
      }

      .product-discription .comment-box {
            padding: 40px 30px
      }

      .project-details-btn .theme-btn.btn-style-one {
            padding: 26px 88px 26px 42px;
            height: 57px
      }

      .footer-icon img {
            width: 110px
      }

      .contact-section .contact-info p a {
            color: #fff
      }

      .social-icon-two li a {
            position: relative;
            display: block;
            height: 45px;
            width: 45px;
            border-radius: 50%;
            font-size: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #fff;
            background-color: transparent;
            border: 1px solid #fff;
            -webkit-transition: .3s;
            transition: .3s;
            margin-bottom: 40px
      }

      .why-ch-text {
            margin-top: 60px
      }

      .work-section .work-bg-blur {
            width: 100%
      }

      .marquee-section {
            padding: 20px 0
      }

      .counter-img-wpr {
            background-color: #0030a1;
            height: 50px;
            width: 50px;
            margin-top: 10px
      }

      .success-box-counter .count-box {
            font-size: 16px;
            margin: 16px 0 4px
      }

      .success-box-counter p {
            font-size: 12px;
            color: #fff;
            margin: 0
      }

      .success-box-counter {
            min-height: 137px
      }

      .brand-wrapper-3 .brand-wrapper-inner-3 {
            padding: 28.5px 44px
      }

      .col-6:first-child .success-box-counter,
      .col-6:nth-child(2) .success-box-counter {
            margin-bottom: 20px
      }

      .brand-section-3 {
            padding-bottom: 6px
      }

      .team-single-box .info-box {
            padding: 15px 35px
      }

      .team-single-box .info-box .name a {
            font-size: 16px !important
      }

      .team-single-box .info-box .designation {
            font-size: 11px
      }

      .about-section .video-btn {
            display: flex;
            width: 100px;
            height: 100px;
            line-height: 100px;
            background-color: var(--theme-color-black);
            font-size: 28px;
            color: var(--theme-color1);
            text-align: center;
            border-radius: 50%;
            position: absolute;
            top: 23%;
            left: 46%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            justify-content: center;
            align-items: center
      }

      .scrr {
            width: 90%;
            position: relative;
            top: 3%;
            margin-left: 0
      }
}

@media (min-width:319px) and (max-width:375.98px) {
      .theme-btn {
            font-size: 10px
      }
}



.testimonial-single_box-three {
      /* background: #fff; */
      padding: 25px 0 25px;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
      height: 100%;
}

.testi_ads {
      margin-bottom: 15px;
}

.testi_content p {
      font-size: 15px;
      line-height: 28px;
}

.testi-bio {
      margin-top: 15px;
}

.carousel-control-prev,
.carousel-control-next {
      width: 50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
      background-color: #000;
      border-radius: 50%;
      padding: 20px;
}
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
      height: 100%;
}

.testi_ads {
      margin-bottom: 15px;
}

.testi_content p {
      font-size: 15px;
      line-height: 28px;
}

.testi-bio {
      margin-top: 15px;
}

.carousel-control-prev,
.carousel-control-next {
      width: 50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
      background-color: #000;
      border-radius: 50%;
      padding: 20px;
}