@import url('./style-variables.css');
@import url('./font-style.css');

html { 
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif;
  color: var(--title-active);
}

a {
  color: var(--text-link);
  text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Jost", sans-serif;
}

.line-height-normal{
  line-height: normal;
}

.f-open-sans-regular{
  font-family: "Open Sans", sans-serif;
}

.f-jost-regular{
  font-family: "Jost", sans-serif;
}

.f-poppins-regular{
  font-family: "Poppins", sans-serif;
}

.border-theme{
  border-bottom: 1px solid var(--theme-color);
}

.border-theme-2{
  border-bottom: 2px solid var(--theme-color);
}

.border-theme-3{
  border-bottom: 3px solid var(--theme-color);
}

.border-theme-4{
  border-bottom: 4px solid var(--theme-color);
}

.border-theme-small-t{
  border-top: 1px solid var(--theme-color);
}

.border-theme-small-b{
  border-bottom: 1px solid var(--theme-color);
}

.border-theme-small-y{
  border-top: 1px solid var(--theme-color);
  border-bottom: 1px solid var(--theme-color);
}

.border-theme-medium-t{
  border-top: 2px solid var(--theme-color);
}

.border-theme-medium-b{
  border-bottom: 2px solid var(--theme-color);
}

.border-theme-medium-y{
  border-top: 2px solid var(--theme-color);
  border-bottom: 2px solid var(--theme-color);
}

.border-theme-large-t{
  border-top: 3px solid var(--theme-color);
}

.border-theme-large-b{
  border-bottom: 3px solid var(--theme-color);
}

.border-theme-large-y{
  border-top: 3px solid var(--theme-color);
  border-bottom: 3px solid var(--theme-color);
}

.direction-initial{
  direction: initial;
}

.direction-rtl{
  direction: rtl;
}

@media only screen and (min-width: 576px) {
  .direction-rtl-min-w-576{
    direction: rtl;
  }
}

@media only screen and (min-width: 768px) {
  .direction-rtl-min-w-768{
    direction: rtl;
  }
}

.z-99{
  z-index: 99 !important;
}

.z-999{
  z-index: 999 !important;
}

.left-0{
  left: 0;
}

.right-0{
  right: 0;
}

.bg-theme {
  background-color: var(--theme-color);
}

.bg-theme-1 {
  background-color: var(--theme-color-1);
}

.bg-theme-2 {
  background-color: var(--theme-color-2);
}

.bg-theme-3 {
  background-color: var(--theme-color-3);
}

.bg-theme-4 {
  background-color: var(--theme-color-4);
}

.bg-theme-natural-palette-1 {
  background-color: var(--theme-natural-palette-1);
}

.bg-theme-natural-palette-2 {
  background-color: var(--theme-natural-palette-2);
}

.bg-theme-natural-palette-3 {
  background-color: var(--theme-natural-palette-3);
}

.bg-theme-natural-palette-4 {
  background-color: var(--theme-natural-palette-4);
}

.bg-theme-natural-palette-5 {
  background-color: var(--theme-natural-palette-5);
}

.btn{
  box-shadow: none !important;
  outline: none !important;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-default{
  cursor: default;
}

.h-200{
  min-height: 200vh;
}

.list-sytle-type-none{
  list-style-type: none;
}

.list-type-circle{
  list-style-type: circle;
}

.list-type-number ol {
  counter-reset: list;
}
.list-type-number ol > li {
  list-style: none;
}
.list-type-number ol > li:before {
  content: "(" counter(list);
  counter-increment: list;
  color: var(--theme-color);
  display: inline-block; 
  width: 1em; 
  margin-left: -1.5em;
  margin-right: 0.5em; 
  text-align: right; 
  direction: rtl
}

.register-now-btn{
  min-width: 128px;
  font-family: "Jost", sans-serif;
  letter-spacing: 1px;
  display: inline-block;
  background: var(--primary-1);
  color: var(--white);
  transition: .3s ease;
  cursor: pointer;
}
.register-now-btn:hover{
  background: var(--primary-1-dark);
  color: var(--white);
}

@media screen and (max-width: 576px) {
  .adjust-intro-section .text-subtitle-2,
  .adjust-intro-section .text-subtitle-2-600{
    font-size: 14px !important;
  }
}

.border-theme{
  border-top: 2px solid var(--theme-color);
}

.three-dot-1-line{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.three-dot-2-line{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.three-dot-3-line{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.three-dot-4-line{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.three-dot-5-line{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-indent-1 {
  text-indent: 10%;
}

.text-indent-2 {
  text-indent: 20%;
}

.text-indent-3 {
  text-indent: 30%;
}

@media screen and (max-width: 576px) {
  .sub-head .large-text-caption-400{
    font-size: 10px !important;
  }
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: var(--theme-color);
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--theme-color);
  border-top-color: var(--white);
  border-bottom-color: var(--white);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

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

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 45px;
  z-index: 996;
  background: var(--text-link);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: var(--white);
  line-height: 0;
}

.back-to-top:hover {
  background: var(--text-link-focus);
  color: var(--white);
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: var(--section-background);
}

.product-hero-section-bg{
  background-color: var(--product-section-background);
}

.product-autodesk-hero-section-bg{
  background-color: var(--product-section-autodesk-background);
}

.section-body-bg{
  background-color: var(--body-color);
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
  /* padding-bottom: 20px; */
  position: relative;
  color: var(--theme-color);
}

/* .section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: var(--theme-color);
  bottom: 0;
  left: calc(50% - 20px);
} */

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: var(--section-background);
  min-height: 40px;
}

/* @media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 68px;
  }
} */

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #37517e;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  /* font-size: 14px; */
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #4668a2;
  content: "/";
}


/*--------------------------------------------------------------
# header content
--------------------------------------------------------------*/
#header{
  min-height: var(--nav-height);
  transition: .3s;
}

#header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#header nav {
  height: var(--nav-height);
  background-color: transparent;
}

#header nav .navbar-menu .navbar-nav .nav-item {
  position: relative;
}

#header nav .navbar-menu .navbar-nav .nav-item .nav-link i {
  transition: .3s;
  -webkit-text-stroke: 0.3px;
}

#header nav .navbar-menu .navbar-nav .nav-item .nav-link .dropdown-arrow {
  font-weight: initial;
  transition: transform 0.3s;
}

#header #producttabs i{
  transition: transform 0.3s;
}

#header nav .navbar-menu .navbar-nav .nav-item:hover .nav-link .dropdown-arrow {
  transform: rotate(-180deg);
}

#header .mega-dropdown-container {
  background-color: var(--first-color-lighten);
  height: 0;
  overflow: hidden;
  transition: height 0.4s;
}

#header nav .navbar-menu .navbar-nav .nav-item .nav-link {
  letter-spacing: 1px;
  height: var(--nav-height);
}

#header .mega-dropdown-container .mega-dropdown-section .heading-tag::after {
  background-color: var(--white) !important;
}

#header .mega-dropdown-container a {
  /* color: var(--tertiary-text-color); */
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#header .mega-dropdown-container a:hover {
  text-decoration: none;
  color: var(--theme-color);
}

#header nav .navbar-menu .navbar-nav .nav-item .mega-dropdown-container .products-group {
  display: none;
}

/* #header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container #producttabs.active {
  color: var(--theme-color);
  border-color: var(--theme-color) !important;
  background-color: #0380d514 !important;
} */

#header nav .navbar-menu .navbar-nav .nav-item .mega-dropdown-container .mega-dropdown-content .product-tabs li#producttabs,
#header nav .navbar-menu .navbar-nav .nav-item .mega-dropdown-container .mega-dropdown-content .product-tabs li a{
  /* max-width: 224px; */
  min-height: 32px;
  transition: .5s;
}

@media screen and (max-width: 992px) {

  #header nav .navbar-menu {
      background-color: var(--body-color);
      /* position: absolute; */
      position: fixed;
      height: 100%;
      /* top: var(--nav-height); */
      top: 0;
      left: -268px;
      /* left: 0; */
      /* top: calc(var(--nav-height) - 1rem); */
      /* width: 100%; */
      width: 268px;
      z-index: 999;
      /* height: calc(100vh - var(--nav-height)); */
      overflow: auto;
      padding-block: 0 4rem;
      pointer-events: none;
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
      opacity: 0;
      transition: left 0.4s, opacity 0.3s;
  }

  #header nav .navbar-menu::-webkit-scrollbar {
      width: 0.5rem;
  }

  #header nav .navbar-menu::-webkit-scrollbar-thumb {
      background-color: hsl(220, 12%, 70%);
  }

  /* #header nav .navbar-menu .navbar-nav .nav-item a.nav-link {
      font-size: 16px;
  } */

  #header nav .navbar-menu .nav-link:focus,
  #header nav .navbar-menu .nav-link:hover {
      background-color: var(--first-color-lighten);
  }

  /* #header nav .navbar-menu .mega-dropdown-container {
      background-color: var(--body-color) !important;
  } */

  #header nav .navbar-menu .navbar-nav .nav-item.show-dropdown>.mega-dropdown-container{
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
  }

  #header nav .navbar-menu .navbar-nav .nav-item.show-dropdown>.mega-dropdown-container .m-products.m-show-products{
      padding-top: 15px;
      margin-bottom: 10px;
      border-bottom: 1px solid var(--theme-color);
  }

  #header nav .navbar-menu .navbar-nav .nav-item.show-dropdown>.mega-dropdown-container .m-products.m-show-products.noneborder{
    margin-bottom: 0px !important;
    border-bottom: none !important;
  }

  #header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container .products-group {
      display: none;
  }

  #header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container #producttabs.active .dropdown-right-arrow {
      transform: rotate(180deg);
  }

  .mobile-navbar-container{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000078;
    display: none;
    z-index: 999;
  }

  #header nav .navbar-menu .close-nav-menu{
    min-height: 48px;
  }
}

.mobile-navbar-container{
  display: none;
}

@media screen and (min-width: 992px) {

  #header .mega-dropdown-container {
      height: max-content;
      position: fixed;
      left: 0;
      right: 0;
      top: calc(var(--nav-height) + 2rem);
      pointer-events: none;
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
      opacity: 0;
      transition: top 0.4s, opacity 0.3s;
  }

  /* #header .mega-dropdown-container .show-dropdown-minimum{
    min-height: 312px;
  } */

  #header .mega-dropdown-container.medium{
      position: fixed;
      /* left: calc(100% - 88vw);
      right: calc(100% - 88vw); */
      /* width: 298px; */
      width: 198px;
      margin: auto;
      left: -14%;
  }

  #header .mega-dropdown-container.medium.open-modal{
    /* width: auto; */
    width: 100%;
    left: 0;
  }
  
  #header .mega-dropdown-container.small{
      position: fixed;
      left: calc(100% - 68vw);
      right: calc(100% - 82vw);
  }

  #header .mega-dropdown-container.small-dropdown{
      position: absolute;
      min-width: 198px !important;
      left: -10px;
  }
  
  #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container {
      top: calc(var(--nav-height) + var(--partner-logo-height));
      opacity: 1;
      pointer-events: initial;
      cursor: initial;
  }

  #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container .products-group {
      display: none;
  }

  #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container .products-group.open-products {
      display: block;
  }
  
  #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container.header-top {
      top: var(--nav-height);
      opacity: 1;
      pointer-events: initial;
      cursor: initial;
  }

  #header nav .navbar-menu .navbar-nav .nav-item .nav-link:hover,
  #header nav .navbar-menu .navbar-nav .nav-item:hover>.nav-link {
      color: var(--theme-color);
  }

  /* #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container #product-tab {} */
  /* #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container #producttabs.active {
      color: var(--theme-color);
      border-color: var(--theme-color) !important;
  } */

  /* #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container #producttabs.active {
      color: var(--theme-color);
      border-color: var(--theme-color) !important;
      background-color: #0380d514 !important;
  } */

  /* Rotate dropdown icon */
  #header nav .navbar-menu .navbar-nav .nav-item:hover>.mega-dropdown-container #producttabs.active .dropdown-right-arrow {
      transform: rotate(-90deg);
  }

  #header .underline {
      display: inline;
      position: relative;
  }

  #header .underline:after {
      content: "";
      position: absolute;
      z-index: -1;
      right: 0;
      width: 0;
      bottom: 0;
      background: var(--theme-color);
      height: 3px;
      transition-property: width;
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
  }

  #header .underline:hover:after,
  #header .underline:focus:after,
  #header .underline:active:after {
      left: 0;
      right: auto;
      width: 100%;
  }

  #header .link-underline {
      display: inline;
      position: relative;
  }

  #header .link-underline:after {
      content: "";
      position: absolute;
      z-index: -1;
      right: 0;
      width: 0;
      bottom: 0;
      background: var(--theme-color);
      height: 2px;
      transition-property: width;
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
  }

  #header .link-underline:hover:after,
  #header .link-underline:focus:after,
  #header .link-underline:active:after {
      left: 0;
      right: auto;
      width: 100%;
  }

  /* #header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container .product-tabs:hover, */
  #header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container .product-tabs li:hover,
  #header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container .product-tabs a:hover  {
    color: var(--theme-color);
    border-color: var(--theme-color) !important;
    background-color: #0380d514 !important;
  }
}

#header nav .navbar-menu .navbar-nav .nav-item>.mega-dropdown-container .product-tabs li.active{
  color: var(--theme-color);
  border-color: var(--theme-color) !important;
  background-color: #0380d514 !important;
}

@media only screen and (min-width: 1200px) {
  #header .mega-dropdown-container.medium.open-modal{
      position: fixed;
      width: auto;
      left: calc(100% - 90vw);
      right: calc(100% - 90vw);
  }

  #header .mega-dropdown-container.medium{
    /* width: 298px; */
    width: 198px;
    margin: auto;
    left: -8%;
  }
}


@media only screen and (min-width: 1400px) {
  #header .mega-dropdown-container.medium.open-modal{
      position: fixed;
      width: 1125px !important;
  }

  #header .mega-dropdown-container.medium{
    /* width: 298px; */
    width: 198px;
    margin: auto;
    left: 5%;
  }
}


#header .nav-toggle {
  position: relative;
  width: 32px;
  height: 32px;
}

#header .nav-toggle-menu,
#header .nav-toggle-close {
  font-size: 1.25rem;
  color: var(--title-color);
  position: absolute;
  display: grid;
  place-items: center;
  inset: 0;
  cursor: pointer;
  transition: opacity 0.1s, transform 0.4s;
}

#header .nav-toggle-close {
  opacity: 0;
}

/* Show menu */
#header nav .navbar-menu.show-menu {
  opacity: 1;
  left: 0;
  /* top: var(--nav-height); */
  pointer-events: initial;
}

/* Show icon */
#header .show-icon .nav-toggle-menu {
  opacity: 0;
  transform: rotate(90deg);
}

#header .show-icon .nav-toggle-close {
  opacity: 1;
  transform: rotate(90deg);
}

/* Rotate dropdown icon */
#header .show-dropdown .dropdown-arrow {
  transform: rotate(-180deg);
}

.heading-tag::after {
  background-color: var(--theme-color);
  content: "";
  display: block;
  height: 2px;
  margin: 8px 0 0;
  width: 50px;
}

.heading-tag-link::after {
  width: auto !important;
  margin: 2px 0 !important;
}

/*--------------------------------------------------------------
# Contact Content
--------------------------------------------------------------*/
/* Common button styles */
/* .contact-content .button {
  float: left;
  min-width: 150px;
  max-width: 250px;
  display: block;
  margin: 1em;
  padding: 1em 2em;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.contact-content .button:focus {
  outline: none;
}
.contact-content .button > span {
  vertical-align: middle;
}

.contact-content .button--text-upper {
  letter-spacing: 2px;
  text-transform: uppercase;
}

# Pipaluk 
.contact-content .btn-pipaluk {
  width: 240px;
  color: #fff;
}
.contact-content .btn-pipaluk.btn-inverted {
  color: var(--white);
}
.contact-content .btn-pipaluk::before,
.contact-content .btn-pipaluk::after {
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.contact-content .btn-pipaluk::before {
  border: 2px solid #7986cb;
}
.contact-content .btn-pipaluk.btn-inverted::before {
  border-color: var(--theme-color);
}
.contact-content .btn-pipaluk::after {
  background: #7986cb;
}
.contact-content .btn-pipaluk.btn-inverted::after {
  background: var(--theme-color);
}
.contact-content .btn-pipaluk:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.contact-content .btn-pipaluk::before,
.contact-content .btn-pipaluk:hover::after {
  -webkit-transform: scale3d(0.7, 0.7, 1);
  transform: scale3d(0.7, 0.7, 1);
}
.contact-content .btn-pipaluk:hover::after {
  background-color: #3f51b5;
}
.contact-content .btn-pipaluk.btn-inverted:hover::after {
  background-color: var(--theme-color);
} */


  /*--------------------------------------------------------------
  # Client Logos
  --------------------------------------------------------------*/
  .client-logos {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
  }

  .client-logos:before, .client-logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 186px;
    height: 100%;
    z-index: 2;
  }

  .client-logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255,255,255,0), var(--section-background));
  }

  .client-logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), var(--section-background));
  }

  .client-logo-items {
    display: inline-block;
    animation: 40s slides infinite linear;
  }

  .client-logos:hover .client-logo-items {
    animation-play-state: paused;
  }

  .client-logo-items img{
    height: 48px;
    margin: auto 40px;
    filter: grayscale(100%);
  }

  .client-logo-items img:hover{
    filter: grayscale(0%);
  }
  
  @keyframes slides {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  /* @media only screen and (max-width: 576px) {
  } */
  
  @media only screen and (max-width: 576px) {
    /* Styles for screens up to 576px wide (typical mobile screens) */

    .client-logo-items {
      animation: 20s slides infinite linear;
    }
    
    .client-logos:before, .client-logos:after {
      width: 30px;
    }

    .client-logo-items img{
      height: 40px;
      margin: auto 15px;
    }
  }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: var(--theme-color);
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: var(--theme-color);
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: var(--label-color);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: var(--primary-1);
}

/*  */
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: var(--primary-1);
  color: var(--white);
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: var(--primary-1-dark);
  color: var(--white);
  text-decoration: none;
}

/* text-subtitle-1-500, text-body-1 */
@media screen and (max-width: 567px) {
  #footer .footer-top .footer-links .text-subtitle-1-500 {
    font-size: 16px !important;
  }
  #footer .footer-top .footer-links .text-body-1 {
    font-size: 13px !important;
    margin-bottom: 5px !important;
  }
}

/*--------------------------------------------------------------
# Customize button
--------------------------------------------------------------*/
.customize-btn.btn-primary{
  display: inline-block !important;
  min-width: 186px !important;
  background: var(--primary-1) !important;
  color: var(--white) !important;
  transition: .2s ease !important;
}
.customize-btn.btn-primary:hover{
  background: var(--primary-1-dark) !important;
  color: var(--white) !important;
}
.customize-btn.btn-primary-outline{
  display: inline-block !important;
  min-width: 186px !important;
  color: var(--primary-1) !important;
  border-color: var(--primary-1) !important;
  transition: .2s ease !important;
}
.customize-btn.btn-primary-outline:hover{
  color: var(--primary-1) !important;
  border-color: var(--primary-1) !important;
}
.customize-btn.btn-primary-outline .arrow{
  transition: transform .2s ease-in !important;
}
.customize-btn.btn-primary-outline:hover .arrow{
  transform: translateX(5px) !important;
}