/*----------------------------------------------------

1. Global Area 
2. Header Section

******* HOME PAGE 1 *******



=====================================================================*/
/*=========
Font load
===========*/
:root {
  --av-body-color: #E0E2E6;
  --av-title-color: #C6C7C8;
  --av-sora: "Sora", sans-serif;
  --av-instru: "Instrument Sans", sans-serif;
  --av-one: "Squada One", sans-serif;
  --av-c1: #7755FF;
  --av-c2: #6371F2;
  --av-c3: #40A4DA;
  --av-c4: #34AED2;
  --av-c5: #1BC4BF;
  --av-c6: #0DCFB3;
  --av-black1: #1A1A1A;
  --av-prime-c1: linear-gradient(90deg, var(--av-c1) 0%, var(--av-c2) 19.89%, var(--av-c3) 39.62%, var(--av-c4) 60.11%, var(--av-c5) 79.67%, var(--av-c6) 100%);
  --cube-1: cubic-bezier(0.55, 0.085, 0, 0.99);
  --cube-2: all .25s cubic-bezier(.645,.045,.355,1);
  --cube-3: cubic-bezier(0.25, 1, 0.5, 1);
}

.av-ftr1-copyright .bottom-social a:hover, .av-hw-item1:is(.active) .serial-title h2, .av-hr3-card1 h3, .av-hero3-text .hr3_title span div, .av-hero2-wrapper .hero_title2 span div, .av-testi-title h2, .title_span span, .txa-search-tag-title, .txa-search-title {
  background: var(--av-prime-c1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.av-header-section {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  position: absolute;
}
.av-header-section .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.av-header-section .dropdown {
  position: relative;
}
.av-header-section .dropdown:after {
  top: 6px;
  z-index: 2;
  right: -2px;
  content: "\f078";
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 free";
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.av-header-section .dropdown:hover:after {
  display: none;
}
.av-header-section .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  clip: inherit;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  transform: scaleY(1);
}
.av-header-section .dropdown:is(.active):after {
  display: none;
}
.av-header-section .dropdown-menu {
  left: 0;
  top: 42px;
  z-index: 100;
  margin: 0px;
  padding: 4px 4px 15px;
  height: auto;
  min-width: 270px;
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  opacity: 0;
  background: var(--av-black1);
  border-radius: 5px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  text-align: left;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: -8px 8px 24px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -8px 8px 24px 0px rgba(0, 0, 0, 0.08);
}
.av-header-section .dropdown-menu .dropdown {
  padding-right: 0;
}
.av-header-section .dropdown-menu .dropdown:after {
  display: none;
}
.av-header-section .dropdown-menu .dropdown-menu {
  top: 0px !important;
  left: 100%;
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  -webkit-transform: scaleY(0) !important;
          transform: scaleY(0) !important;
}
.av-header-section .dropdown-menu li {
  display: block;
  margin: 5px 0px !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.av-header-section .dropdown-menu li:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}
.av-header-section .dropdown-menu li:last-child a {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.av-header-section .dropdown-menu li:before {
  display: none;
}
.av-header-section .dropdown-menu li:after {
  color: #fff;
  right: 15px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.av-header-section .dropdown-menu li.dropdown:hover:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.av-header-section .dropdown-menu li.dropdown:hover .dropdown-menu {
  top: 0;
  -webkit-transform: scaleY(1) !important;
          transform: scaleY(1) !important;
}
.av-header-section .dropdown-menu li.dropdown:before {
  color: #fff;
  top: 10px;
  right: 15px;
}
.av-header-section .dropdown-menu li:hover:before {
  color: #fff !important;
}
.av-header-section .dropdown-menu a {
  width: 100%;
  line-height: 1;
  color: #fff !important;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #333333;
  background-clip: text;
  border-radius: 0 !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--at-black-c1) !important;
  padding: 15px 0px 15px 18px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
.av-header-section .dropdown-menu a:before {
  width: 0 !important;
  top: 5px !important;
  left: 0px !important;
  right: auto !important;
  -webkit-transform: scale(0) !important;
          transform: scale(0) !important;
  background-color: var(--at-c2) !important;
}
.av-header-section .dropdown-menu a:after {
  display: none;
}
.av-header-section .dropdown-menu a:hover, .av-header-section .dropdown-menu a.active {
  color: #fff !important;
  padding-left: 30px !important;
}
.av-header-section .dropdown-menu a:hover:after, .av-header-section .dropdown-menu a.active:after {
  width: 100%;
}
.av-header-section .dropdown-menu a:hover:before, .av-header-section .dropdown-menu a.active:before {
  opacity: 1;
  width: 5px !important;
  visibility: visible;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.av-header-section .av-mobile-menu-btn {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-header-section .av-mobile-menu-btn {
    display: block;
  }
}
.av-header-section .av-mobile-menu-btn button {
  padding: 0;
  width: 30px;
  height: 18px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.av-header-section .av-mobile-menu-btn button span {
  width: 19px;
  height: 2px;
  display: block;
  background-color: #fff;
}
.av-header-section .av-mobile-menu-btn button span:nth-child(even) {
  width: 29px;
}
.av-header-section:is(.header_style_one) {
  top: 24px;
  padding: 0px 15px;
}
.av-header-section:is(.header_style_one) .av-header-content {
  margin: 0 auto;
  max-width: 1760px;
  padding: 24px 32px;
  border-radius: 24px;
  background-color: #1F1F1F;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-header-section:is(.header_style_one) .av-header-content {
    padding: 24px 20px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-header-section:is(.header_style_one) .av-header-content {
    padding: 18px 10px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-header-section:is(.header_style_one) .av-header-content .brand-logo {
    max-width: 130px;
  }
}
.av-header-section:is(.header_style_one) .main-navigation {
  padding: 12px 16px;
  border-radius: 100px;
  background-color: var(--av-black1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-header-section:is(.header_style_one) .main-navigation {
    display: none;
  }
}
.av-header-section:is(.header_style_one) .main-navigation li {
  margin: 0px 10px;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-header-section:is(.header_style_one) .main-navigation li {
    margin: 0px 5px;
  }
}
.av-header-section:is(.header_style_one) .main-navigation li a {
  z-index: 1;
  font-size: 16px;
  color: #C6C7C8;
  padding: 8px 15px;
  border-radius: 20px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-header-section:is(.header_style_one) .main-navigation li a {
    padding: 5px 10px;
  }
}
.av-header-section:is(.header_style_one) .main-navigation li a:before {
  top: 0;
  right: 0;
  left: auto;
  z-index: -1;
  width: 0%;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-header-section:is(.header_style_one) .main-navigation li:is(.active) a, .av-header-section:is(.header_style_one) .main-navigation li:hover a {
  color: var(--av-black1);
}
.av-header-section:is(.header_style_one) .main-navigation li:is(.active) a:before, .av-header-section:is(.header_style_one) .main-navigation li:hover a:before {
  left: 0;
  width: 100%;
  right: auto;
}
.av-header-section:is(.header_style_one) .av-header-action {
  gap: 12px;
}
.av-header-section:is(.header_style_one) .av-header-action .search-btn {
  padding: 0;
  color: #fff;
  width: 40px;
  border: none;
  height: 40px;
  font-size: 20px;
  background-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-header-section:is(.header_style_one) .av-header-action .av-btn1 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-header-section:is(.header_style_one) .av-header-action .offcanvas-trigger {
    display: none;
  }
}
.av-header-section:is(.header_style_one) .av-header-action .offcanvas-trigger button {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid #4e4646;
  background-color: transparent;
}
.av-header-section:is(.txa_sticky_header) {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  z-index: 10;
}
.av-header-section:is(.txa_sticky_header):is(.header_style_one) {
  top: 24px;
}
.av-header-section:is(.txa_sticky_header):is(.header_style_one):is(.txa_sticky_show) {
  top: 0;
}
.av-header-section:is(.txa_sticky_header):is(.header_style_one):is(.txa_sticky_show) .av-header-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.av-header-section:is(.txa_sticky_header):is(.txa_sticky) {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}
.av-header-section:is(.txa_sticky_header):is(.txa_sticky):is(.txa_sticky_show) {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

/*// off canvas style*/
/*----------------------------------------------------*/
.sidebar-info-contents {
  position: relative;
}

.sidebar-info-contents .content-inner {
  position: relative;
}

.sidebar-info-contents .content-inner .logo {
  padding-bottom: 20px;
  max-width: 180px;
}

.sidebar-info-contents .content-inner .logo img {
  display: inline-block;
  max-width: 100%;
}

.sidebar-info-contents .content-inner .content-box {
  position: relative;
  margin-top: 50px;
}

.sidebar-info-contents .content-inner h5 {
  color: #fff;
  font-weight: 700;
  margin: 25px 0px 15px;
}

.sidebar-info-contents .content-inner .content-box .text {
  color: #fff;
  margin-bottom: 35px;
}

.sidebar-info-contents .content-inner .social-box {
  position: relative;
  margin-top: 0px;
  padding-left: 0;
  margin-bottom: 30px;
}

.sidebar-info-contents .content-inner .social-box li {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a {
  position: relative;
  width: 36px;
  height: 36px;
  color: #fff;
  z-index: 1;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover {
  color: var(--av-black1);
  background-color: var(--av-c2);
}

.close-side-widget,
.close-side-widget:hover {
  color: #fff !important;
  font-size: 24px;
}

.xs-sidebar-group .xs-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: fixed;
  pointer-events: none;
}

.xs-sidebar-group .xs-overlay .loader-area {
  height: 100vh;
}

.xs-sidebar-group.info-group .xs-overlay {
  z-index: 10;
}

.xs-sidebar-group .preloader-wrap {
  padding: 0px;
}

.xs-sidebar-group .loader-area {
  height: 100vh;
}

.xs-sidebar-group.info-group.isActive .preloader-wrap .loader-bg {
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-transition: 800ms all cubic-bezier(0.77, 0, 0.175, 1);
  transition: 800ms all cubic-bezier(0.77, 0, 0.175, 1);
}

.xs-sidebar-group.info-group .preloader-wrap .loader-bg {
  left: 0;
  width: 0;
  opacity: 0;
  opacity: 0.95;
  height: 100%;
  -webkit-transition: 800ms all cubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 800ms all cubic-bezier(0.1, 0.1, 0.1, 1);
}

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

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

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

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

.close-side-widget {
  z-index: 2;
  color: #1768dd;
  display: block;
  position: relative;
  font-size: 15px;
}

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

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

.sidebar-info-contents .gallery-box li a {
  width: 80px;
  height: 80px;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.sidebar-info-contents .gallery-box li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sidebar-info-contents .gallery-box li a:before {
  top: 0;
  left: 0;
  width: 0%;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: rgb(0, 0, 0);
}

.sidebar-info-contents .gallery-box li a:after {
  left: 0;
  right: 0;
  top: 40%;
  opacity: 0;
  color: #fff;
  font-size: 18px;
  content: "\f066";
  font-weight: 900;
  text-align: center;
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 free";
}

.sidebar-info-contents .gallery-box li a:hover:before {
  width: 100%;
}

.sidebar-info-contents .gallery-box li a:hover:after {
  top: 50%;
  opacity: 1;
}

/*// Mobile Menu style*/
/*----------------------------------------------------*/
.mobile_logo {
  top: 10px;
  left: 15px;
  display: none;
  position: absolute;
}

.mobile_menu_content {
  top: 0px;
  bottom: 0;
  left: -100%;
  height: 100vh;
  z-index: 101;
  position: fixed;
  width: 100%;
  max-width: 500px;
  overflow-y: scroll;
  background-color: #0f0d0d;
  padding: 20px 20px 35px 20px;
  -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
          box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.mobile_menu_content::-webkit-scrollbar {
  width: 6px;
}
.mobile_menu_content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.mobile_menu_content::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 0px;
  background: #000;
  background-size: 200%, 1px;
}
.mobile_menu_content .mobile-main-navigation {
  width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav {
  width: 100%;
}
.mobile_menu_content .dropdown:after {
  display: none;
}
.mobile_menu_content .navbar-nav .dropdown-menu {
  position: static !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
  padding: 0;
  width: 100%;
  display: block;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
  padding: 0;
  width: 100%;
  color: #fff;
  display: block;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  padding: 10px 30px 10px 0;
}
.mobile_menu_content .m-brand-logo {
  width: 120px;
  margin: 50px auto;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
  left: 0px;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.mobile_menu_overlay {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  right: 0%;
  height: 120vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.mobile_menu_overlay_on {
  overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
  opacity: 1;
  visibility: visible;
}

.mobile_menu_button {
  z-index: 5;
  padding: 0;
  border: none;
  display: none;
  font-size: 24px;
  cursor: pointer;
  margin-left: 10px;
  line-height: 38px;
  text-align: center;
  background-color: transparent;
}
.mobile_menu_button span {
  width: 30px;
  height: 2px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
}
.mobile_menu_button span:nth-child(2) {
  width: 25px;
}
.mobile_menu_button span:last-child {
  width: 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .mobile_menu_button {
    display: block;
  }
}

.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
  display: none;
}
.mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
  width: 100%;
  border: none;
  display: none;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 15px;
  background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
  border: none;
  line-height: 1;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
  background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
  font-size: 16px;
  padding-left: 20px;
  color: #fff !important;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
  color: var(--base-color);
  background-color: transparent;
}
.mobile_menu .dropdown {
  position: relative;
}
.mobile_menu .dropdown .dropdown-btn {
  top: 4px;
  right: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #9397a7;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mobile_menu .mobile_menu_close {
  top: 25px;
  right: 25px;
  cursor: pointer;
  color: #d60606;
  font-size: 20px;
  position: absolute;
}
.mobile_menu .mobile-search-bar {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 40px;
}
.mobile_menu .mobile-search-bar input {
  color: #fff;
  width: 100%;
  height: 60px;
  border: none;
  font-size: 14px;
  padding-left: 15px;
  border-radius: 5px;
  border-bottom: none;
  background-color: #2d2d2d;
}
.mobile_menu .mobile-search-bar input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input::-moz-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input:-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input::-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar input::placeholder {
  color: #fff;
  font-size: 14px;
}
.mobile_menu .mobile-search-bar button {
  top: 5px;
  padding: 0;
  right: 10px;
  color: #fff;
  width: 50px;
  height: 50px;
  border: none;
  position: absolute;
  background-color: transparent;
}
.mobile_menu .ptx-mobile-header-social {
  margin-top: 40px;
}
.mobile_menu .ptx-mobile-header-social a {
  color: #fff;
  margin: 0px 8px;
  font-size: 15px;
}
.mobile_menu .ptx-mobile-header-social a:hover {
  color: #4400E7;
}

/* 
    search-box-css-start
*/
.txa-search-box {
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 500ms var(--cube-1);
  transition: 500ms var(--cube-1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  visibility: hidden;
  -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
}
.txa-search-box-close {
  height: 40px;
  width: 40px;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 2px;
  background: #f1f1f1;
  color: #000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 40px;
  top: 35px;
  line-height: 1;
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .txa-search-box-close {
    right: 20px;
    top: 15px;
  }
}
.txa-search-box-close i {
  line-height: 1;
}
.txa-search-box-close:hover {
  background: var(--av-prime-c1);
  background-size: 200%, 1px;
  color: #fff;
}
.txa-search-box.active {
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.txa-search-box.active .txa-search-form::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.txa-search-container {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.txa-search-title {
  font-size: 23px;
  line-height: 1;
  font-weight: 700 !important;
  padding-bottom: 30px;
  display: inline-block;
}
.txa-search-form {
  position: relative;
  z-index: 1;
}
.txa-search-form-input {
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
  text-align: center;
  font-size: 16px;
  color: #888888;
  font-weight: 500;
  padding: 10px 10px;
  background: transparent;
}
.txa-search-form::after {
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  position: absolute;
  background-color: #6D6D6D;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.txa-search-tag {
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
}
.txa-search-tag-title {
  font-size: 16px;
  font-weight: 700 !important;
  padding-bottom: 12px;
  display: inline-block;
}
.txa-search-tag-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #454545;
  border: 1px solid #DFE1E5;
  line-height: 1;
  padding: 9px 17px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.txa-search-tag-item:hover {
  background: var(--av-prime-c1);
  background-size: 200%, 1px;
  color: #fff;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
  display: none;
}
.overlay:is(.active) {
  display: block;
}

.txa-search-box:is(.has-home-6) .txa-search-box-close:hover {
  background: var(--av-c1);
}
.txa-search-box:is(.has-home-6) .txa-search-tag-item:hover {
  background: var(--av-c1);
  border-color: transparent;
}

/* 
    search-box-css-end
*/
/*global area*/
/*----------------------------------------------------*/
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: inherit;
  }
}
body {
  margin: 0;
  padding: 0;
  z-index: 1;
  font-size: 18px;
  margin: 0 auto;
  line-height: 1.4;
  position: relative;
  overflow-x: hidden;
  color: var(--av-body-color);
  background-color: var(--av-black1);
  font-family: var(--av-instru);
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
body .container {
  max-width: 1786px;
}
body .row {
  --bs-gutter-x: 24px;
}
body .mfp-iframe-holder .mfp-close {
  right: 0;
  padding: 0;
  top: -40px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-size: 200%, 1px;
}
body button.mfp-close {
  right: 0;
  padding: 0;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  background-size: 200%, 1px;
}
body:is(.ver_2) .container {
  max-width: 1428px;
}
body:is(.ver_3) .container {
  max-width: 1444px;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 0px;
  background-size: 200%, 1px;
  background: var(--av-prime-c1);
}

.ul-li ul {
  margin: 0;
  padding: 0;
}
.ul-li ul li {
  list-style: none;
  display: inline-block;
}

.ul-li-block ul {
  margin: 0;
  padding: 0;
}
.ul-li-block ul li {
  display: block;
  list-style: none;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  margin-bottom: 0;
  font-weight: 400;
  font-family: var(--av-sora);
}

.title_span {
  color: #fff;
  line-height: 1.05;
}
.title_span span {
  display: inline;
}

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.img-cover {
  width: 100%;
  height: 100%;
}
.img-cover img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-cover video {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.over-hidden,
.split-line {
  overflow: hidden;
}

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

button {
  cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  color: inherit;
}

a, span {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: none;
  -webkit-transition: inherit;
  transition: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
a:hover, a:focus {
  text-decoration: none;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: var(--av-black1);
}
#preloader .preloader-logo {
  left: 0;
  top: 40%;
  right: 0;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: 5s heartBeat infinite;
          animation: 5s heartBeat infinite;
}

.at-scrollup {
  color: #fff;
  width: 70px;
  right: 20px;
  z-index: 5;
  height: 50px;
  bottom: 20px;
  display: none;
  font-size: 16px;
  position: fixed;
  font-weight: 700;
  line-height: 72px;
  background: var(--av-prime-c1);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.at-scrollup i {
  color: #fff;
}

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

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.pera-content p {
  margin-bottom: 0;
}

.splitting.animated .char {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

.splitting .whitespace {
  width: 10px;
}

.href-underline a {
  width: 100%;
  display: inline !important;
  background-position-y: -1px;
  background-repeat: no-repeat;
  background-size: 0 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 2px);
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.href-underline a:hover {
  color: inherit;
  background-size: 100% 100%;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.marquee-left,
.marquee-right {
  overflow: hidden;
  display: flow-root;
}

.tx-tab-btn .nav-tabs .nav-item.show .nav-link,
.tx-tab-btn .nav-tabs .nav-link.active,
.tx-tab-btn .nav-tabs .nav-link {
  border: none;
  padding-top: 0;
  padding-right: 0;
  border-radius: 0;
  margin-bottom: 0;
  cursor: pointer;
  background-color: transparent;
}
.tx-tab-btn .nav-tabs {
  border: none;
}
.tx-tab-btn .nav {
  display: inherit;
}

.av-btn1 a, .av-btn1 button{
  z-index: 1;
  color: #fff;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  padding: 20px 24px;
  border-radius: 50px;
  white-space: nowrap;
  position: relative;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--av-black1)), to(var(--av-black1))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(var(--av-black1), var(--av-black1)) padding-box, var(--av-prime-c1) border-box;
}
.av-btn1 a:before, .av-btn1 button:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 0%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 50px;
  background-image: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-btn1 a:hover:before, .av-btn1 a:hover:before {
  width: 100%;
}

.av-sec-title .subtitle {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
.av-sec-title .sec_title {
  font-size: 55px;
  letter-spacing: -2px;
}
.av-sec-title .sec_title .split-line {
  display: inline-block !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .av-sec-title .sec_title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .av-sec-title .sec_title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-sec-title .sec_title {
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .av-sec-title .sec_title {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .av-sec-title .sec_title {
    font-size: 26px;
  }
}
.av-sec-title p {
  padding-top: 20px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-225 {
  padding-bottom: 225px;
}

.pb-230 {
  padding-bottom: 230px;
}

.pb-235 {
  padding-bottom: 235px;
}

.pb-240 {
  padding-bottom: 240px;
}

.pb-245 {
  padding-bottom: 245px;
}

.pb-250 {
  padding-bottom: 250px;
}

.pb-255 {
  padding-bottom: 255px;
}

.pb-260 {
  padding-bottom: 260px;
}

.pb-265 {
  padding-bottom: 265px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-275 {
  padding-bottom: 275px;
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-290 {
  padding-bottom: 290px;
}

.pb-295 {
  padding-bottom: 295px;
}

.pb-300 {
  padding-bottom: 300px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/*---------------------------------------------------- */
/******* HOME PAGE 1 *******/
/*Hero area*/
/*----------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@-webkit-keyframes squareMove {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(25%, 0);
            transform: translate(25%, 0);
  }
  50% {
    -webkit-transform: translate(25%, 5%);
            transform: translate(25%, 5%);
  }
  75% {
    -webkit-transform: translate(0, 25%);
            transform: translate(0, 25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes squareMove {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(25%, 0);
            transform: translate(25%, 0);
  }
  50% {
    -webkit-transform: translate(25%, 5%);
            transform: translate(25%, 5%);
  }
  75% {
    -webkit-transform: translate(0, 25%);
            transform: translate(0, 25%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.av-hero1-slide-wrap {
  width: 100%;
  max-width: 76.3%;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-slide-wrap {
    max-width: 100%;
  }
}
.av-hero1-slide-wrap .av-hr1-pagi {
  top: 185px;
  z-index: 2;
  right: 40px;
  left: auto !important;
  width: auto !important;
  position: absolute;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-slide-wrap .av-hr1-pagi {
    position: static;
    text-align: center;
    margin: 30px 0px;
  }
}
.av-hero1-slide-wrap .av-hr1-pagi .swiper-pagination-bullet {
  opacity: 1;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  border: 1px solid transparent;
  margin: 12px 0px !important;
  background-color: transparent;
}
@media sm, only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-slide-wrap .av-hr1-pagi .swiper-pagination-bullet {
    display: inline-block;
    margin: 0px 5px !important;
  }
}
.av-hero1-slide-wrap .av-hr1-pagi .swiper-pagination-bullet:before {
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 100%;
  position: absolute;
  background-color: #F14F44;
}
.av-hero1-slide-wrap .av-hr1-pagi .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {
  border: 1px solid #F14F44;
}

.av-hero1-item {
  z-index: 1;
  width: 100%;
  padding-left: 100px;
  background-color: #1F1F1F;
  clip-path: polygon(2.393% 0.066%, 97.607% 0.066%, 97.607% 0.066%, 97.989% 0.12%, 98.351% 0.277%, 98.689% 0.528%, 98.998% 0.864%, 99.273% 1.278%, 99.508% 1.76%, 99.7% 2.303%, 99.843% 2.897%, 99.932% 3.534%, 99.963% 4.205%, 99.963% 56.636%, 99.963% 56.636%, 99.932% 57.307%, 99.843% 57.944%, 99.7% 58.538%, 99.508% 59.081%, 99.273% 59.563%, 98.998% 59.977%, 98.689% 60.313%, 98.351% 60.564%, 97.989% 60.721%, 97.607% 60.775%, 89.978% 60.775%, 89.978% 60.775%, 89.583% 60.831%, 89.209% 60.993%, 88.86% 61.252%, 88.542% 61.599%, 88.259% 62.026%, 88.016% 62.524%, 87.818% 63.083%, 87.671% 63.696%, 87.579% 64.353%, 87.547% 65.046%, 87.547% 95.795%, 87.547% 95.795%, 87.516% 96.466%, 87.427% 97.103%, 87.284% 97.697%, 87.092% 98.24%, 86.857% 98.722%, 86.582% 99.136%, 86.274% 99.472%, 85.935% 99.723%, 85.573% 99.88%, 85.191% 99.934%, 2.393% 99.934%, 2.393% 99.934%, 2.011% 99.88%, 1.649% 99.723%, 1.311% 99.472%, 1.002% 99.136%, 0.727% 98.722%, 0.492% 98.24%, 0.3% 97.697%, 0.158% 97.103%, 0.068% 96.466%, 0.037% 95.795%, 0.037% 4.205%, 0.037% 4.205%, 0.068% 3.534%, 0.158% 2.897%, 0.3% 2.303%, 0.492% 1.76%, 0.727% 1.278%, 1.002% 0.864%, 1.311% 0.528%, 1.649% 0.277%, 2.011% 0.12%, 2.393% 0.066%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero1-item {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-hero1-item {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item {
    clip-path: none;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item {
    padding-bottom: 100px;
  }
}
.av-hero1-item .hero-hand {
  left: -50%;
  bottom: -12%;
  -webkit-transition: 1500ms cubic-bezier(0.5, -0.5, 0.1, 1.1);
  transition: 1500ms cubic-bezier(0.5, -0.5, 0.1, 1.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item .hero-hand {
    display: none;
  }
}
.av-hero1-item .hero_robot {
  z-index: -1;
  right: 155px;
  bottom: -25px;
  position: absolute;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .av-hero1-item .hero_robot {
    right: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero1-item .hero_robot {
    right: -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item .hero_robot {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .av-hero1-item .hero_robot {
    right: -250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item .hero_robot {
    right: -65%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item .hero_robot {
    display: none;
  }
}
.av-hero1-item .hero-shape-1 {
  left: -30%;
  bottom: -85%;
  z-index: -1;
  -webkit-animation: squareMove 10s infinite linear;
          animation: squareMove 10s infinite linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-item .hero-shape-1 {
    display: none;
  }
}

.av-hero1-text {
  max-width: 575px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-text {
    padding-right: 15px;
  }
}
.av-hero1-text .hero_title {
  font-size: 55px;
  line-height: 1.04;
  font-weight: 600;
}
.av-hero1-text .hero_title .split-line {
  overflow: hidden;
  -webkit-transform: translateY(-100%) scaleY(-1);
          transform: translateY(-100%) scaleY(-1);
  opacity: 0;
  padding-bottom: 5px;
  -webkit-transition: 0.8s var(--cube-1);
  transition: 0.8s var(--cube-1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-hero1-text .hero_title {
    font-size: 48px;
  }
}
@media (max-width: 480px) {
  .av-hero1-text .hero_title {
    font-size: 40px;
  }
}
@media (max-width: 360px) {
  .av-hero1-text .hero_title {
    font-size: 36px;
  }
}
.av-hero1-text p {
  opacity: 0;
  max-width: 500px;
  visibility: hidden;
  padding: 20px 0px 30px;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.8s var(--cube-2);
  transition: 0.8s var(--cube-2);
}
.av-hero1-text .av-btn1 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: 0.8s var(--cube-2);
  transition: 0.8s var(--cube-2);
}
.av-hero1-text ul {
  padding-top: 40px;
}
.av-hero1-text ul li {
  gap: 12px;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  margin-bottom: 20px;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition: 0.8s var(--cube-3);
  transition: 0.8s var(--cube-3);
}
.av-hero1-text ul li i {
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.av-hero1-text ul li:last-child {
  margin-bottom: 0;
}

.av-hero1-count-wrap {
  top: 0;
  right: 0;
  z-index: 2;
  width: 32%;
  height: 100%;
  max-width: 561px;
  padding-top: 24px;
  padding-right: 24px;
  position: absolute;
  background: var(--av-prime-c1);
  clip-path: polygon(23.173% 63.995%, 23.173% 63.995%, 24.098% 63.94%, 24.976% 63.78%, 25.794% 63.525%, 26.542% 63.183%, 27.206% 62.763%, 27.776% 62.273%, 28.24% 61.722%, 28.586% 61.119%, 28.802% 60.472%, 28.877% 59.79%, 28.877% 4.205%, 28.877% 4.205%, 28.952% 3.523%, 29.168% 2.876%, 29.514% 2.273%, 29.978% 1.722%, 30.548% 1.232%, 31.212% 0.811%, 31.96% 0.469%, 32.778% 0.214%, 33.656% 0.055%, 34.581% 0%, 94.296% 0%, 94.296% 0%, 95.221% 0.055%, 96.099% 0.214%, 96.917% 0.469%, 97.665% 0.811%, 98.329% 1.232%, 98.899% 1.722%, 99.363% 2.273%, 99.709% 2.876%, 99.925% 3.523%, 100% 4.205%, 100% 79.501%, 100% 79.501%, 99.925% 80.183%, 99.709% 80.83%, 99.363% 81.433%, 98.899% 81.984%, 98.329% 82.474%, 97.665% 82.894%, 96.917% 83.236%, 96.099% 83.491%, 95.221% 83.651%, 94.296% 83.706%, 83.601% 83.706%, 83.601% 83.706%, 82.675% 83.761%, 81.798% 83.92%, 80.979% 84.175%, 80.232% 84.517%, 79.567% 84.937%, 78.997% 85.427%, 78.533% 85.978%, 78.187% 86.582%, 77.971% 87.229%, 77.897% 87.911%, 77.897% 95.795%, 77.897% 95.795%, 77.822% 96.477%, 77.606% 97.124%, 77.26% 97.727%, 76.796% 98.278%, 76.226% 98.768%, 75.561% 99.189%, 74.814% 99.531%, 73.995% 99.786%, 73.118% 99.945%, 72.193% 100%, 5.704% 100%, 5.704% 100%, 4.779% 99.945%, 3.901% 99.786%, 3.083% 99.531%, 2.335% 99.189%, 1.671% 98.768%, 1.101% 98.278%, 0.637% 97.727%, 0.291% 97.124%, 0.075% 96.477%, 0% 95.795%, 0% 68.2%, 0% 68.2%, 0.075% 67.518%, 0.291% 66.871%, 0.637% 66.267%, 1.101% 65.716%, 1.671% 65.226%, 2.335% 64.806%, 3.083% 64.464%, 3.901% 64.209%, 4.779% 64.05%, 5.704% 63.995%, 23.173% 63.995%);
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .av-hero1-count-wrap {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-count-wrap {
    width: 100%;
    padding: 20px;
    max-width: 100%;
    clip-path: none;
    position: relative;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-count-area {
    max-width: 100%;
    width: 100%;
  }
}

.av-hero1-client {
  padding: 38px 40px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1490196078);
  margin-bottom: 24px;
}
.av-hero1-client ul {
  text-align: center;
  margin-bottom: 14px;
}
.av-hero1-client ul li {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  margin-left: -25px;
  border: 2px solid #fff;
}
.av-hero1-client ul li:first-child {
  margin-left: 0;
}
.av-hero1-client .client-count {
  gap: 18px;
}
@media (max-width: 480px) {
  .av-hero1-client .client-count {
    gap: 0px 10px;
  }
}
@media (max-width: 480px) {
  .av-hero1-client .client-count {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.av-hero1-client .client-count h3 {
  font-size: 42px;
  font-weight: 600;
  white-space: nowrap;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero1-client .client-count h3 {
    font-size: 30px;
  }
}
.av-hero1-client .client-count p {
  max-width: 95px;
}

.av-hero1-count-content {
  width: 100%;
  max-width: 351px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .av-hero1-count-content {
    max-width: 320px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero1-count-content {
    max-width: 275px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-count-content {
    max-width: 100%;
  }
}

.av-hr1-count-wrap {
  gap: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr1-count-wrap {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .av-hr1-count-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-hr1-count-item {
  padding: 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1490196078);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .av-hr1-count-item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .av-hr1-count-item {
    width: 100%;
  }
}
.av-hr1-count-item .item-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  border-radius: 12px;
  background: rgba(240, 242, 244, 0.4);
}
.av-hr1-count-item .item-text h3 {
  color: #F0F2F4;
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hr1-count-item .item-text h3 {
    font-size: 28px;
  }
}
.av-hr1-count-item .item-text p {
  color: #F0F2F4;
  max-width: 124px;
}
@media (max-width: 480px) {
  .av-hr1-count-item .item-text p {
    max-width: 100%;
  }
}

@-webkit-keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
.av-hero1-video {
  left: 57px;
  bottom: 80px;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero1-video {
    margin: 40px;
    position: static;
  }
}
.av-hero1-video a {
  gap: 40px;
}
.av-hero1-video a .item-icon {
  width: 110px;
  height: 110px;
  border-radius: 100%;
}
.av-hero1-video a .item-icon i {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #F6340D;
  font-size: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.av-hero1-video a .item-icon .video_btn_border {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  position: absolute;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border: 30px solid #fff;
  -webkit-animation: border_animation 3.9s linear 0s infinite;
  animation: border_animation 3.9s linear 0s infinite;
}
.av-hero1-video a .item-icon .video_btn_border:is(.border_wrap-2) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.av-hero1-video a .item-icon .video_btn_border:is(.border_wrap-3) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
.av-hero1-video a span {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-family: var(--av-sora);
}

.av-hr1-btn {
  right: 0;
  bottom: 0;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr1-btn {
    display: none;
  }
}
.av-hr1-btn a {
  width: 100px;
  height: 100px;
  border-radius: 24px;
  background-color: #F14F44;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hr1-btn a {
    width: 80px;
    height: 100px;
  }
}

.swiper-slide-active .av-hero1-item .av-hero1-text .hero_title .split-line {
  -webkit-transform: translateY(0%) scaleY(1);
          transform: translateY(0%) scaleY(1);
  opacity: 1;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text .hero_title .split-line:nth-child(2) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text .hero_title .split-line:nth-child(3) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text .hero_title .split-line:nth-child(4) {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text .hero_title .split-line:nth-child(5) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text p {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text .av-btn1 {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.swiper-slide-active .av-hero1-item .av-hero1-text ul li {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.swiper-slide-active .av-hero1-item .av-hero1-text ul li:nth-child(1) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text ul li:nth-child(2) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.swiper-slide-active .av-hero1-item .av-hero1-text ul li:nth-child(3) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.swiper-slide-active .av-hero1-item .hero_robot {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.swiper-slide-active .av-hero1-item .hero-hand {
  left: -3%;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.av-ab1-shape {
  top: 15%;
  right: -35%;
  z-index: -1;
}

.av-ab1-content {
  gap: 90px;
  padding-right: 15px;
  margin-left: -165px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-ab1-content {
    gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab1-content {
    gap: 20px 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0;
    padding-left: 15px;
  }
}
.av-ab1-content .ab1-title {
  font-size: 90px;
  max-width: 1140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-ab1-content .ab1-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-ab1-content .ab1-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab1-content .ab1-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-ab1-content .ab1-title {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .av-ab1-content .ab1-title {
    font-size: 36px;
  }
}

.av-spon1-slider {
  margin: 0 auto;
  max-width: 1710px;
  padding: 0px 15px;
}

.av-spon1-item .item-img {
  height: 48px;
  cursor: pointer;
}
.av-spon1-item .item-img img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-spon1-item .item-img:hover img {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.av-ser1-content {
  margin: 0 auto;
  padding: 100px;
  max-width: 1760px;
  border-radius: 32px;
  background-color: #1F1F1F;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .av-ser1-content {
    padding: 100px 50px;
  }
}
@media (max-width: 480px) {
  .av-ser1-content {
    padding: 80px 15px;
  }
}

.av-ser1-top-content {
  gap: 20px 30px;
}
.av-ser1-top-content .av-sec-title {
  max-width: 770px;
}
.av-ser1-top-content .av-ser1-desc {
  max-width: 425px;
}
.av-ser1-top-content .av-ser1-desc p {
  padding-bottom: 35px;
}

.av-ser1-accordion .accordion-item,
.av-ser1-accordion .accordion-button:not(.collapsed),
.av-ser1-accordion .accordion-button {
  background-color: transparent;
}
.av-ser1-accordion .accordion-item {
  border: none;
  border-radius: 0;
  border-bottom: none;
  padding: 48px 0px 45px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  border-bottom: 1px solid rgba(198, 199, 200, 0.15);
}
.av-ser1-accordion .accordion-button {
  padding: 0;
  border: none;
  color: #C6C7C8;
  font-size: 48px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .av-ser1-accordion .accordion-button {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .av-ser1-accordion .accordion-button {
    font-size: 36px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-ser1-accordion .accordion-button {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .av-ser1-accordion .accordion-button {
    font-size: 28px;
  }
}
.av-ser1-accordion .accordion-button span {
  max-width: 85%;
  display: inline-block;
}
.av-ser1-accordion .accordion-button span b {
  font-weight: 600;
  margin-right: 25px;
  color: var(--nx-base1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser1-accordion .accordion-button span b {
    margin-right: 10px;
  }
}
.av-ser1-accordion .accordion-button span img {
  margin-right: 42px;
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-ser1-accordion .accordion-button span img {
    display: none;
  }
}
.av-ser1-accordion .accordion-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.av-ser1-accordion .accordion-body {
  padding: 0;
  padding-top: 0;
  font-size: 18px;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser1-accordion .accordion-body {
    padding-left: 0;
  }
}
.av-ser1-accordion .accordion-button::after {
  display: none;
}
.av-ser1-accordion .accordion-button::before {
  right: 0;
  top: -12px;
  height: 80px;
  content: "\f070";
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  border-radius: 0;
  font-weight: 800;
  position: absolute;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: #1A1A1A;
  font-family: "Font Awesome 6 free";
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser1-accordion .accordion-button::before {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}
.av-ser1-accordion .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 35px;
}
.av-ser1-accordion .accordion-button:not(.collapsed):before {
  color: #fff;
  content: "\f06e";
  background: var(--av-prime-c1);
}

.av-ser1-img-text {
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser1-img-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.av-ser1-img-text .item-img {
  overflow: hidden;
  border-radius: 12px;
}
.av-ser1-img-text .item-text {
  max-width: 585px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-ser1-img-text .item-text {
    max-width: 500px;
  }
}
.av-ser1-img-text .item-text h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 14px;
  text-transform: uppercase;
}
.av-ser1-img-text .item-text p {
  color: #C6C7C8;
  padding-bottom: 20px;
}
.av-ser1-img-text .item-text li {
  color: #C6C7C8;
  margin-bottom: 10px;
}
.av-ser1-img-text .item-text li i {
  margin-right: 10px;
}

/*---------------------------------------------------- */
/*company area*/
/*----------------------------------------------------*/
.av-area-1 {
  z-index: 1;
}

.av-area-shape1 {
  right: 0;
  bottom: 5%;
  z-index: -1;
}

.av-company1-sec .av-ser1-shape {
  top: 140px;
  right: 120px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-company1-sec .av-ser1-shape {
    display: none;
  }
}
.av-company1-sec .av-ser1-shape2 {
  z-index: -1;
  bottom: -80px;
  right: -120px;
}

.av-company1-content {
  margin: 0 auto;
  gap: 30px 40px;
  max-width: 1280px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-company1-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@-webkit-keyframes moveGradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes moveGradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.av-company1-text {
  width: 100%;
  max-width: 760px;
}
.av-company1-text p {
  max-width: 700px;
}
.av-company1-text .av-stroke-text {
  line-height: 1;
  font-size: 130px;
  font-weight: 700;
  display: inline-block;
  background: var(--av-prime-c1);
  background-size: 200% 100%;
  background-position: 0 0;
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: var(--av-black1);
  margin-bottom: 35px;
  -webkit-animation: moveGradient 3s linear infinite;
          animation: moveGradient 3s linear infinite;
}
@media (max-width: 480px) {
  .av-company1-text .av-stroke-text {
    font-size: 100px;
  }
}
@media (max-width: 360px) {
  .av-company1-text .av-stroke-text {
    font-size: 60px;
  }
}

@-webkit-keyframes morph {
  0% {
    clip-path: polygon(2.5% 34%, 2% 36%, 1.5% 38%, 1% 41%, 0.5% 45%, 0% 48%, 1% 57%, 3% 62%, 8% 71%, 17% 79%, 27% 85%, 38% 90%, 49% 95%, 59% 98%, 69% 100%, 79% 99%, 87% 96%, 94% 91%, 99% 83%, 99% 76%, 98% 69%, 96% 62%, 94% 53%, 94% 48%, 94% 40%, 94% 32%, 92% 23%, 86% 12%, 78% 5%, 66% 1%, 54% 0%, 41% 2%, 28% 8%, 18% 15%, 10% 22%, 6% 28%, 3% 32%);
  }
  33% {
    clip-path: polygon(4% 32%, 3% 35%, 2% 39%, 1.5% 42%, 0.5% 47%, 0% 50%, 1% 59%, 4% 65%, 10% 72%, 20% 80%, 30% 86%, 40% 92%, 52% 96%, 62% 99%, 71% 100%, 81% 98%, 89% 95%, 95% 89%, 100% 82%, 100% 74%, 99% 67%, 97% 60%, 95% 52%, 94% 47%, 94% 39%, 93% 30%, 90% 20%, 84% 10%, 75% 3%, 64% 0%, 50% 1%, 38% 4%, 25% 10%, 15% 17%, 8% 25%, 5% 29%, 4% 32%);
  }
  66% {
    clip-path: polygon(3% 35%, 2% 38%, 1.5% 41%, 1% 44%, 0.5% 48%, 0% 52%, 2% 61%, 5% 68%, 12% 74%, 22% 82%, 33% 88%, 44% 93%, 55% 97%, 66% 99%, 75% 100%, 84% 98%, 91% 94%, 96% 87%, 100% 80%, 100% 72%, 98% 65%, 96% 58%, 94% 50%, 93% 44%, 92% 37%, 91% 28%, 87% 18%, 80% 8%, 70% 2%, 58% 0%, 46% 2%, 34% 6%, 22% 12%, 12% 20%, 6% 27%, 4% 31%, 3% 35%);
  }
  100% {
    clip-path: polygon(2.5% 34%, 2% 36%, 1.5% 38%, 1% 41%, 0.5% 45%, 0% 48%, 1% 57%, 3% 62%, 8% 71%, 17% 79%, 27% 85%, 38% 90%, 49% 95%, 59% 98%, 69% 100%, 79% 99%, 87% 96%, 94% 91%, 99% 83%, 99% 76%, 98% 69%, 96% 62%, 94% 53%, 94% 48%, 94% 40%, 94% 32%, 92% 23%, 86% 12%, 78% 5%, 66% 1%, 54% 0%, 41% 2%, 28% 8%, 18% 15%, 10% 22%, 6% 28%, 3% 32%);
  }
}

@keyframes morph {
  0% {
    clip-path: polygon(2.5% 34%, 2% 36%, 1.5% 38%, 1% 41%, 0.5% 45%, 0% 48%, 1% 57%, 3% 62%, 8% 71%, 17% 79%, 27% 85%, 38% 90%, 49% 95%, 59% 98%, 69% 100%, 79% 99%, 87% 96%, 94% 91%, 99% 83%, 99% 76%, 98% 69%, 96% 62%, 94% 53%, 94% 48%, 94% 40%, 94% 32%, 92% 23%, 86% 12%, 78% 5%, 66% 1%, 54% 0%, 41% 2%, 28% 8%, 18% 15%, 10% 22%, 6% 28%, 3% 32%);
  }
  33% {
    clip-path: polygon(4% 32%, 3% 35%, 2% 39%, 1.5% 42%, 0.5% 47%, 0% 50%, 1% 59%, 4% 65%, 10% 72%, 20% 80%, 30% 86%, 40% 92%, 52% 96%, 62% 99%, 71% 100%, 81% 98%, 89% 95%, 95% 89%, 100% 82%, 100% 74%, 99% 67%, 97% 60%, 95% 52%, 94% 47%, 94% 39%, 93% 30%, 90% 20%, 84% 10%, 75% 3%, 64% 0%, 50% 1%, 38% 4%, 25% 10%, 15% 17%, 8% 25%, 5% 29%, 4% 32%);
  }
  66% {
    clip-path: polygon(3% 35%, 2% 38%, 1.5% 41%, 1% 44%, 0.5% 48%, 0% 52%, 2% 61%, 5% 68%, 12% 74%, 22% 82%, 33% 88%, 44% 93%, 55% 97%, 66% 99%, 75% 100%, 84% 98%, 91% 94%, 96% 87%, 100% 80%, 100% 72%, 98% 65%, 96% 58%, 94% 50%, 93% 44%, 92% 37%, 91% 28%, 87% 18%, 80% 8%, 70% 2%, 58% 0%, 46% 2%, 34% 6%, 22% 12%, 12% 20%, 6% 27%, 4% 31%, 3% 35%);
  }
  100% {
    clip-path: polygon(2.5% 34%, 2% 36%, 1.5% 38%, 1% 41%, 0.5% 45%, 0% 48%, 1% 57%, 3% 62%, 8% 71%, 17% 79%, 27% 85%, 38% 90%, 49% 95%, 59% 98%, 69% 100%, 79% 99%, 87% 96%, 94% 91%, 99% 83%, 99% 76%, 98% 69%, 96% 62%, 94% 53%, 94% 48%, 94% 40%, 94% 32%, 92% 23%, 86% 12%, 78% 5%, 66% 1%, 54% 0%, 41% 2%, 28% 8%, 18% 15%, 10% 22%, 6% 28%, 3% 32%);
  }
}
.av-company1-exp {
  width: 100%;
  height: 458px;
  max-width: 412px;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(119, 85, 255, 0.1)), color-stop(44%, rgba(64, 164, 219, 0.1)), to(rgba(12, 210, 179, 0.1)));
  background: linear-gradient(90deg, rgba(119, 85, 255, 0.1) 10%, rgba(64, 164, 219, 0.1) 44%, rgba(12, 210, 179, 0.1) 100%);
  clip-path: polygon(2.5% 34%, 2% 36%, 1.5% 38%, 1% 41%, 0.5% 45%, 0% 48%, 1% 57%, 3% 62%, 8% 71%, 17% 79%, 27% 85%, 38% 90%, 49% 95%, 59% 98%, 69% 100%, 79% 99%, 87% 96%, 94% 91%, 99% 83%, 99% 76%, 98% 69%, 96% 62%, 94% 53%, 94% 48%, 94% 40%, 94% 32%, 92% 23%, 86% 12%, 78% 5%, 66% 1%, 54% 0%, 41% 2%, 28% 8%, 18% 15%, 10% 22%, 6% 28%, 3% 32%);
  -webkit-animation: morph 3s ease-in-out infinite alternate;
          animation: morph 3s ease-in-out infinite alternate;
}
@media (max-width: 480px) {
  .av-company1-exp {
    height: 300px;
  }
}
.av-company1-exp .inner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.av-company1-exp .inner-item h2 {
  color: #F0F2F4;
  font-size: 100px;
  font-weight: 300;
}
.av-company1-exp .inner-item p {
  max-height: 115px;
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
}

/*---------------------------------------------------- */
/*text scroll area*/
/*----------------------------------------------------*/
.at-text-scrol1-bg {
  z-index: 1;
  position: relative;
  background-color: #F0F2F4;
}
.at-text-scrol1-bg:is(.ver_2) {
  background-image: var(--av-prime-c1);
}
.at-text-scrol1-bg:is(.ver_2) .at-text-scrol1 h2 {
  color: #fff;
}
.at-text-scrol1-bg .at-text-scrol1 h2 {
  color: var(--av-black1);
}

.at-text-scrol2-bg {
  width: 105%;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
  background-image: var(--av-prime-c1);
}
.at-text-scrol2-bg:is(.ver_2) {
  background: #1F1F1F;
}

.at-text-scrol1 {
  padding: 34px 0px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .at-text-scrol1 {
    padding: 25px 0px;
  }
}
.at-text-scrol1 h2 {
  color: #fff;
  font-size: 60px;
  margin: 0px 15px;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .at-text-scrol1 h2 {
    font-size: 30px;
  }
}

/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
.av-feat1-sec .av-sec-title {
  max-width: 1045px;
}

.av-feat1-wrapper {
  gap: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat1-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-feat1-wrap {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat1-wrap {
    width: 100%;
  }
}
.av-feat1-wrap .av-feat1-item {
  z-index: 2;
  padding: 45px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #1F1F1F;
  -webkit-transition: 1000ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1000ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
@media (max-width: 480px) {
  .av-feat1-wrap .av-feat1-item {
    padding: 30px 20px;
  }
}
.av-feat1-wrap .av-feat1-item .av-feat1-bg {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-feat1-wrap .av-feat1-item .av-feat1-bg svg {
  width: 100%;
}
.av-feat1-wrap .av-feat1-item .item-serial {
  margin-bottom: 125px;
}
.av-feat1-wrap .av-feat1-item .item-serial span {
  font-size: 55px;
  font-weight: 800;
  font-family: var(--av-sora);
  background: var(--av-prime-c1);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1.5px transparent;
  color: #1F1F1F;
}
.av-feat1-wrap .av-feat1-item .item-text {
  max-width: 326px;
}
.av-feat1-wrap .av-feat1-item .item-text h3 {
  color: #F0F2F4;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}
.av-feat1-wrap .av-feat1-item .item-text p {
  color: #C6C7C8;
}
.av-feat1-wrap .item-btn {
  left: 0;
  right: 0;
  bottom: 100px;
  position: absolute;
  -webkit-transition: 1000ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
  transition: 1000ms cubic-bezier(0.5, -0.75, 0.3, 1.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat1-wrap .item-btn {
    position: static;
  }
}
.av-feat1-wrap .item-btn a {
  z-index: 1;
  width: 170px;
  height: 170px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 500;
  border-radius: 100%;
  position: relative;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#1F1F1F), to(#1F1F1F)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#1F1F1F, #1F1F1F) padding-box, var(--av-prime-c1) border-box;
}
.av-feat1-wrap .item-btn a span {
  width: 100%;
}
.av-feat1-wrap .item-btn a i {
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.av-feat1-wrap .item-btn a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  background-image: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-feat1-wrap .item-btn a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.av-feat1-wrap:hover .av-feat1-item, .av-feat1-wrap:is(.active) .av-feat1-item {
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat1-wrap:hover .av-feat1-item, .av-feat1-wrap:is(.active) .av-feat1-item {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.av-feat1-wrap:hover .av-feat1-item .av-feat1-bg, .av-feat1-wrap:is(.active) .av-feat1-item .av-feat1-bg {
  opacity: 1;
}
.av-feat1-wrap:hover .item-btn, .av-feat1-wrap:is(.active) .item-btn {
  bottom: 0;
}

@media (max-width: 480px) {
  .av-feat1-bottom {
    margin-top: 50px;
  }
}
.av-feat1-bottom p {
  max-width: 870px;
}

/*---------------------------------------------------- */
/*Project area*/
/*----------------------------------------------------*/
.av-pro1-sec {
  padding: 0px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .av-pro1-sec {
    padding: 0px 20px;
  }
}
@media (max-width: 480px) {
  .av-pro1-sec {
    padding: 0;
  }
}
.av-pro1-sec .av-ser1-top-content .av-sec-title {
  max-width: 810px;
}

.av-pro1-wrapper {
  padding: 100px;
  border-radius: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px) {
  .av-pro1-wrapper {
    padding: 60px 30px;
  }
}
@media (max-width: 480px) {
  .av-pro1-wrapper {
    padding: 40px 15px;
  }
}

.av-pro1-item {
  overflow: hidden;
  border-radius: 32px;
  margin-bottom: 24px;
}
.av-pro1-item .inner-item-wrap {
  width: 100%;
  height: 100%;
  min-height: 570px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-pro1-item .inner-item-wrap {
    min-height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-pro1-item .inner-item-wrap .item-img {
    height: 300px;
  }
}
.av-pro1-item .item-text {
  top: 50%;
  left: 60px;
  padding: 40px;
  position: absolute;
  border-radius: 32px;
  background-color: #F0F2F4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-pro1-item .item-text {
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.av-pro1-item .item-text .item-seral-img span {
  font-size: 32px;
  color: #1A1A1A;
  font-weight: 600;
  font-family: var(--av-sora);
}
.av-pro1-item .item-text .item-seral-img .inner-img {
  width: 180px;
  height: 120px;
  overflow: hidden;
  border-radius: 12px;
}
.av-pro1-item .item-text .item-seral-img .inner-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-pro1-item .item-text .item-seral-img .inner-img {
    display: none;
  }
}
.av-pro1-item .item-text .inner-text {
  width: 100%;
  max-width: 410px;
}
.av-pro1-item .item-text .inner-text h3 {
  color: #1A1A1A;
  font-weight: 600;
  font-size: 24px;
  padding-bottom: 10px;
}
.av-pro1-item .item-text .inner-text p {
  opacity: 0.7;
  color: #282828;
}
.av-pro1-item .item-text .inner-text .av-btn1 a {
  color: #1A1A1A;
  background: -webkit-gradient(linear, left top, left bottom, from(#F0F2F4), to(#F0F2F4)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#F0F2F4, #F0F2F4) padding-box, var(--av-prime-c1) border-box;
}
.av-pro1-item .item-text .inner-text .av-btn1 a:hover {
  color: #fff;
}
.av-pro1-item .item-text:hover .inner-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/*---------------------------------------------------- */
/*Price area*/
/*----------------------------------------------------*/
@-webkit-keyframes Rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes Rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.av-price1-sec .av-sec-title {
  max-width: 1115px;
}
.av-price1-sec .av-sec-title p {
  max-width: 800px;
}

.av-price1-wrapper {
  margin: 0 auto;
  max-width: 1460px;
}

.av-price1-content {
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background-color: #212121;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price1-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-price1-item {
  z-index: 1;
  width: 33.33%;
  padding: 32px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  background-color: #1F1F1F;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .av-price1-item {
    width: 48%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price1-item {
    width: 100%;
  }
}
.av-price1-item:after {
  top: 1px;
  left: 1px;
  z-index: -1;
  content: "";
  position: absolute;
  border-radius: 12px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #1F1F1F;
}
.av-price1-item:before {
  top: 0;
  right: 0;
  z-index: -2;
  left: -130px;
  height: 100%;
  content: "";
  width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-animation: Rotate 15s linear infinite;
          animation: Rotate 15s linear infinite;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0.34%, rgba(119, 85, 255, 0)), color-stop(41.91%, #40A4DB), color-stop(83.45%, rgba(12, 210, 179, 0)));
  background-image: linear-gradient(-90deg, rgba(119, 85, 255, 0) 0.34%, #40A4DB 41.91%, rgba(12, 210, 179, 0) 83.45%);
}
.av-price1-item .av-pr-top {
  margin-bottom: 28px;
}
.av-price1-item .av-pr-top .item-icon {
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--av-prime-c1);
}
.av-price1-item .av-pr-top span {
  font-size: 16px;
  padding: 5px 12px;
  border-radius: 30px;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--av-black1)), to(var(--av-black1))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(var(--av-black1), var(--av-black1)) padding-box, var(--av-prime-c1) border-box;
}
.av-price1-item .av-price-value span {
  color: #F0F2F4;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.av-price1-item .av-price-value h3 {
  color: #fff;
  font-size: 55px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price1-item .av-price-value h3 {
    font-size: 40px;
  }
}
.av-price1-item .av-price-value h3:before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 1px;
  opacity: 0.4;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.34%, rgba(119, 85, 255, 0)), color-stop(24.83%, #40A4DB), color-stop(83.45%, rgba(12, 210, 179, 0)));
  background: linear-gradient(90deg, rgba(119, 85, 255, 0) 0.34%, #40A4DB 24.83%, rgba(12, 210, 179, 0) 83.45%);
}
.av-price1-item .av-price-value h3 sup {
  color: #C6C7C8;
  font-size: 18px;
  font-weight: 400;
}
.av-price1-item .av-price-value p {
  color: #C6C7C8;
}
.av-price1-item .av-pr-conts li {
  color: #C6C7C8;
  font-size: 14px;
  margin-right: 8px;
  padding: 5px 12px;
  border: 1px solid #212121;
}
.av-price1-item .av-pr-conts li:last-child {
  margin-right: 0;
}
.av-price1-item .av-pr-conts li span {
  color: #F0F2F4;
  font-weight: 600;
  margin-right: 4px;
}
.av-price1-item .av-pr-list li {
  color: #C6C7C8;
  margin-bottom: 12px;
}
.av-price1-item .av-pr-list li i {
  margin-right: 12px;
}
.av-price1-item .av-pr-list li:is(.av-disabled) {
  opacity: 0.5;
}
.av-price1-item .av-pr-btn a {
  z-index: 1;
  width: 100%;
  padding: 14px;
  color: #F0F2F4;
  font-size: 16px;
  border-radius: 8px;
  position: relative;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#1F1F1F), to(#1F1F1F)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#1F1F1F, #1F1F1F) padding-box, var(--av-prime-c1) border-box;
}
.av-price1-item .av-pr-btn a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  content: "";
  border-radius: 8px;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-price1-item .av-pr-btn a:hover:before {
  height: 100%;
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.av-testi1-content {
  overflow: hidden;
  border-radius: 32px;
  padding-bottom: 60px;
}

.av-testi-title h2 {
  font-size: 180px;
  font-weight: 800;
  line-height: 0.7;
  padding-right: 5px;
  display: inline-block;
  letter-spacing: -4px;
  font-family: var(--av-one);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi-title h2 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-testi-title h2 {
    font-size: 90px;
  }
}
@media (max-width: 480px) {
  .av-testi-title h2 {
    font-size: 80px;
  }
}

.av-testi1-slider {
  margin: 0 auto;
  max-width: 1640px;
}

.av-testi1-item {
  margin: 0 auto;
  max-width: 531px;
  border-radius: 24px;
  padding: 12px 12px 24px;
  background-color: #F0F2F4;
}
.av-testi1-item .item-desc-rate {
  padding: 32px;
  border-radius: 24px;
  margin-bottom: 24px;
  background-color: #fff;
}
.av-testi1-item .item-desc-rate .item-rate {
  margin-bottom: 22px;
}
.av-testi1-item .item-desc-rate .item-rate li {
  color: #FFB400;
}
.av-testi1-item .item-desc-rate .item-desc {
  color: #1A1A1A;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 20px;
  border-bottom: 2px dashed #C6C7C8;
}
.av-testi1-item .item-author {
  gap: 12px;
  padding-left: 12px;
}
.av-testi1-item .item-author .item-img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 12px;
}
.av-testi1-item .item-author .item-text h3 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 4px;
  color: var(--av-black1);
}
.av-testi1-item .item-author .item-text span {
  color: #282828;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi1-nav {
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.av-testi1-nav .av-testi1-prev,
.av-testi1-nav .av-testi1-next {
  top: 50%;
  z-index: 1;
  width: 60px;
  height: 60px;
  overflow: hidden;
  color: #1A1A1A;
  position: absolute;
  border-radius: 100%;
  background-color: #F0F2F4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi1-nav .av-testi1-prev,
  .av-testi1-nav .av-testi1-next {
    left: 0 !important;
    right: 0 !important;
    position: relative;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.av-testi1-nav .av-testi1-prev:before,
.av-testi1-nav .av-testi1-next:before {
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  content: "";
  width: 100%;
  border-radius: 100%;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-testi1-nav .av-testi1-prev:hover,
.av-testi1-nav .av-testi1-next:hover {
  color: #fff;
}
.av-testi1-nav .av-testi1-prev:hover:before,
.av-testi1-nav .av-testi1-next:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.av-testi1-nav .av-testi1-prev {
  left: 30px;
}
.av-testi1-nav .av-testi1-next {
  right: 30px;
}

/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.av-area-2 .av-area-shape1 {
  top: 5%;
  right: -5%;
}

.av-blog-sec .av-sec-title {
  max-width: 1405px;
}

.av-blog-wrap {
  margin: 0 auto;
  max-width: 1490px;
}

.av-blog-content {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.av-blog-item .item-img {
  z-index: 1;
  overflow: hidden;
  border-radius: 24px;
  margin-bottom: 30px;
  position: relative;
}
.av-blog-item .item-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-blog-item.type-three img {
  width: 100%;
  height: 550px;
}
.av-blog3-content .av-blog-item .item-img a{
  display: block;
}
.av-blog3-content .type-four .item-img img {
  height: 298px;
  object-fit: cover;
}
.av-blog-item .item-text {
  border-bottom: 1px solid #282828;
}
.av-blog-item .item-text .blog_title {
  color: #F0F2F4;
  font-size: 32px;
  padding-bottom: 12px;
}
.av-blog-item .item-text p {
  color: #C6C7C8;
  max-width: 500px;
  padding-bottom: 18px;
}
.av-blog-item .blog-meta .read_more {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #F0F2F4;
  font-size: 20px;
  font-weight: 500;
}
.av-blog-item .blog-meta .read_more i {
  z-index: 1;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--av-black1)), to(var(--av-black1))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(var(--av-black1), var(--av-black1)) padding-box, var(--av-prime-c1) border-box;
}
.av-blog-item .blog-meta .read_more i:after {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  z-index: -1;
  height: calc(100% - 4px);
  content: "";
  border-radius: 100%;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-blog-item .blog-meta .read_more:hover i:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.av-blog-item .blog-meta span {
  color: #C6C7C8;
}
.av-blog-item:is(.type-one) {
  max-width: 570px;
}
.av-blog-item:is(.type-two) {
  width: 100%;
  max-width: 845px;
}
.av-blog-item:is(.type-two) .item-img {
  height: 315px;
}
.av-blog-item:is(.type-two) .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.av-blog-item:is(.type-two) .item-text p {
  max-width: 100%;
}
.av-blog-item:is(.type-three) {
  max-width: 836px;
}
.av-blog-item:is(.type-four) {
  max-width: 422px;
}
.av-blog-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  mix-blend-mode: luminosity;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.av-blog-btn {
  right: 0;
  bottom: 0;
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog-btn {
    position: static;
  }
}

.av-blog3-content {
  gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/*---------------------------------------------------- */
/*Contact area*/
/*----------------------------------------------------*/
.av-footer-bg {
  padding: 20px;
}
.av-footer-bg .av-footer-area {
  padding: 60px;
  border-radius: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-footer-bg .av-footer-area {
    padding: 40px 15px;
  }
}

.av-contact1-content {
  gap: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-contact1-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-contact1-form {
  width: 100%;
  padding: 40px;
  max-width: 678px;
  border-radius: 32px;
  background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-contact1-form {
    max-width: 100%;
  }
}
.av-contact1-form h3 {
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 40px;
  color: var(--av-black1);
}
.av-contact1-form .input-field {
  margin-bottom: 24px;
}
.av-contact1-form .input-field label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 8px;
  color: var(--av-black1);
}
.av-contact1-form .input-field label sub {
  bottom: 0;
  color: #F20101;
  font-size: 20px;
}
.av-contact1-form .input-field input, .av-contact1-form .input-field textarea {
  width: 100%;
  height: 52px;
  padding-left: 20px;
  border-radius: 32px;
  border: 1px solid #F0F2F4;
  color: rgba(40, 40, 40, 0.6);
  border: 1px solid transparent;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-contact1-form .input-field input::-webkit-input-placeholder, .av-contact1-form .input-field textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
}
.av-contact1-form .input-field input::-moz-placeholder, .av-contact1-form .input-field textarea::-moz-placeholder {
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
}
.av-contact1-form .input-field input:-ms-input-placeholder, .av-contact1-form .input-field textarea:-ms-input-placeholder {
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
}
.av-contact1-form .input-field input::-ms-input-placeholder, .av-contact1-form .input-field textarea::-ms-input-placeholder {
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
}
.av-contact1-form .input-field input::placeholder, .av-contact1-form .input-field textarea::placeholder {
  font-size: 14px;
  color: rgba(40, 40, 40, 0.6);
}
.av-contact1-form .input-field input:focus, .av-contact1-form .input-field textarea:focus {
  border: 1px solid var(--av-c4);
}
.av-contact1-form .input-field textarea {
  height: 115px;
  padding-top: 20px;
  border-radius: 12px;
  color: rgba(40, 40, 40, 0.6);
}
.av-contact1-form button {
  color: #fff;
  width: 100%;
  height: 58px;
  border: none;
  font-weight: 500;
  border-radius: 50px;
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-contact1-form button:hover {
  letter-spacing: 2px;
}

.av-contact1-newslatter {
  width: 100%;
  padding: 40px;
  max-width: 1070px;
  border-radius: 32px;
  background: var(--av-prime-c1);
  min-height: 595px;
}
@media (max-width: 480px) {
  .av-contact1-newslatter {
    padding: 30px 20px;
  }
}
.av-contact1-newslatter .av-sec-title {
  max-width: 820px;
}
.av-contact1-newslatter .newslatter-form {
  margin-top: 48px;
}
.av-contact1-newslatter .newslatter-form input {
  width: 100%;
  height: 70px;
  border: none;
  color: #282828;
  padding-left: 24px;
  border-radius: 70px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  border: 1px solid transparent;
}
.av-contact1-newslatter .newslatter-form input::-webkit-input-placeholder {
  font-size: 16px;
  color: #282828;
}
.av-contact1-newslatter .newslatter-form input::-moz-placeholder {
  font-size: 16px;
  color: #282828;
}
.av-contact1-newslatter .newslatter-form input:-ms-input-placeholder {
  font-size: 16px;
  color: #282828;
}
.av-contact1-newslatter .newslatter-form input::-ms-input-placeholder {
  font-size: 16px;
  color: #282828;
}
.av-contact1-newslatter .newslatter-form input::placeholder {
  font-size: 16px;
  color: #282828;
}
.av-contact1-newslatter .newslatter-form input:focus {
  border: 1px solid #000;
}
.av-contact1-newslatter .newslatter-form button {
  gap: 12px;
  color: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  margin-top: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.av-contact1-newslatter .newslatter-form button i {
  width: 50px;
  height: 50px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--av-black1);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.av-contact1-newslatter p {
  left: 40px;
  bottom: 20px;
  color: #F0F2F4;
  max-width: 500px;
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-contact1-newslatter p {
    position: static;
    padding-top: 20px;
  }
}

/*---------------------------------------------------- */
/******* HOME PAGE 2 *******/
/*----------------------------------------------------*/
.av-hero2-wrapper {
  padding-top: 220px;
}
.av-hero2-wrapper .hero_title2 {
  font-size: 85px;
  overflow: hidden;
  letter-spacing: -3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .av-hero2-wrapper .hero_title2 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .av-hero2-wrapper .hero_title2 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-hero2-wrapper .hero_title2 {
    font-size: 55px;
  }
}
@media (max-width: 480px) {
  .av-hero2-wrapper .hero_title2 {
    font-size: 45px;
  }
}

@-webkit-keyframes ROTATING {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ROTATING {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.av-hero2-img-text {
  margin-top: 40px;
  padding-top: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-hero2-img-text {
    padding-top: 70px;
  }
}
.av-hero2-img-text .item-icon-text {
  top: 0;
  left: 0;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero2-img-text .item-icon-text {
    position: static;
    margin-bottom: 40px;
  }
}
.av-hero2-img-text .hr2-img {
  clip-path: polygon(40.073% 23.269%, 40.073% 23.269%, 40.222% 23.253%, 40.368% 23.206%, 40.512% 23.129%, 40.653% 23.021%, 40.789% 22.885%, 40.921% 22.72%, 41.048% 22.528%, 41.169% 22.308%, 41.283% 22.063%, 41.39% 21.792%, 48.781% 1.477%, 48.781% 1.477%, 48.888% 1.206%, 49.002% 0.961%, 49.122% 0.742%, 49.249% 0.549%, 49.381% 0.385%, 49.517% 0.248%, 49.658% 0.141%, 49.802% 0.063%, 49.948% 0.016%, 50.096% 0%, 98.182% 0%, 98.182% 0%, 98.477% 0.062%, 98.756% 0.243%, 99.017% 0.532%, 99.256% 0.92%, 99.467% 1.397%, 99.649% 1.952%, 99.797% 2.577%, 99.907% 3.262%, 99.976% 3.995%, 100% 4.769%, 100% 69.803%, 100% 69.803%, 99.976% 70.577%, 99.907% 71.312%, 99.797% 71.996%, 99.649% 72.621%, 99.467% 73.177%, 99.255% 73.654%, 99.016% 74.041%, 98.755% 74.33%, 98.475% 74.51%, 98.18% 74.572%, 75.584% 74.504%, 75.584% 74.504%, 75.411% 74.525%, 75.241% 74.588%, 75.075% 74.693%, 74.914% 74.837%, 74.759% 75.019%, 74.612% 75.239%, 74.472% 75.494%, 74.342% 75.783%, 74.222% 76.105%, 74.114% 76.459%, 68.102% 98.044%, 68.102% 98.044%, 67.993% 98.398%, 67.873% 98.72%, 67.743% 99.009%, 67.604% 99.264%, 67.457% 99.483%, 67.302% 99.666%, 67.142% 99.81%, 66.976% 99.915%, 66.806% 99.978%, 66.634% 100%, 1.818% 100%, 1.818% 100%, 1.523% 99.938%, 1.243% 99.757%, 0.983% 99.468%, 0.744% 99.08%, 0.533% 98.603%, 0.351% 98.048%, 0.203% 97.423%, 0.093% 96.738%, 0.024% 96.005%, 0% 95.231%, 0% 27.966%, 0% 27.966%, 0.024% 27.192%, 0.093% 26.458%, 0.203% 25.773%, 0.351% 25.148%, 0.533% 24.593%, 0.745% 24.116%, 0.983% 23.728%, 1.244% 23.439%, 1.524% 23.259%, 1.819% 23.197%, 40.073% 23.269%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero2-img-text .hr2-img {
    clip-path: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero2-img-text .hr2-img {
    height: 300px;
  }
  .av-hero2-img-text .hr2-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.av-hero2-img-text .icon-text {
  gap: 12px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero2-img-text .icon-text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-hero2-img-text .icon-text {
    margin-bottom: 10px;
  }
}
.av-hero2-img-text .icon-text .item-text span {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 4px;
}
.av-hero2-img-text .icon-text .item-text p {
  color: #C6C7C8;
}
.av-hero2-img-text .item-desc {
  max-width: 700px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero2-img-text .item-desc {
    max-width: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-hero2-img-text .item-desc {
    max-width: 400px;
  }
}
.av-hero2-img-text .item-icon-wrap {
  gap: 2px;
}
.av-hero2-img-text .item-icon-wrap .item-icon {
  width: 68px;
  height: 68px;
  border-radius: 12px;
  background: var(--av-prime-c1);
}
.av-hero2-img-text .item-icon-wrap .item-icon:nth-child(2) {
  background-color: #fff;
}
.av-hero2-img-text .item-icon-wrap .item-icon:nth-child(2) svg {
  -webkit-animation: ROTATING 10s infinite;
          animation: ROTATING 10s infinite;
}

.av-hr2-scroll {
  top: -60px;
  right: 107px;
  width: 184px;
  height: 184px;
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
  border: 10px solid var(--av-black1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-hr2-scroll {
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr2-scroll {
    display: none !important;
  }
}
.av-hr2-scroll i {
  left: 0;
  top: 40%;
  right: 0;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: bounceDown 1.5s infinite;
          animation: bounceDown 1.5s infinite;
}

.av-hr2-client {
  right: 0;
  bottom: 0;
  gap: 20px;
  position: absolute;
  padding: 40px 40px 40px 122px;
  background-image: var(--av-prime-c1);
  clip-path: polygon(20.131% 3.243%, 20.131% 3.243%, 20.266% 2.654%, 20.412% 2.119%, 20.57% 1.639%, 20.738% 1.216%, 20.914% 0.853%, 21.098% 0.552%, 21.289% 0.313%, 21.486% 0.141%, 21.687% 0.035%, 21.891% 0%, 97.753% 0%, 97.753% 0%, 98.117% 0.112%, 98.463% 0.437%, 98.785% 0.957%, 99.08% 1.654%, 99.342% 2.511%, 99.566% 3.509%, 99.749% 4.632%, 99.885% 5.862%, 99.971% 7.181%, 100% 8.571%, 100% 91.429%, 100% 91.429%, 99.971% 92.819%, 99.885% 94.138%, 99.749% 95.368%, 99.566% 96.491%, 99.342% 97.489%, 99.08% 98.346%, 98.785% 99.043%, 98.463% 99.563%, 98.117% 99.888%, 97.753% 100%, 4.652% 100%, 4.652% 100%, 4.114% 99.762%, 3.635% 99.094%, 3.222% 98.059%, 2.884% 96.725%, 2.629% 95.157%, 2.465% 93.42%, 2.401% 91.58%, 2.446% 89.703%, 2.606% 87.854%, 2.892% 86.1%, 20.131% 3.243%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr2-client {
    padding: 30px;
    clip-path: none;
    position: static;
  }
}
.av-hr2-client li {
  width: 64px;
  height: 64px;
  overflow: hidden;
  margin-left: -28px;
  border-radius: 100%;
  border: 2px solid #fff;
}
.av-hr2-client li:first-child {
  margin-left: 0;
}
.av-hr2-client .client-count {
  gap: 12px;
}
.av-hr2-client h3 {
  color: #F0F2F4;
  font-size: 42px;
  font-weight: 600;
}
.av-hr2-client p {
  color: #fff;
  max-width: 95px;
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.av-ab2-content {
  margin: 0 auto;
  max-width: 1400px;
}

.av-ab2-content .av-ser1-top-content .av-sec-title {
  max-width: 940px;
}

.av-ab2-wrapper {
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab2-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.av-ab2-img {
  width: 100%;
  max-width: 866px;
}
.av-ab2-img .item-img {
  height: 596px;
  clip-path: polygon(0% 5.369%, 0% 5.369%, 0.048% 4.498%, 0.188% 3.672%, 0.412% 2.902%, 0.713% 2.198%, 1.082% 1.573%, 1.513% 1.036%, 1.997% 0.599%, 2.527% 0.274%, 3.096% 0.07%, 3.695% 0%, 96.305% 0%, 96.305% 0%, 96.904% 0.07%, 97.473% 0.274%, 98.003% 0.599%, 98.487% 1.036%, 98.918% 1.573%, 99.287% 2.198%, 99.588% 2.902%, 99.812% 3.672%, 99.952% 4.498%, 100% 5.369%, 100% 94.631%, 100% 94.631%, 99.952% 95.502%, 99.812% 96.328%, 99.588% 97.098%, 99.287% 97.802%, 98.918% 98.427%, 98.487% 98.964%, 98.003% 99.401%, 97.473% 99.726%, 96.904% 99.93%, 96.305% 100%, 18.707% 100%, 18.707% 100%, 18.107% 99.93%, 17.539% 99.726%, 17.009% 99.401%, 16.524% 98.964%, 16.094% 98.427%, 15.725% 97.802%, 15.424% 97.098%, 15.2% 96.328%, 15.06% 95.502%, 15.012% 94.631%, 15.012% 83.557%, 15.012% 83.557%, 14.963% 82.686%, 14.823% 81.86%, 14.599% 81.09%, 14.299% 80.386%, 13.929% 79.761%, 13.499% 79.224%, 13.015% 78.787%, 12.484% 78.462%, 11.916% 78.258%, 11.316% 78.188%, 3.695% 78.188%, 3.695% 78.188%, 3.096% 78.118%, 2.527% 77.914%, 1.997% 77.589%, 1.513% 77.152%, 1.082% 76.615%, 0.713% 75.99%, 0.412% 75.286%, 0.188% 74.516%, 0.048% 73.69%, 0% 72.819%, 0% 5.369%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab2-img .item-img {
    clip-path: none;
  }
}
.av-ab2-img .item-play {
  left: 5px;
  bottom: 5px;
  position: absolute;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab2-img .item-play {
    left: 0;
    bottom: 0;
  }
}
.av-ab2-img .item-play a {
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  border-radius: 20px;
  background: var(--av-prime-c1);
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab2-img .item-play a {
    width: 80px;
    height: 80px;
  }
}
.av-ab2-img .item-play a:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.av-ab2-text {
  max-width: 474px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-ab2-text {
    max-width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab2-text {
    max-width: 866px;
  }
}

.av-ab2-text-item {
  width: 100%;
  padding: 40px;
  margin-bottom: 4px;
  border-radius: 16px;
  background-color: #1F1F1F;
}
.av-ab2-text-item h3 {
  color: #F0F2F4;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.av-ser2-sec {
  z-index: 1;
}
.av-ser2-sec .av-sec-title {
  margin: 0 auto;
  max-width: 850px;
}
.av-ser2-sec:before {
  top: 0;
  left: 24px;
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  background: #212121;
  width: calc(100% - 40px);
  clip-path: polygon(0% 8.369%, 0% 8.369%, 0.022% 7.85%, 0.084% 7.357%, 0.184% 6.896%, 0.319% 6.473%, 0.484% 6.096%, 0.678% 5.77%, 0.895% 5.502%, 1.134% 5.299%, 1.391% 5.166%, 1.663% 5.111%, 98.244% 0.091%, 98.244% 0.091%, 98.527% 0.121%, 98.796% 0.235%, 99.048% 0.426%, 99.278% 0.688%, 99.483% 1.013%, 99.659% 1.395%, 99.803% 1.827%, 99.91% 2.301%, 99.977% 2.81%, 100% 3.349%, 100% 100%, 0% 100%, 0% 8.369%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser2-sec:before {
    left: 0;
    width: calc(100% - 0px);
  }
}

.av-ser2-content {
  gap: 12px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.av-ser2-item {
  z-index: 1;
  width: 100%;
  max-width: 395px;
  position: relative;
  padding: 40px 40px 45px;
}
.av-ser2-item:before {
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #1A1A1A;
  clip-path: polygon(0% 6.723%, 0% 6.723%, 0.106% 5.632%, 0.413% 4.598%, 0.904% 3.633%, 1.563% 2.752%, 2.373% 1.969%, 3.317% 1.297%, 4.378% 0.75%, 5.541% 0.343%, 6.787% 0.088%, 8.101% 0%, 71.392% 0%, 71.392% 0%, 72.706% 0.088%, 73.953% 0.343%, 75.115% 0.75%, 76.177% 1.297%, 77.121% 1.969%, 77.931% 2.752%, 78.589% 3.633%, 79.081% 4.598%, 79.388% 5.632%, 79.494% 6.723%, 79.494% 8.613%, 79.494% 8.613%, 79.626% 9.977%, 80.01% 11.27%, 80.624% 12.475%, 81.448% 13.576%, 82.46% 14.556%, 83.64% 15.395%, 84.967% 16.079%, 86.42% 16.588%, 87.978% 16.907%, 89.62% 17.017%, 91.899% 17.017%, 91.899% 17.017%, 93.213% 17.105%, 94.459% 17.36%, 95.622% 17.767%, 96.683% 18.314%, 97.627% 18.986%, 98.437% 19.769%, 99.096% 20.65%, 99.587% 21.615%, 99.894% 22.649%, 100% 23.739%, 100% 93.277%, 100% 93.277%, 99.894% 94.368%, 99.587% 95.402%, 99.096% 96.367%, 98.437% 97.248%, 97.627% 98.031%, 96.683% 98.703%, 95.622% 99.25%, 94.459% 99.657%, 93.213% 99.912%, 91.899% 100%, 8.101% 100%, 8.101% 100%, 6.787% 99.912%, 5.541% 99.657%, 4.378% 99.25%, 3.317% 98.703%, 2.373% 98.031%, 1.563% 97.248%, 0.904% 96.367%, 0.413% 95.402%, 0.106% 94.368%, 0% 93.277%, 0% 6.723%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser2-item:before {
    clip-path: none;
  }
}
.av-ser2-item .item-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 196px;
}
.av-ser2-item .item-icon path {
  stroke: white;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-ser2-item .item-text h3 {
  max-width: 85%;
  color: #F0F2F4;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
}
.av-ser2-item .item-text h3 a:hover {
  color: var(--av-c1);
}
.av-ser2-item .item-text p {
  color: #C6C7C8;
}
.av-ser2-item .item-arrow {
  top: 0;
  right: 0;
  position: absolute;
}
.av-ser2-item .item-arrow a {
  z-index: 1;
  width: 64px;
  height: 64px;
  font-size: 22px;
  border-radius: 100%;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#212121, #212121) padding-box, var(--av-prime-c1) border-box;
}
.av-ser2-item .item-arrow a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-ser2-item:hover .item-icon svg path {
  stroke: url(#strokeGradient);
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: draw 1s linear forwards;
          animation: draw 1s linear forwards;
}
.av-ser2-item:hover .item-icon svg path:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(11) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(12) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(13) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(14) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(15) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(16) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(17) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(18) {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}
.av-ser2-item:hover .item-icon svg path:nth-child(19) {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
.av-ser2-item:hover .item-arrow a:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.av-feat2-sec .av-sec-title {
  margin: 0 auto;
  max-width: 900px;
}

.av-feat2-content {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 1460px;
  position: relative;
  padding: 68px 100px;
  background-color: #1F1F1F;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat2-content {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat2-content {
    padding: 68px 15px;
  }
}
.av-feat2-content:before {
  top: 50%;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(148, 148, 149, 0)), color-stop(49.91%, rgba(148, 148, 149, 0.18)), to(rgba(148, 148, 149, 0)));
  background-image: linear-gradient(90deg, rgba(148, 148, 149, 0) 0%, rgba(148, 148, 149, 0.18) 49.91%, rgba(148, 148, 149, 0) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat2-content:before {
    display: none;
  }
}

.av-feat2-item {
  padding: 24px;
  max-width: 372px;
  margin: 32px 0px;
  position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat2-item {
    margin: 20px 0px;
  }
}
.av-feat2-item:is(.active) {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.av-feat2-item:before {
  top: 0;
  content: "";
  width: 1px;
  right: -35px;
  height: 100%;
  position: absolute;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(148, 148, 149, 0)), color-stop(49.91%, rgba(148, 148, 149, 0.18)), to(rgba(148, 148, 149, 0)));
  background-image: linear-gradient(0deg, rgba(148, 148, 149, 0) 0%, rgba(148, 148, 149, 0.18) 49.91%, rgba(148, 148, 149, 0) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-feat2-item:before {
    display: none;
  }
}
.av-feat2-item:nth-child(3):before, .av-feat2-item:nth-child(6):before {
  display: none;
}
.av-feat2-item .item-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 35px;
}
.av-feat2-item .item-text h3 {
  color: #F0F2F4;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 12px;
}
.av-feat2-item .item-text p {
  color: #C6C7C8;
  padding-bottom: 40px;
}
.av-feat2-item .item-text .read_more {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #F0F2F4;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.av-feat2-item .item-text .read_more i {
  z-index: 1;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid #282828;
}
.av-feat2-item .item-text .read_more i:after {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-feat2-item .item-text .read_more:hover i:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.av-feat2-item:hover .item-icon {
  -webkit-animation: 1s rubberBand linear;
          animation: 1s rubberBand linear;
}

/*---------------------------------------------------- */
/*Project area*/
/*----------------------------------------------------*/
.av-project2-sec {
  padding: 0px 20px;
}
.av-project2-sec .av-ser1-top-content .av-sec-title {
  max-width: 870px;
}

.av-project2-wrapper {
  padding: 100px;
  border-radius: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .av-project2-wrapper {
    padding: 50px 30px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-project2-wrapper {
    padding: 50px 15px;
  }
}

.av-project2-content .row {
  --bs-gutter-x: 48px;
}

.av-pro2-item {
  max-width: 816px;
  margin-bottom: 48px;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
.av-pro2-item:is(.active) {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.av-pro2-item .item-img {
  overflow: hidden;
  clip-path: polygon(0% 5.861%, 0% 5.861%, 0.051% 4.91%, 0.2% 4.008%, 0.438% 3.167%, 0.757% 2.399%, 1.149% 1.717%, 1.606% 1.131%, 2.119% 0.654%, 2.682% 0.299%, 3.285% 0.077%, 3.922% 0%, 86.765% 0%, 86.765% 0%, 87.401% 0.077%, 88.004% 0.299%, 88.567% 0.654%, 89.081% 1.131%, 89.538% 1.717%, 89.93% 2.399%, 90.249% 3.167%, 90.486% 4.008%, 90.635% 4.91%, 90.686% 5.861%, 90.686% 6.593%, 90.686% 6.593%, 90.75% 7.782%, 90.936% 8.909%, 91.233% 9.96%, 91.632% 10.92%, 92.122% 11.774%, 92.693% 12.506%, 93.336% 13.102%, 94.039% 13.546%, 94.793% 13.824%, 95.588% 13.919%, 96.078% 13.919%, 96.078% 13.919%, 96.715% 13.996%, 97.318% 14.218%, 97.881% 14.574%, 98.394% 15.05%, 98.851% 15.636%, 99.243% 16.319%, 99.562% 17.087%, 99.8% 17.928%, 99.949% 18.83%, 100% 19.78%, 100% 94.139%, 100% 94.139%, 99.949% 95.09%, 99.8% 95.992%, 99.562% 96.833%, 99.243% 97.601%, 98.851% 98.283%, 98.394% 98.869%, 97.881% 99.346%, 97.318% 99.701%, 96.715% 99.923%, 96.078% 100%, 3.922% 100%, 3.922% 100%, 3.285% 99.923%, 2.682% 99.701%, 2.119% 99.346%, 1.606% 98.869%, 1.149% 98.283%, 0.757% 97.601%, 0.438% 96.833%, 0.2% 95.992%, 0.051% 95.09%, 0% 94.139%, 0% 5.861%);
}
.av-pro2-item .item-img img {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-pro2-item .item-icon {
  top: 0;
  right: 0;
  position: absolute;
}
.av-pro2-item .item-icon a {
  z-index: 1;
  width: 64px;
  height: 64px;
  font-size: 22px;
  border-radius: 100%;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#212121, #212121) padding-box, var(--av-prime-c1) border-box;
}
.av-pro2-item .item-icon a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-pro2-item .item-text h3 {
  color: #F0F2F4;
  font-size: 40px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .av-pro2-item .item-text h3 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-pro2-item .item-text h3 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .av-pro2-item .item-text h3 {
    font-size: 28px;
  }
}
@media (max-width: 360px) {
  .av-pro2-item .item-text h3 {
    font-size: 24px;
  }
}
.av-pro2-item .item-text span a {
  color: #E0E2E6;
  font-size: 14px;
  padding: 8px 18px;
  border-radius: 32px;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--av-black1)), to(var(--av-black1))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(var(--av-black1), var(--av-black1)) padding-box, var(--av-prime-c1) border-box;
}
.av-pro2-item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.av-pro2-item:hover .item-icon a:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*---------------------------------------------------- */
/*Price area*/
/*----------------------------------------------------*/
.av-price2-wrapper {
  margin: 0 auto;
  max-width: 1490px;
}
.av-price2-wrapper .av-sec-title {
  max-width: 1200px;
}

.av-price2-plan-btn {
  width: 100%;
  max-width: 868px;
}
.av-price2-plan-btn .nav-tabs .nav-link {
  padding: 0;
}
.av-price2-plan-btn .nav-tabs .nav-link:is(.active) .av-price2-plan:before {
  width: 100%;
}
.av-price2-plan-btn .nav-tabs .nav-link:is(.active) .av-price2-plan .item-icon {
  background-color: #FFFFFF;
}
.av-price2-plan-btn .nav-tabs .nav-link:is(.active) .av-price2-plan .item-icon svg path {
  opacity: 1;
  stroke: url(#strokeGradient);
}

.av-price2-plan {
  z-index: 1;
  padding: 43px 40px;
  border-radius: 24px;
  margin-bottom: 24px;
  position: relative;
  border: 1px solid #212121;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-price2-plan {
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price2-plan {
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.av-price2-plan:before {
  top: 0;
  left: 0;
  width: 0%;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 24px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-price2-plan .item-icon-text {
  gap: 16px;
  width: 100%;
  max-width: 551px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price2-plan .item-icon-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.av-price2-plan .item-icon {
  width: 89px;
  height: 89px;
  border-radius: 24px;
  background-color: #1F1F1F;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-price2-plan .item-icon path {
  stroke: white;
  opacity: 0.8;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-price2-plan .item-text h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}
.av-price2-plan .item-text p {
  color: #C6C7C8;
  max-width: 400px;
}
.av-price2-plan .item-price h3 {
  color: #F0F2F4;
  font-size: 55px;
  font-weight: 600;
  letter-spacing: -2px;
}
.av-price2-plan .item-price h3 sub {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
}

.av-price2-content {
  gap: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.av-price2-tab-content {
  width: 100%;
  max-width: 570px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-price2-tab-content {
    max-width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-price2-tab-content {
    max-width: 868px;
  }
}

.av-price2-list-item {
  width: 100%;
  padding: 32px;
  border-radius: 24px;
  background: var(--av-prime-c1);
}
@media (max-width: 480px) {
  .av-price2-list-item {
    padding: 20px 15px;
  }
}
.av-price2-list-item .top_title h3 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 10px;
}
.av-price2-list-item .top_title p {
  color: #fff;
  max-width: 380px;
}
.av-price2-list-item .av-price-list {
  margin-top: 30px;
  border-radius: 24px;
  background-color: #fff;
  padding: 20px 32px 32px;
}
.av-price2-list-item .av-price-list h3 {
  color: #282828;
  font-size: 55px;
  font-weight: 600;
  margin-bottom: 30px;
}
.av-price2-list-item .av-price-list h3 sub {
  font-size: 18px;
  font-weight: 400;
}
.av-price2-list-item .av-price-list li {
  margin-bottom: 14px;
  color: rgba(40, 40, 40, 0.8);
}
.av-price2-list-item .av-price-list li i {
  margin-right: 10px;
}
.av-price2-list-item .av-price-list .price_btn {
  color: #fff;
  width: 100%;
  padding: 14px;
  font-size: 16px;
  margin-top: 30px;
  font-weight: 500;
  border-radius: 120px;
  background: var(--av-prime-c1);
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.av-testi2-sec .av-sec-title {
  margin: 0 auto;
  max-width: 1200px;
}

.av-testi2-content {
  border-radius: 32px;
  padding: 100px 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi2-content {
    padding: 50px 20px;
  }
}

.av-testi2-item {
  padding: 12px;
  border-radius: 24px;
  background-color: #1A1A1A;
}
.av-testi2-item .inner-item {
  padding: 32px;
  border-radius: 24px;
  background-color: #1F1F1F;
}
.av-testi2-item li {
  color: #FFB400;
  font-size: 16px;
}
.av-testi2-item .item-img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 18px;
  border-radius: 12px;
}
.av-testi2-item .item-icon i {
  color: #C6C7C8;
  font-size: 28px;
}
.av-testi2-item p {
  color: #C6C7C8;
  font-size: 20px;
  padding-bottom: 20px;
}
.av-testi2-item .item-author {
  padding-top: 24px;
  border-top: 2px dashed #282828;
}
.av-testi2-item .item-author h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 8px;
}
.av-testi2-item .item-author span {
  color: #C6C7C8;
}

/*---------------------------------------------------- */
/*Faq area*/
/*----------------------------------------------------*/
.av-faq2-sec {
  z-index: 1;
}
.av-faq2-sec:before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  z-index: -1;
  position: absolute;
  background-color: #1F1F1F;
  clip-path: polygon(0% 0%, 100% 8.349%, 100% 100%, 0% 100%, 0% 0%);
}

.av-faq2-bg {
  top: 22%;
  left: -10%;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-faq2-bg {
    display: none;
  }
}

.av-faq2-newsletter {
  margin: 0 auto;
  max-width: 1460px;
}
.newslatter-form p {
  display: none;
}
.av-faq2-newsletter {
  gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-faq2-newsletter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-newsletter2 {
  width: 100%;
  max-width: 592px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-newsletter2 {
    max-width: 100%;
  }
}

.av-newsletter2-form {
  padding: 32px;
  border-radius: 32px;
  border: 1px solid rgba(198, 199, 200, 0.0588235294);
}
.av-newsletter2-form h3 {
  color: #FFFFFF;
  font-weight: 500;
  padding-bottom: 5px;
}
.av-newsletter2-form p {
  color: #C6C7C8;
  padding-bottom: 25px;
}
.av-newsletter2-form span {
  color: #FFFFFF;
  font-weight: 500;
  padding-bottom: 15px;
}
.av-newsletter2-form form .mc4wp-form-fields {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-newsletter2-form form .mc4wp-form-fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.av-newsletter2-form form .mc4wp-form-fields input {
  color: #C6C7C8;
  width: 100%;
  height: 50px;
  max-width: 380px;
  border-radius: 12px;
  padding-left: 15px;
  border: 1px solid rgba(198, 199, 200, 0.0588235294);
  background-color: transparent;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-newsletter2-form form .mc4wp-form-fields input:focus {
  border: 1px solid var(--av-c3);
}
.av-newsletter2-form form .mc4wp-form-fields input::-webkit-input-placeholder {
  color: #C6C7C8;
}
.av-newsletter2-form form .mc4wp-form-fields input::-moz-placeholder {
  color: #C6C7C8;
}
.av-newsletter2-form form .mc4wp-form-fields input:-ms-input-placeholder {
  color: #C6C7C8;
}
.av-newsletter2-form form .mc4wp-form-fields input::-ms-input-placeholder {
  color: #C6C7C8;
}
.av-newsletter2-form form .mc4wp-form-fields input::placeholder {
  color: #C6C7C8;
}
.av-newsletter2-form form .mc4wp-form-fields button {
  color: #fff;
  border: none;
  font-size: 16px;
  font-weight: 500;
  padding: 14px 24px;
  border-radius: 12px;
  white-space: nowrap;
  background-size: 100%;
  text-transform: uppercase;
  background-image: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-newsletter2-form form .mc4wp-form-fields button:hover {
  background-size: 400%;
}

.nx-faq2-accordion {
  width: 100%;
  max-width: 746px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .nx-faq2-accordion {
    max-width: 100%;
  }
}
.nx-faq2-accordion .accordion-item,
.nx-faq2-accordion .accordion-button:not(.collapsed),
.nx-faq2-accordion .accordion-button {
  background-color: transparent;
}
.nx-faq2-accordion .accordion-item {
  border: none;
  border-radius: 0;
  border-bottom: none;
  padding: 42px 0px 32px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  border-bottom: 1px solid rgba(198, 199, 200, 0.08);
}
.nx-faq2-accordion .accordion-button {
  padding: 0;
  border: none;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .nx-faq2-accordion .accordion-button {
    font-size: 18px;
  }
}
.nx-faq2-accordion .accordion-button span {
  max-width: 85%;
  display: inline-block;
}
.nx-faq2-accordion .accordion-button span b {
  font-weight: 600;
  margin-right: 25px;
  color: var(--nx-base1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .nx-faq2-accordion .accordion-button span b {
    margin-right: 10px;
  }
}
.nx-faq2-accordion .accordion-button span img {
  margin-right: 42px;
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .nx-faq2-accordion .accordion-button span img {
    display: none;
  }
}
.nx-faq2-accordion .accordion-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.nx-faq2-accordion .accordion-body {
  color: #E0E2E6;
  padding-top: 0;
  font-size: 18px;
  max-width: 650px;
  padding-bottom: 0;
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .nx-faq2-accordion .accordion-body {
    padding-left: 0;
  }
}
.nx-faq2-accordion .accordion-button::after,
.nx-faq2-accordion .accordion-button::before {
  right: 0;
  top: 10px;
  content: "";
  width: 40px;
  height: 2px;
  border-radius: 0;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background: var(--av-prime-c1);
}
@media (max-width: 480px) {
  .nx-faq2-accordion .accordion-button::after,
  .nx-faq2-accordion .accordion-button::before {
    width: 25px;
  }
}
.nx-faq2-accordion .accordion-button::before {
  top: 15px;
}
.nx-faq2-accordion .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 30px;
}
.nx-faq2-accordion .accordion-button:not(.collapsed):after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nx-faq2-accordion .accordion-button:not(.collapsed):before {
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.av-blog2-sec .av-sec-title {
  max-width: 1300px;
}

.av-blog2-wrapper {
  margin: 0 auto;
  max-width: 1460px;
}

.av-blog2-content {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog2-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.av-blog2-item:is(.type-one) {
  width: 100%;
  max-width: 820px;
}
.av-blog2-item:is(.type-one) .item-img {
  clip-path: polygon(0% 93.684%, 0% 93.684%, 0.038% 94.709%, 0.149% 95.681%, 0.327% 96.587%, 0.565% 97.414%, 0.857% 98.15%, 1.198% 98.781%, 1.582% 99.295%, 2.002% 99.678%, 2.452% 99.917%, 2.927% 100%, 87.317% 100%, 87.317% 100%, 87.792% 99.917%, 88.242% 99.678%, 88.662% 99.295%, 89.046% 98.781%, 89.387% 98.15%, 89.679% 97.414%, 89.917% 96.587%, 90.095% 95.681%, 90.206% 94.709%, 90.244% 93.684%, 90.244% 89.737%, 90.244% 89.737%, 90.308% 88.029%, 90.493% 86.41%, 90.788% 84.899%, 91.185% 83.52%, 91.673% 82.294%, 92.241% 81.242%, 92.88% 80.385%, 93.58% 79.747%, 94.331% 79.348%, 95.122% 79.211%, 97.073% 79.211%, 97.073% 79.211%, 97.548% 79.128%, 97.998% 78.889%, 98.418% 78.506%, 98.802% 77.992%, 99.143% 77.361%, 99.435% 76.625%, 99.673% 75.797%, 99.851% 74.891%, 99.962% 73.919%, 100% 72.895%, 100% 6.316%, 100% 6.316%, 99.962% 5.291%, 99.851% 4.32%, 99.673% 3.413%, 99.435% 2.586%, 99.143% 1.85%, 98.802% 1.219%, 98.418% 0.705%, 97.998% 0.322%, 97.548% 0.083%, 97.073% 0%, 28.78% 0%, 28.78% 0%, 28.147% 0.11%, 27.547% 0.429%, 26.987% 0.94%, 26.476% 1.625%, 26.021% 2.466%, 25.631% 3.448%, 25.314% 4.551%, 25.077% 5.759%, 24.929% 7.055%, 24.878% 8.421%, 24.878% 9.711%, 24.878% 9.711%, 24.846% 10.568%, 24.753% 11.38%, 24.604% 12.137%, 24.405% 12.828%, 24.159% 13.442%, 23.874% 13.968%, 23.553% 14.395%, 23.201% 14.712%, 22.824% 14.909%, 22.427% 14.974%, 3.922% 14.778%, 3.922% 14.778%, 3.286% 14.883%, 2.683% 15.197%, 2.121% 15.705%, 1.607% 16.389%, 1.15% 17.23%, 0.758% 18.212%, 0.438% 19.318%, 0.2% 20.529%, 0.051% 21.829%, 0% 23.199%, 0% 41.053%, 0% 41.579%, 0% 93.684%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog2-item:is(.type-one) .item-img {
    clip-path: none;
    overflow: hidden;
    border-radius: 25px;
  }
}
.av-blog2-item:is(.type-two) {
  width: 100%;
  max-width: 594px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-blog2-item:is(.type-two) {
    max-width: 435px;
  }
}
.av-blog2-item:is(.type-two) .item-img {
  clip-path: polygon(0% 93.684%, 0% 93.684%, 0.053% 94.709%, 0.206% 95.681%, 0.451% 96.587%, 0.78% 97.414%, 1.183% 98.15%, 1.654% 98.781%, 2.184% 99.295%, 2.763% 99.678%, 3.385% 99.917%, 4.04% 100%, 82.492% 100%, 82.492% 100%, 83.147% 99.917%, 83.769% 99.678%, 84.348% 99.295%, 84.878% 98.781%, 85.349% 98.15%, 85.752% 97.414%, 86.081% 96.587%, 86.326% 95.681%, 86.479% 94.709%, 86.532% 93.684%, 86.532% 89.737%, 86.532% 89.737%, 86.62% 88.029%, 86.875% 86.41%, 87.284% 84.899%, 87.831% 83.52%, 88.504% 82.294%, 89.289% 81.242%, 90.171% 80.385%, 91.138% 79.747%, 92.174% 79.348%, 93.266% 79.211%, 95.96% 79.211%, 95.96% 79.211%, 96.615% 79.128%, 97.237% 78.889%, 97.816% 78.506%, 98.346% 77.992%, 98.817% 77.361%, 99.22% 76.625%, 99.549% 75.797%, 99.794% 74.891%, 99.947% 73.919%, 100% 72.895%, 100% 6.316%, 100% 6.316%, 99.947% 5.291%, 99.794% 4.32%, 99.549% 3.413%, 99.22% 2.586%, 98.817% 1.85%, 98.346% 1.219%, 97.816% 0.705%, 97.237% 0.322%, 96.615% 0.083%, 95.96% 0%, 39.731% 0%, 39.731% 0%, 38.857% 0.11%, 38.028% 0.429%, 37.255% 0.94%, 36.549% 1.625%, 35.921% 2.466%, 35.383% 3.448%, 34.945% 4.551%, 34.618% 5.759%, 34.414% 7.055%, 34.343% 8.421%, 34.343% 9.711%, 34.343% 9.711%, 34.299% 10.568%, 34.171% 11.38%, 33.965% 12.137%, 33.69% 12.828%, 33.351% 13.442%, 32.957% 13.968%, 32.514% 14.395%, 32.028% 14.712%, 31.508% 14.909%, 30.96% 14.974%, 5.414% 14.778%, 5.414% 14.778%, 4.537% 14.883%, 3.704% 15.197%, 2.928% 15.705%, 2.218% 16.389%, 1.587% 17.23%, 1.046% 18.212%, 0.605% 19.318%, 0.276% 20.529%, 0.071% 21.829%, 0% 23.199%, 0% 41.053%, 0% 41.579%, 0% 93.684%);
}
.av-blog2-item:is(.type-two) .item-img img {
  height: 380px;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog2-item:is(.type-two) .item-img {
    clip-path: none;
    overflow: hidden;
    border-radius: 32px;
  }
}
.av-blog2-item .item-arrow {
  right: 0;
  bottom: 0;
  position: absolute;
}
.av-blog2-item .item-arrow a {
  z-index: 1;
  width: 64px;
  height: 64px;
  font-size: 22px;
  border-radius: 100%;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#212121, #212121) padding-box, var(--av-prime-c1) border-box;
}
.av-blog2-item .item-arrow a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-blog2-item .item-tag {
  top: 0;
  left: 0;
  position: absolute;
}
.av-blog2-item .item-tag a {
  color: #fff;
  font-size: 16px;
  padding: 10px 16px;
  border-radius: 12px;
  background-color: #212121;
}
.av-blog2-item .item-text {
  border-bottom: 1px solid rgba(198, 199, 200, 0.1);
}
.av-blog2-item .item-text .blg_title {
  color: #fff;
  font-size: 32px;
  max-width: 630px;
  font-weight: 600;
  padding-bottom: 10px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-blog2-item .item-text .blg_title {
    font-size: 28px;
  }
}
.av-blog2-item .item-text p {
  color: #C6C7C8;
}
.av-blog2-item .item-author {
  gap: 12px;
}
.av-blog2-item .item-author .item-img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
}
.av-blog2-item .item-author .ath-text h4 {
  color: #fff;
  line-height: 1;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.av-blog2-item .item-author .ath-text span {
  color: #C6C7C8;
  font-size: 16px;
}
.av-blog2-item:hover .item-arrow a:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*---------------------------------------------------- */
/******* HOME PAGE 2 *******/
/*Hero area*/
/*----------------------------------------------------*/
.av-hero3-sec .av-hr3-shape1 {
  top: -25%;
  left: -25%;
}
.av-hero3-sec .av-hr3-shape2 {
  left: 0;
  bottom: 0;
}

.av-hero3-content {
  padding: 24px;
  gap: 40px 30px;
  margin-top: 160px;
  border-radius: 24px;
  background-color: #1F1F1F;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
@media (max-width: 480px) {
  .av-hero3-content {
    padding: 0;
    border-radius: 0;
    margin-top: 80px;
    background-color: transparent;
  }
}

.av-hero3-text-wrap {
  max-width: 900px;
  margin-left: 76px;
  padding-top: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero3-text-wrap {
    margin-left: 0;
    max-width: 800px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero3-text-wrap {
    margin-left: 0;
    max-width: 700px;
  }
}
@media (max-width: 480px) {
  .av-hero3-text-wrap {
    max-width: 100%;
  }
}

.av-hero3-text {
  padding-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero3-text {
    padding-bottom: 40px;
  }
}
.av-hero3-text .hr3_title {
  color: #F0F2F4;
  font-size: 72px;
  margin-bottom: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-hero3-text .hr3_title {
    font-size: 68px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-hero3-text .hr3_title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .av-hero3-text .hr3_title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .av-hero3-text .hr3_title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .av-hero3-text .hr3_title {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .av-hero3-text .hr3_title {
    font-size: 38px;
  }
}
@media (max-width: 360px) {
  .av-hero3-text .hr3_title {
    font-size: 36px;
  }
}
.av-hero3-text p {
  padding-bottom: 30px;
}
.av-hero3-text .hr3_btn_grp {
  gap: 12px;
}
@media (max-width: 480px) {
  .av-hero3-text .hr3_btn_grp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-hero3-card {
  gap: 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hero3-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-hr3-card1 {
  width: 280px;
  height: 205px;
  padding: 35px 40px;
  border-radius: 24px;
  background-color: #212121;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-card1 {
    width: 100%;
  }
}
.av-hr3-card1 h3 {
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 16px;
}
.av-hr3-card1 p {
  color: #C6C7C8;
  font-weight: 500;
  max-width: 185px;
}

.av-hr3-card2 {
  width: 360px;
  height: 274px;
  border-radius: 24px;
  background-color: #fff;
  padding: 35px 40px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-card2 {
    width: 100%;
  }
}
.av-hr3-card2 h3 {
  color: #1A1A1A;
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 14px;
}
.av-hr3-card2 p {
  color: #282828;
  font-weight: 500;
  padding-bottom: 28px;
}
.av-hr3-card2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.av-hr3-card2 ul li {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  margin-left: -25px;
  border: 2px solid #fff;
}
.av-hr3-card2 ul li:first-child {
  margin-left: 0;
}
.av-hr3-card2 ul li:last-child {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #1F1F1F;
}
.av-hr3-card2 ul li:last-child i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.av-hero3-img .item-img {
  overflow: hidden;
  border-radius: 24px;
}
@media (max-width: 480px) {
  .av-hero3-img .item-img {
    height: 495px;
  }
}
.av-hero3-img .item-card-wrap {
  z-index: 1;
  right: 40px;
  bottom: 40px;
  position: absolute;
}
@media (max-width: 480px) {
  .av-hero3-img .item-card-wrap {
    top: 0;
    right: 0;
  }
}
.av-hero3-img .item-card-wrap .inner-item {
  width: 306px;
  background: rgba(255, 255, 255, 0.6980392157);
  padding: 32px 32px 28px;
  backdrop-filter: blur(50px);
  clip-path: polygon(0% 92.541%, 0% 92.541%, 0.137% 93.751%, 0.533% 94.898%, 1.167% 95.969%, 2.018% 96.946%, 3.063% 97.815%, 4.281% 98.561%, 5.652% 99.167%, 7.152% 99.62%, 8.761% 99.902%, 10.458% 100%, 64.706% 100%, 64.706% 100%, 66.402% 99.902%, 68.011% 99.62%, 69.512% 99.167%, 70.882% 98.561%, 72.1% 97.815%, 73.146% 96.946%, 73.996% 95.969%, 74.63% 94.898%, 75.027% 93.751%, 75.163% 92.541%, 75.163% 91.608%, 75.163% 91.608%, 75.334% 90.096%, 75.83% 88.661%, 76.622% 87.324%, 77.686% 86.102%, 78.992% 85.015%, 80.515% 84.083%, 82.228% 83.325%, 84.104% 82.76%, 86.115% 82.406%, 88.235% 82.284%, 89.542% 82.284%, 89.542% 82.284%, 91.239% 82.187%, 92.848% 81.904%, 94.348% 81.452%, 95.719% 80.845%, 96.937% 80.1%, 97.982% 79.23%, 98.833% 78.253%, 99.467% 77.183%, 99.863% 76.035%, 100% 74.825%, 100% 7.459%, 100% 7.459%, 99.863% 6.249%, 99.467% 5.102%, 98.833% 4.031%, 97.982% 3.054%, 96.937% 2.185%, 95.719% 1.439%, 94.348% 0.833%, 92.848% 0.38%, 91.239% 0.098%, 89.542% 0%, 10.458% 0%, 10.458% 0%, 8.761% 0.098%, 7.152% 0.38%, 5.652% 0.833%, 4.281% 1.439%, 3.063% 2.185%, 2.018% 3.054%, 1.167% 4.031%, 0.533% 5.102%, 0.137% 6.249%, 0% 7.459%, 0% 92.541%);
}
@media (max-width: 480px) {
  .av-hero3-img .item-card-wrap .inner-item {
    width: 100%;
  }
}
.av-hero3-img .item-card-wrap .inner-item .item-value {
  gap: 20px;
  margin-bottom: 34px;
}
.av-hero3-img .item-card-wrap .inner-item .item-value h3 {
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 28px;
  font-weight: 600;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  color: var(--av-black1);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 4px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.99)), to(rgba(255, 255, 255, 0.81))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.81)) padding-box, var(--av-prime-c1) border-box;
}
.av-hero3-img .item-card-wrap .inner-item .item-value p {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--av-black1);
  text-decoration: underline;
}
.av-hero3-img .item-card-wrap .inner-item .item-value p span {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: var(--av-black1);
}
.av-hero3-img .item-card-wrap .inner-item .item-exp {
  width: 202px;
  height: 202px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: 30px;
  border: 1px solid #F0F2F4;
}
.av-hero3-img .item-card-wrap .inner-item .item-exp h3 {
  font-size: 18px;
  font-weight: 500;
  color: rgba(40, 40, 40, 0.6980392157);
  padding-bottom: 5px;
}
.av-hero3-img .item-card-wrap .inner-item .item-exp h3 span {
  color: #1A1A1A;
  font-size: 32px;
  font-weight: 700;
}
.av-hero3-img .item-card-wrap .inner-item .item-exp p {
  color: #1F1F1F;
  font-size: 24px;
  font-weight: 500;
}
.av-hero3-img .item-card-wrap .inner-item .learn_more {
  color: #1F1F1F;
  font-size: 20px;
  font-weight: 500;
}
.av-hero3-img .item-card-wrap .arrow_more {
  right: 0;
  bottom: 0;
  width: 64px;
  height: 64px;
  color: #1A1A1A;
  font-size: 22px;
  position: absolute;
  border-radius: 100%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #FFFFFF;
}
.av-hero3-img .av-hr2-scroll {
  top: auto;
  left: -90px;
  bottom: 160px;
  background: var(--av-prime-c1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-hero3-img .av-hr2-scroll {
    display: none !important;
  }
}

.av-hr3-ft-content {
  gap: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-ft-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.av-hr3-ft-item {
  width: 100%;
  max-width: 656px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-ft-item {
    max-width: 100%;
  }
}
.av-hr3-ft-item .item-arrow {
  top: 0;
  right: 0;
  position: absolute;
}
.av-hr3-ft-item .item-arrow a {
  z-index: 1;
  width: 64px;
  height: 64px;
  font-size: 22px;
  border-radius: 100%;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#212121, #212121) padding-box, var(--av-prime-c1) border-box;
}
.av-hr3-ft-item .item-arrow a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-hr3-ft-item .inner-item {
  width: 100%;
  z-index: 1;
  height: 400px;
  padding: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#F04F44), color-stop(24.56%, #C8555D), color-stop(40.38%, #965D7D), color-stop(58.65%, #68649A), color-stop(77.4%, #4469AF));
  background: linear-gradient(90deg, #F04F44 0%, #C8555D 24.56%, #965D7D 40.38%, #68649A 58.65%, #4469AF 77.4%);
  clip-path: polygon(0% 8%, 0% 8%, 0.064% 6.702%, 0.249% 5.471%, 0.544% 4.324%, 0.941% 3.275%, 1.429% 2.343%, 1.997% 1.544%, 2.636% 0.893%, 3.336% 0.408%, 4.087% 0.105%, 4.878% 0%, 83.537% 0%, 83.537% 0%, 84.328% 0.105%, 85.078% 0.408%, 85.778% 0.893%, 86.417% 1.544%, 86.986% 2.343%, 87.473% 3.275%, 87.87% 4.324%, 88.166% 5.471%, 88.351% 6.702%, 88.415% 8%, 88.415% 9%, 88.415% 9%, 88.494% 10.622%, 88.725% 12.161%, 89.095% 13.596%, 89.591% 14.906%, 90.201% 16.071%, 90.911% 17.071%, 91.71% 17.884%, 92.585% 18.49%, 93.523% 18.869%, 94.512% 19%, 95.122% 19%, 95.122% 19%, 95.913% 19.105%, 96.664% 19.408%, 97.364% 19.893%, 98.003% 20.544%, 98.571% 21.343%, 99.059% 22.275%, 99.456% 23.324%, 99.751% 24.471%, 99.936% 25.702%, 100% 27%, 100% 92%, 100% 92%, 99.936% 93.298%, 99.751% 94.529%, 99.456% 95.676%, 99.059% 96.725%, 98.571% 97.657%, 98.003% 98.456%, 97.364% 99.107%, 96.664% 99.592%, 95.913% 99.895%, 95.122% 100%, 4.878% 100%, 4.878% 100%, 4.087% 99.895%, 3.336% 99.592%, 2.636% 99.107%, 1.997% 98.456%, 1.429% 97.657%, 0.941% 96.725%, 0.544% 95.676%, 0.249% 94.529%, 0.064% 93.298%, 0% 92%, 0% 8%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-ft-item .inner-item {
    clip-path: none;
    border-radius: 30px;
  }
}
.av-hr3-ft-item .inner-item h3 {
  color: #fff;
  max-width: 250px;
  font-size: 32px;
}
.av-hr3-ft-item .inner-item h3:hover {
  letter-spacing: 1px;
}
.av-hr3-ft-item .inner-item .item-img {
  z-index: -1;
  right: -45px;
  bottom: -55px;
}
.av-hr3-ft-item .inner-item .read_more {
  top: 20px;
  right: 115px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
}
.av-hr3-ft-item .inner-item .read_more:hover {
  letter-spacing: 2px;
}
.av-hr3-ft-item:is(.type_two) .inner-item {
  background: -webkit-gradient(linear, left top, right top, from(#7BD7DC), to(#44B6E9));
  background: linear-gradient(90deg, #7BD7DC 0%, #44B6E9 100%);
}
.av-hr3-ft-item:is(.type_three) {
  max-width: 400px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-ft-item:is(.type_three) {
    max-width: 100%;
  }
}
.av-hr3-ft-item:is(.type_three) .inner-item {
  z-index: 1;
  background: #E0E2E6;
  clip-path: polygon(0% 8%, 0% 8%, 0.105% 6.702%, 0.408% 5.471%, 0.893% 4.324%, 1.544% 3.275%, 2.343% 2.343%, 3.275% 1.544%, 4.324% 0.893%, 5.471% 0.408%, 6.702% 0.105%, 8% 0%, 73% 0%, 73% 0%, 74.298% 0.105%, 75.529% 0.408%, 76.676% 0.893%, 77.725% 1.544%, 78.657% 2.343%, 79.456% 3.275%, 80.107% 4.324%, 80.592% 5.471%, 80.895% 6.702%, 81% 8%, 81% 9%, 81% 9%, 81.131% 10.622%, 81.51% 12.161%, 82.116% 13.596%, 82.929% 14.906%, 83.929% 16.071%, 85.094% 17.071%, 86.404% 17.884%, 87.839% 18.49%, 89.378% 18.869%, 91% 19%, 92% 19%, 92% 19%, 93.298% 19.105%, 94.529% 19.408%, 95.676% 19.893%, 96.725% 20.544%, 97.657% 21.343%, 98.456% 22.275%, 99.107% 23.324%, 99.592% 24.471%, 99.895% 25.702%, 100% 27%, 100% 92%, 100% 92%, 99.895% 93.298%, 99.592% 94.529%, 99.107% 95.676%, 98.456% 96.725%, 97.657% 97.657%, 96.725% 98.456%, 95.676% 99.107%, 94.529% 99.592%, 93.298% 99.895%, 92% 100%, 8% 100%, 8% 100%, 6.702% 99.895%, 5.471% 99.592%, 4.324% 99.107%, 3.275% 98.456%, 2.343% 97.657%, 1.544% 96.725%, 0.893% 95.676%, 0.408% 94.529%, 0.105% 93.298%, 0% 92%, 0% 8%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hr3-ft-item:is(.type_three) .inner-item {
    clip-path: none;
    border-radius: 30px;
  }
}
.av-hr3-ft-item:is(.type_three) .inner-item .read_more {
  color: #1F1F1F;
}
.av-hr3-ft-item:is(.type_three) .inner-item .item-img {
  z-index: 1;
  left: -100px;
  bottom: -65px;
}
.av-hr3-ft-item:is(.type_three) .inner-item .bg_shape {
  top: -30%;
  right: -20%;
  z-index: -1;
}
.av-hr3-ft-item:hover .item-arrow a:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.av-area-4 {
  z-index: 1;
}
.av-area-4 .av-hr3-shape1 {
  top: -15%;
  right: -25%;
  z-index: -1;
}
.av-area-4 .av-hr3-shape2 {
  top: 25%;
  left: -35%;
  z-index: -1;
}

.av-ser3-sec .av-ser1-top-content .av-sec-title {
  max-width: 900px;
}

.av-ser3-wrap {
  margin: 0 auto;
  max-width: 1485px;
}

.av-ser3-content {
  gap: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-ser3-tab-btn {
  width: 100%;
  overflow: hidden;
  max-width: 582px;
  border-radius: 32px;
  padding: 48px 48px 0px;
  background-color: #1F1F1F;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-ser3-tab-btn {
    max-width: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser3-tab-btn {
    max-width: 100%;
  }
}
.av-ser3-tab-btn .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
}
.av-ser3-tab-btn .item-img {
  opacity: 0.5;
  bottom: -80px;
  margin-top: 50px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser3-tab-btn .item-img {
    display: none;
  }
}

.av-ser3-category {
  z-index: 1;
  padding: 24px;
  color: #FFFFFF;
  font-size: 28px;
  line-height: 1.1;
  margin-bottom: 12px;
  position: relative;
  letter-spacing: -1px;
  font-family: var(--av-sora);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-ser3-category {
    font-size: 24px;
    padding: 20px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser3-category {
    font-size: 20px;
    padding: 20px 15px;
  }
}
.av-ser3-category:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 0%;
  content: "";
  height: 100%;
  position: absolute;
  border-radius: 12px;
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.nav-tabs .nav-link.active .av-ser3-category:before {
  width: 100%;
}

.av-ser3-tab-content {
  width: 100%;
  max-width: 868px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser3-tab-content {
    max-width: 100%;
  }
}

.av-ser3-item-wrap {
  gap: 12px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ser3-item-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.av-ser3-item {
  padding: 40px;
  border-radius: 20px;
  background-color: #1F1F1F;
}
.av-ser3-item .item-icon {
  margin-bottom: 42px;
}
.av-ser3-item .item-text h3 {
  color: #F0F2F4;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 14px;
}
.av-ser3-item .item-text p {
  padding-bottom: 50px;
}
.av-ser3-item .item-text .read_more {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #F0F2F4;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  border: 1px solid #282828;
  padding: 11px 12px 11px 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.av-ser3-item .item-text .read_more i {
  z-index: 1;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #282828;
}
.av-ser3-item .item-text .read_more i:after {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-ser3-item .item-text .read_more:hover {
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--av-black1)), to(var(--av-black1))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(var(--av-black1), var(--av-black1)) padding-box, var(--av-prime-c1) border-box;
}
.av-ser3-item .item-text .read_more:hover i:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  20% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  60% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  70% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  20% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  60% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  70% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.av-ab3-sec .av-hr3-shape1 {
  bottom: -25%;
  right: -25%;
}

.ab-ab3-wrapper {
  z-index: 1;
  margin: 0 auto;
  max-width: 1760px;
  padding: 140px 15px;
  position: relative;
}
.ab-ab3-wrapper:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #1F1F1F;
  clip-path: polygon(0% 2.865%, 0% 2.865%, 0.024% 2.4%, 0.093% 1.959%, 0.203% 1.548%, 0.351% 1.173%, 0.533% 0.839%, 0.744% 0.553%, 0.983% 0.32%, 1.243% 0.146%, 1.523% 0.037%, 1.818% 0%, 98.182% 0%, 98.182% 0%, 98.477% 0.037%, 98.756% 0.146%, 99.017% 0.32%, 99.256% 0.553%, 99.467% 0.839%, 99.649% 1.173%, 99.797% 1.548%, 99.907% 1.959%, 99.976% 2.4%, 100% 2.865%, 100% 88.43%, 100% 88.43%, 99.978% 88.877%, 99.914% 89.303%, 99.812% 89.702%, 99.674% 90.068%, 99.504% 90.398%, 99.305% 90.684%, 99.08% 90.922%, 98.833% 91.106%, 98.567% 91.231%, 98.285% 91.291%, 1.921% 99.918%, 1.921% 99.918%, 1.614% 99.905%, 1.321% 99.814%, 1.046% 99.652%, 0.794% 99.425%, 0.57% 99.14%, 0.376% 98.802%, 0.218% 98.419%, 0.1% 97.996%, 0.026% 97.54%, 0% 97.057%, 0% 2.865%);
}

.av-ab3-content-wrap {
  margin: 0 auto;
  max-width: 1460px;
}

.av-ab3-content {
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab3-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.av-ab3-img {
  max-width: 640px;
  overflow: hidden;
  border-radius: 32px;
}

.av-ab3-text {
  max-width: 720px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-ab3-text {
    max-width: 600px;
  }
}

.av-ab3-cta {
  gap: 20px 32px;
}

.av-cta-info {
  gap: 12px;
}
.av-cta-info .item-icon {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--av-black1)), to(var(--av-black1))) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(var(--av-black1), var(--av-black1)) padding-box, var(--av-prime-c1) border-box;
}
.av-cta-info .item-icon img {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: ring 1s infinite;
          animation: ring 1s infinite;
}
.av-cta-info .item-text span {
  color: #C6C7C8;
  font-size: 16px;
  padding-bottom: 6px;
}
.av-cta-info .item-text h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.av-ab3-counter {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ab3-counter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-ab3-item {
  width: 100%;
  max-width: 346px;
}
.av-ab3-item .item-tag {
  color: #F0F2F4;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 18px;
}
.av-ab3-item .av-ab3-cnt-top {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(198, 199, 200, 0.1019607843);
}
.av-ab3-item .av-ab3-cnt-top h3 {
  color: #F0F2F4;
  font-size: 90px;
  line-height: 0.9;
  letter-spacing: -6px;
  font-family: var(--av-one);
}
@media (max-width: 480px) {
  .av-ab3-item .av-ab3-cnt-top h3 {
    font-size: 70px;
  }
}
.av-ab3-item .av-ab3-cnt-top a {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #F0F2F4;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.av-ab3-item p {
  max-width: 250px;
  padding-top: 22px;
}

/*---------------------------------------------------- */
/*How Work area*/
/*----------------------------------------------------*/
.av-how-work-sec {
  z-index: 1;
}
.av-how-work-sec .av-sec-title {
  margin: 0 auto;
  max-width: 1000px;
}
.av-how-work-sec .av-hr3-shape2 {
  left: 0;
  right: 0;
  z-index: -1;
  text-align: center;
}

.av-how-work-content {
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-how-work-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-hw-item1 {
  width: 100%;
  height: 420px;
  cursor: pointer;
  max-width: 160px;
  padding-top: 40px;
  padding-right: 20px;
  padding-left: 55px;
  border-radius: 20px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #1F1F1F;
  -webkit-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hw-item1 {
    padding: 40px;
    height: 100%;
    max-width: 100%;
  }
}
.av-hw-item1 .serial-title {
  gap: 10px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hw-item1 .serial-title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.av-hw-item1 .serial-title h2 {
  line-height: 1;
  font-weight: 600;
  font-size: 120px;
  margin-top: -10px;
}
.av-hw-item1 .serial-title h4 {
  opacity: 0;
  color: #FFFFFF;
  font-size: 24px;
  max-width: 190px;
  font-weight: 600;
  visibility: hidden;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hw-item1 .serial-title h4 {
    opacity: 1;
    visibility: visible;
  }
}
.av-hw-item1 .item-desc {
  opacity: 0;
  margin-bottom: 40px;
  visibility: hidden;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hw-item1 .item-desc {
    opacity: 1;
    margin-bottom: 0;
    visibility: visible;
  }
}
.av-hw-item1 .item-desc p {
  font-size: 20px;
  max-width: 720px;
}
.av-hw-item1:is(.active) {
  padding: 40px;
  max-width: 909px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-hw-item1:is(.active) {
    max-width: 100%;
  }
}
.av-hw-item1:is(.active) .serial-title h4 {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
.av-hw-item1:is(.active) .item-desc {
  opacity: 1;
  margin-bottom: 0px;
  visibility: visible;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

/*---------------------------------------------------- */
/*Project area*/
/*----------------------------------------------------*/
.av-project3-area {
  padding: 100px 0px;
  border-radius: 32px;
}

.av-project3-wrap {
  margin: 0 auto;
  max-width: 1465px;
}

.av-project3-item-area {
  top: 115px;
  position: sticky;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-project3-item-area {
    top: 0;
    position: relative;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-project3-item-area2 {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.av-project3-item {
  max-width: 456px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .av-project3-item {
    max-width: 430px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-project3-item {
    max-width: 380px;
  }
}
.av-project3-item .item-img {
  clip-path: polygon(7.018% 0.086%, 76.316% 0.086%, 76.316% 0.086%, 77.436% 0.157%, 78.499% 0.363%, 79.49% 0.692%, 80.396% 1.134%, 81.2% 1.677%, 81.891% 2.31%, 82.453% 3.021%, 82.872% 3.801%, 83.133% 4.636%, 83.224% 5.517%, 83.224% 6.207%, 83.224% 6.207%, 83.34% 7.34%, 83.676% 8.414%, 84.215% 9.416%, 84.937% 10.331%, 85.825% 11.144%, 86.86% 11.842%, 88.024% 12.41%, 89.298% 12.834%, 90.665% 13.098%, 92.105% 13.19%, 92.982% 13.19%, 92.982% 13.19%, 94.103% 13.261%, 95.166% 13.467%, 96.157% 13.796%, 97.062% 14.238%, 97.867% 14.78%, 98.558% 15.413%, 99.119% 16.125%, 99.538% 16.904%, 99.8% 17.74%, 99.89% 18.621%, 99.89% 94.483%, 99.89% 94.483%, 99.8% 95.364%, 99.538% 96.199%, 99.119% 96.979%, 98.558% 97.69%, 97.867% 98.323%, 97.062% 98.866%, 96.157% 99.308%, 95.166% 99.637%, 94.103% 99.843%, 92.982% 99.914%, 7.018% 99.914%, 7.018% 99.914%, 5.897% 99.843%, 4.834% 99.637%, 3.843% 99.308%, 2.938% 98.866%, 2.133% 98.323%, 1.442% 97.69%, 0.881% 96.979%, 0.462% 96.199%, 0.2% 95.364%, 0.11% 94.483%, 0.11% 5.517%, 0.11% 5.517%, 0.2% 4.636%, 0.462% 3.801%, 0.881% 3.021%, 1.442% 2.31%, 2.133% 1.677%, 2.938% 1.134%, 3.843% 0.692%, 4.834% 0.363%, 5.897% 0.157%, 7.018% 0.086%);
}
.av-project3-item .pro_tag {
  top: 20px;
  left: 20px;
  z-index: 2;
  color: #1A1A1A;
  font-size: 14px;
  padding: 12px 15px;
  position: absolute;
  border-radius: 40px;
  background-color: #fff;
}
.av-project3-item .item-arrow {
  top: 0;
  right: 0;
  position: absolute;
}
.av-project3-item .item-arrow a {
  z-index: 1;
  width: 64px;
  height: 64px;
  font-size: 22px;
  border-radius: 100%;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#212121, #212121) padding-box, var(--av-prime-c1) border-box;
}
.av-project3-item .item-arrow a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: "";
  height: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-project3-item .item-text {
  z-index: 1;
  max-width: 85%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: -60px;
  position: relative;
  border-radius: 24px;
  padding: 30px 40px;
  background: #1A1A1A;
}
.av-project3-item .item-text:before {
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  content: "";
  position: absolute;
  border-radius: 24px;
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-project3-item .item-text span {
  color: #fff;
  padding-bottom: 12px;
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-project3-item .item-text span {
    padding-bottom: 5px;
  }
}
.av-project3-item .item-text h3 {
  color: #fff;
  font-size: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .av-project3-item .item-text h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-project3-item .item-text h3 {
    font-size: 20px;
  }
}
.av-project3-item:hover .item-text:before {
  height: 100%;
}
.av-project3-item:hover .item-arrow a:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.av-team3-sec .av-hr3-shape2 {
  top: -30%;
  right: -25%;
}

.av-team3-wrap {
  margin: 0 auto;
  max-width: 1465px;
}

.av-team3-top-area {
  gap: 30px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-team3-top-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.av-team3-top-area .av-team3-text {
  max-width: 720px;
}
.av-team3-top-area .av-team3-item-area {
  gap: 40px;
  max-width: 720px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-team3-top-area .av-team3-item-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.av-team3-item-area-2 {
  gap: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-team3-item-area-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.av-team3-item {
  max-width: 340px;
}
.av-team3-item .item-social {
  right: 0;
  top: 60px;
  opacity: 0;
  visibility: hidden;
  padding: 12px 8px;
  position: absolute;
  border-radius: 40px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-team3-item .item-social a {
  z-index: 1;
  width: 48px;
  height: 48px;
  color: #1A1A1A;
  position: relative;
  border-radius: 100%;
  margin-bottom: 8px;
  background-color: #F0F2F4;
}
.av-team3-item .item-social a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  border-radius: 100%;
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-team3-item .item-social a:last-child {
  margin-bottom: 0;
}
.av-team3-item .item-social a:hover {
  color: #fff;
}
.av-team3-item .item-social a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.av-team3-item .item-img {
  width: 340px;
  height: 340px;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 100%;
}
@media (max-width: 480px) {
  .av-team3-item .item-img {
    width: 300px;
    height: 300px;
  }
}
.av-team3-item .item-text h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}
.av-team3-item .item-text span {
  color: #C6C7C8;
}
.av-team3-item:is(.type_two) .item-img {
  border-bottom-left-radius: 0;
}
.av-team3-item:is(.type_three) .item-img {
  border-bottom-right-radius: 0;
}
.av-team3-item:hover .item-social {
  top: 0px;
  opacity: 1;
  visibility: visible;
}

/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.av-testi3-sec .av-sec-title {
  margin: 0 auto;
  max-width: 600px;
}

.av-testi3-wrap {
  border-radius: 32px;
}

.av-testi3-slider:before {
  top: 0;
  width: 1px;
  content: "";
  right: 167px;
  height: 100%;
  position: absolute;
  background-color: rgba(198, 199, 200, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-slider:before {
    display: none;
  }
}

.av-testi3-item {
  gap: 40px 100px;
  border: 1px solid rgba(198, 199, 200, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-item {
    gap: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.av-testi3-item .item-img {
  overflow: hidden;
}
.av-testi3-item .item-img img {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.av-testi3-item .item-text {
  max-width: 524px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-item .item-text {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-item .item-text {
    max-width: 100%;
    padding-bottom: 40px;
    padding-left: 15px;
  }
}
.av-testi3-item .item-text li {
  opacity: 0;
  color: #FFB400;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.av-testi3-item .item-text p {
  opacity: 0;
  font-size: 24px;
  padding: 30px 0px 80px;
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
  clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-item .item-text p {
    padding: 15px 0px 20px;
  }
}
.av-testi3-item .item-text .item-author {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.av-testi3-item .item-text .item-author h3 {
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -1px;
  padding-bottom: 5px;
}
.av-testi3-item .item-text .item-author span {
  color: #C6C7C8;
}
.av-testi3-item .av-testi3-icon {
  top: 77px;
  right: 33px;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  position: absolute;
  border-radius: 100%;
  background-color: #F14F44;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-item .av-testi3-icon {
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
  }
}

.av-testi3-content {
  margin: 0 auto;
  max-width: 1460px;
}

.av-testi3-nav {
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .av-testi3-nav {
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.av-testi3-nav .arrow-nav {
  width: 167px;
  height: 155px;
  cursor: pointer;
  padding-top: 40px;
  border-top: 1px solid rgba(198, 199, 200, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-nav .arrow-nav {
    width: 80px;
    height: 80px;
    border: none;
    padding-top: 20px;
  }
}
.av-testi3-nav .arrow-nav span {
  color: #fff;
  display: block;
  font-weight: 500;
  margin-top: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-testi3-nav .arrow-nav span {
    display: none;
  }
}
.av-testi3-nav .arrow-nav i {
  width: 40px;
  z-index: 1;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid transparent;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)) padding-box, var(--av-prime-c1) border-box;
  background: linear-gradient(#212121, #212121) padding-box, var(--av-prime-c1) border-box;
}
.av-testi3-nav .arrow-nav i:after {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: var(--av-prime-c1);
}
.av-testi3-nav .arrow-nav:hover i:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-slide-active .item-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-slide-active .item-text p {
  opacity: 1;
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.swiper-slide-active .item-text li {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.swiper-slide-active .item-text li:nth-child(1) {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.swiper-slide-active .item-text li:nth-child(2) {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.swiper-slide-active .item-text li:nth-child(3) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.swiper-slide-active .item-text li:nth-child(4) {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
.swiper-slide-active .item-text li:nth-child(5) {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.swiper-slide-active .item-text .item-author {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}

/*---------------------------------------------------- */
/*Footer Section*/
/*----------------------------------------------------*/
.av-ftr1-sec {
  z-index: 1;
  margin-top: 12px;
}
.av-ftr1-sec .av-ftr1-icon {
  left: -45px;
  bottom: 0px;
  position: absolute;
}

.av-ftr1-content {
  overflow: hidden;
  padding: 35px 40px;
  border-radius: 32px;
  background-color: #282828;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-content {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-widget-wrap {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.av-ftr1-text-wrap {
  max-width: 800px;
}
.av-ftr1-text-wrap h2 {
  font-size: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-text-wrap h2 {
    font-size: 30px;
  }
}

.av-ftr1-widget-area {
  gap: 24px;
  width: 100%;
  max-width: 746px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-widget-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 100%;
  }
}

.av-ftr1-widget .widget-title {
  color: #F0F2F4;
  font-size: 24px;
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
  margin-bottom: 30px;
}
.av-ftr1-widget .widget-title:before {
  left: 0;
  bottom: 0;
  content: "";
  height: 3px;
  width: 72px;
  position: absolute;
  background-image: var(--av-prime-c1);
}
.av-ftr1-widget .widget-title span {
  position: relative;
}
.av-ftr1-widget .widget-title span:before, .av-ftr1-widget .widget-title span:after {
  width: 5px;
  content: "";
  height: 3px;
  bottom: -20px;
  position: absolute;
  background-color: var(--av-black1);
}
.av-ftr1-widget .widget-title span:before {
  left: 28px;
}
.av-ftr1-widget .widget-title span:after {
  left: 48px;
}
.av-ftr1-widget .menu-widget {
  width: 196px;
  padding-left: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-widget .menu-widget {
    padding-left: 0;
  }
}
.av-ftr1-widget .menu-widget li {
  color: #F0F2F4;
  margin-bottom: 12px;
}
.av-ftr1-widget .menu-widget li a {
  position: relative;
}
.av-ftr1-widget .menu-widget li a:before {
  left: 0;
  right: 0;
  bottom: 0;
  width: 0%;
  content: "";
  height: 1px;
  margin: 0 auto;
  position: absolute;
  background: var(--av-prime-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.av-ftr1-widget .menu-widget li a:hover {
  color: var(--av-c3);
}
.av-ftr1-widget .menu-widget li a:hover:before {
  width: 100%;
}
.av-ftr1-widget .cta-widget .cta-info-wrap p {
  color: #F0F2F4;
  padding-bottom: 25px;
}
.av-ftr1-widget .cta-widget .cta-info-wrap h3 {
  color: #F0F2F4;
  font-size: 24px;
  padding-bottom: 15px;
}
.av-ftr1-widget .cta-widget .cta-info-wrap span {
  color: #F0F2F4;
  font-size: 16px;
  padding-bottom: 6px;
}
.av-ftr1-widget .cta-widget .cta-info-wrap a {
  color: #fff;
  font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-copyright {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.av-ftr1-copyright .brand-logo {
  width: 33.33%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 481px) and (max-width: 575px), (max-width: 480px) {
  .av-ftr1-copyright .brand-logo {
    width: 100%;
  }
}
.av-ftr1-copyright .bottom-social {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.av-ftr1-copyright .bottom-social a {
  color: #fff;
}

/*---------------------------------------------------- */
/******* INNER PAGE *******/
/*Breadcrumb area*/
/*----------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-breadcrumb-sec {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-breadcrumb-sec {
    padding-top: 80px;
  }
}

.sn-breadcrumb-sec .sn-breadcrumb-wrapper {
  overflow: hidden;
}

.sn-breadcrumb-content {
  padding: 130px 0px;
  padding-top: 180px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-breadcrumb-content {
    padding: 75px 0px;
  }
}

.sn-breadcrumb-content .bread_title {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 25px;
  color: #fff;
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
  .sn-breadcrumb-content .bread_tiftle {
    font-size: 48px;
  }
}

@media (max-width: 480px) {
  .sn-breadcrumb-content .bread_title {
    font-size: 42px;
  }
}

@media (max-width: 360px) {
  .sn-breadcrumb-content .bread_title {
    font-size: 36px;
  }
}

.sn-breadcrumb-content ul {
  padding: 14px 24px;
  border-radius: 10px;
  display: inline-block;
  background: #fff;
  font-family: var(--av-instru);
  border: 1px solid rgba(96, 91, 255, 0.2392156863);
  -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;
}

.sn-breadcrumb-content ul li {
  position: relative;
  margin-right: 38px;
  color: rgba(0, 0, 0, 0.52);
}

.sn-breadcrumb-content ul li:before {
  top: 2px;
  right: -30px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  background-image: url(../img/ic22.svg);
}

.sn-breadcrumb-content ul li:last-child {
  margin-right: 0;
}
.sn-error-content {
    text-align: center;
}

.sn-error-content h3 {
    font-size: 50px;
    margin-bottom: 15px;
}

.sn-error-content p {
    font-size: 22px;
    margin-bottom: 20px;
}
.sn-breadcrumb-content ul li:last-child:before {
  display: none;
}

.sn-breadcrumb-content ul li a {
  color: rgb(0, 0, 0);
}

.sn-breadcrumb-wrapper {
  position: relative;
  z-index: 1;
}

.sn-breadcrumb-wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #000;
  z-index: -1;
  opacity: .3;
}

/*---------------------------------------------------- */
/*Sidebar area*/
/*----------------------------------------------------*/
.sn-sidebar-wrap {
  padding: 16px;
  border-radius: 12px;
  background-color: #2c2c2c;
}

.sn-sidebar-widget {
  padding: 30px 28px;
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: #000;
}

.sn-sidebar-widget .widget-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.sn-sidebar-widget:last-child {
  margin-bottom: 0;
}

.sn-sidebar-widget .search-widget form {
  position: relative;
}

.sn-sidebar-widget .search-widget input {
  width: 100%;
  height: 54px;
  border: none;
  padding-left: 20px;
  border-radius: 5px;
  background-color: #fff;
}

.sn-sidebar-widget .search-widget input::-webkit-input-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input::-moz-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input:-ms-input-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input::-ms-input-placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget input::placeholder {
  color: #414141;
}

.sn-sidebar-widget .search-widget button {
  top: 0;
  right: 0;
  width: 54px;
  color: #fff;
  height: 54px;
  border: none;
  border-radius: 5px;
  position: absolute;
  background-color: var(--av-c1);
}

.widget_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sn-sidebar-widget .category-widget li,
.widget_categories li {
  margin-bottom: 8px;
}

.sn-sidebar-widget .category-widget li:last-child,
.widget_categories li:last-child {
  margin-bottom: 0;
}

.sn-sidebar-widget .category-widget li a,
.widget_categories li a {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    position: relative;
    border-radius: 6px;
    padding: 16px 20px 12px;
    border: 1px solid rgb(255 255 255 / 30%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sn-sidebar-widget .category-widget li a:hover,
.widget_categories li a:hover {
  color: #fff;
  background-color: #000000;
}

.sn-sidebar-widget .recent-post-item {
  gap: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-sidebar-widget .recent-post-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.sn-sidebar-widget .recent-post-item:last-child {
  margin-bottom: 0;
}

.sn-sidebar-widget .recent-post-item .item-img {
  width: 112px;
  height: 123px;
  overflow: hidden;
  border-radius: 4px;
}

.sn-sidebar-widget .recent-post-item .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sn-sidebar-widget .recent-post-item .item-text {
  max-width: 190px;
}

.sn-sidebar-widget .recent-post-item .item-text span {
  color: #6B7280;
  margin-bottom: 5px;
}

.sn-sidebar-widget .recent-post-item .item-text span i {
  color: var(--av-c1);
  margin-right: 5px;
}

.sn-sidebar-widget .recent-post-item .item-text h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.sn-sidebar-widget .tag-widget li a,
.tagcloud a {
  margin: 5px 2px;
  font-size: 14px !important;
  font-weight: 500;
  padding: 7px 10px;
  border-radius: 4px;
  background-color: #363636;
}

.sn-sidebar-widget .tag-widget li a:hover,
.tagcloud a:hover {
  color: #fff;
  background-color: var(--av-c1);
}

.sn-sidebar-widget .follow-widget .follow-icon {
  gap: 16px;
}

.sn-sidebar-widget .follow-widget a {
  z-index: 1;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.sn-sidebar-widget .follow-widget a:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  content: "";
  border-radius: 8px;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background: linear-gradient(94.57deg, #34C9FF 0%, #8BA3FF 33.06%, #FD76E8 66.11%, #FF9951 100%);
}

.sn-sidebar-widget .follow-widget a:hover {
  color: #fff;
}

.sn-sidebar-widget .follow-widget a:hover:before {
  height: 100%;
}

/*---------------------------------------------------- */
/*Blog Page area*/
/*----------------------------------------------------*/
@-webkit-keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}

@keyframes border_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  20% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}

.sn-blog-list-feed {
  margin: 0 auto;
  padding: 32px;
  border-radius: 12px;
  margin-bottom: 32px;
  -webkit-box-shadow: 0px 0px 28px 0px rgb(0 0 0 / 91%);
  box-shadow: 0px 0px 28px 0px rgb(0 0 0 / 91%);
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed {
    padding: 15px;
  }
}

.sn-blog-list-feed .item-img {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}

.sn-blog-list-feed .item-img img {
  width: 100%;
  height: 345px;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .item-img {
    height: 280px;
  }
}

.sn-blog-list-feed .item-img .sn-vd5-play {
  width: auto;
  height: auto;
}

.sn-blog-list-feed .item-img .inner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .item-img .inner-img {
    height: 280px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .item-img .blog-item-img-slide {
    height: 280px;
  }
}

.sn-blog-list-feed .item-img .blog-item-img-slide .slide-item-img {
  width: 100%;
  height: 100%;
}

.sn-blog-list-feed .item-img .blog-item-img-slide .slide-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sn-blog-list-feed .item-text .blog_title {
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
  padding-bottom: 15px;
  font-family: var(--dg-body-font);
}

@media (max-width: 480px) {
  .sn-blog-list-feed .item-text .blog_title {
    font-size: 26px;
  }
}

.sn-blog-list-feed .item-text p {
  padding-bottom: 20px;
}

.sn-blog-list-feed .item-text .read_more {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.sn-blog-list-feed .item-text .read_more span {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.sn-blog-list-feed .item-text .read_more span:hover {
  letter-spacing: 1px;
}

.sn-blog-list-feed .item-text .read_more span:hover i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sn-blog-list-feed .item-text .read_more i {
  width: 32px;
  color: #fff;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  margin-left: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--av-c1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.sn-blog-list-feed .blog-item-meta {
  margin-bottom: 5px;
  padding-bottom: 12px;
}

.sn-blog-list-feed .blog-item-meta a {
  color: #dcd3d3;
  font-size: 18px;
  font-weight: 500;
  margin-right: 50px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .sn-blog-list-feed .blog-item-meta a {
    margin-right: 15px;
  }
}

.sn-blog-list-feed .blog-item-meta a i {
  margin-right: 5px;
}

.sn-blog-list-feed .blog-item-meta a i img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.sn-blog-list-feed .blog-item-meta a:last-child {
  margin-right: 0;
}

.blog-item-arrow .nav-arrow {
  top: 50%;
  z-index: 1;
  width: 48px;
  height: 48px;
  color: #fff;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  backdrop-filter: blur(5px);
}

.blog-item-arrow .nav-arrow:hover {
  color: #fff;
  border: 2px solid var(--av-c1);
  background: var(--av-c1);
}

.blog-item-arrow .log-blog-button-prev {
  left: 30px;
}

.blog-item-arrow .log-blog-button-next {
  right: 30px;
}

.sn-vd5-play {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  border-radius: 100%;
}

.sn-vd5-play .video-play-btn {
  left: 0;
  top: 50%;
  right: 0;
  opacity: 1;
  margin: 0 auto;
  position: absolute;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sn-vd5-play .video-play-btn .video_btn_border {
  border: 15px solid rgba(255, 255, 255, 0.7);
}

.sn-vd5-play .video-play-btn a {
  width: 108px;
  height: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  color: #000;
}

.sn-vd5-play .video-play-btn .video_btn_border {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  position: absolute;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border: 15px solid rgba(255, 255, 255, 0.7);
  -webkit-animation: border_animation 3.9s linear 0s infinite;
  animation: border_animation 3.9s linear 0s infinite;
}

.sn-vd5-play .video-play-btn .video_btn_border.border_wrap-2 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.sn-vd5-play .video-play-btn .video_btn_border.border_wrap-3 {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

/*---------------------------------------------------- */
/*Blog Details area*/
/*----------------------------------------------------*/
.b-thumbnail-wrap {
  padding-top: 105px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .b-thumbnail-wrap {
    padding-top: 80px;
  }
}

.b-thumbnail {
  margin: 0 auto;
  max-width: 1816px;
  border-radius: 16px;
}
.b-thumbnail:after {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 16px;
  z-index: -1;
  opacity: .5;
}

.b-thumbnail {
  z-index: 1;
}
.b-thumbnail h3 {
  margin: 0 auto;
  font-size: 48px;
  line-height: 1;
  max-width: 765px;
  font-weight: 700;
  text-align: center;
  padding: 255px 15px;
  color: #fff;
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
  .b-thumbnail h3 {
    font-size: 40px;
    padding: 150px 15px;
  }
}

@media (max-width: 480px) {
  .b-thumbnail h3 {
    font-size: 30px;
  }
}

.b-thumbnail .b-thumb-meta {
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-width: 680px;
  background-color: #F5F5F5;
  padding: 25px 15px 23px;
  border-radius: 12px 12px 0px 0px;
}

@media (max-width: 480px) {
  .b-thumbnail .b-thumb-meta {
    padding: 15px 15px 13px;
  }
}

.b-thumbnail .b-thumb-meta a {
  color: #535862;
  font-size: 18px;
  margin: 0px 35px;
}

@media only screen and (min-width: 481px) and (max-width: 575px),
(max-width: 480px) {
  .b-thumbnail .b-thumb-meta a {
    margin: 0px 10px;
  }
}

@media (max-width: 480px) {
  .b-thumbnail .b-thumb-meta a {
    margin: 0px 5px;
  }
}

.b-thumbnail .b-thumb-meta a i {
  margin-right: 5px;
  color: var(--ag-color-1);
}

.sn-b-details-content {
  margin: 0 auto;
  max-width: 730px;
}

.sn-b-details-content h3 {
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 28px;
}

.sn-b-details-content .wp-block-image {
  margin: 30px 0px;
  margin-left: -150px;
  margin-right: -150px;
}

.sn-b-details-content p {
  margin-bottom: 40px;
}

p.form-submit {
  display: none;
}

.sn-b-details-content blockquote {
  margin-top: 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 40px 30px;
  font-style: italic;
  position: relative;
  border-radius: 8px;
  margin-bottom: 30px;
  background-color: #000;
  border-left: 4px solid var(--av-c1);
  border-right: 4px solid var(--av-c4);
}
.sn-b-details-content blockquote p{
  margin-bottom: 0;
}
.sn-b-details-content blockquote span {
  display: block;
  margin-top: 8px;
  padding-left: 55px;
  position: relative;
  text-transform: uppercase;
}

.sn-b-details-content blockquote span:before {
  left: 0;
  top: 12px;
  width: 40px;
  content: "";
  height: 2px;
  border-radius: 4px;
  position: absolute;
  background: linear-gradient(94.57deg, #34C9FF 0%, #8BA3FF 33.06%, #FD76E8 66.11%, #FF9951 100%);
}

.sn-b-details-content blockquote:after {
  top: 20px;
  left: 20px;
  width: 57px;
  opacity: 0.1;
  content: "";
  height: 39px;
  position: absolute;
}

.art-blog-share-tag {
  margin: 0 auto;
  max-width: 730px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.art-blog-share-tag span {
  color: #fff;
  font-size: 20px;
  display: block;
  font-weight: 700;
  margin-right: 15px;
  margin-bottom: 10px;
}

.art-blog-share-tag .art-blog-tag a {
  margin: 5px;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 5px;
  display: inline-block;
  background-color: #000;
}

.art-blog-share-tag .art-blog-tag a:hover {
  color: #fff;
  background-color: var(--av-c1);
}

.art-blog-share-tag .art-blog-share a {
  width: 36px;
  margin: 5px;
  height: 36px;
  border-radius: 100%;
  display: inline-block;
}

.art-blog-details-author {
  padding: 30px;
  gap: 30px 25px;
  margin: 0 auto;
  max-width: 730px;
  margin-top: 40px;
  border-radius: 10px;
  background: #000;
}

.art-blog-details-author .admin-title-social {
  margin-bottom: 10px;
}

.art-blog-details-author .inner-img {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 100%;
  border: 4px solid #fff;
}

.art-blog-details-author .inner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.art-blog-details-author .inner-text {
  max-width: 490px;
}

.art-blog-details-author .inner-text h4 {
  color: #fff;
  line-height: 1;
  font-size: 24px;
  font-weight: 500;
}

.art-blog-details-author .inner-text p {
  color: #fff;
}

.art-blog-details-author .inner-social {
  margin-top: 15px;
}

.art-blog-details-author .inner-social a {
  color: #261723;
  margin-right: 15px;
}

.art-blog-details-author .inner-social a:hover {
  color: var(--art-base-color-1);
}

.art-b-comment-form {
  padding: 45px;
  margin: 0 auto;
  max-width: 730px;
  border-radius: 12px;
  margin-top: 60px;
  background-color: #000;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.art-b-comment-form h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}

.art-b-comment-form input,
.art-b-comment-form textarea {
  width: 100%;
  width: 100%;
  height: 56px;
  border: none;
  border-radius: 8px;
  padding-left: 24px;
  margin-bottom: 16px;
  background-color: #fff;
}

.art-b-comment-form textarea {
  height: 148px;
  padding-top: 20px;
}


.fx-pagination {
  display: inline-flex;
  gap: 9px;
  flex-wrap: wrap;
  padding-left: 0;
}

.fx-pagination-item,
.fx-pagination-item .current {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 2px solid #F6F6F6;
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  font-size: 20px;
  color: #000;
  font-weight: 400;
  transition: all 0.3s var(--cube-1);
}
.fx-pagination-item a {
  color: #fff;
}
.fx-pagination-item:hover,
.fx-pagination-item .current {
  background: var(--av-c1);
  color: #fff;
  border-color: var(--av-c1);
}

.fx-pagination-item:is(.has-btn):hover {
  border-color: var(--av-c1);
  background: transparent;
  color: var(--av-c1);
}
.sn-error-content {
  text-align: center;
}

.sn-error-content h3 {
  font-size: 50px;
  margin-bottom: 15px;
}

.sn-error-content p {
  font-size: 22px;
  margin-bottom: 20px;
}
/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/*---------------------------------------------------- */
/*# sourceMappingURL=style.css.map */