* {
    margin: 0;
    border: 0;
    outline: none;
  }
  

  p {
    margin: 0 0 15px;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  

  
  h1 {
    font-size: 75px;
    font-weight: 600;
    line-height: initial;
    letter-spacing: -3px;
  }
  h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: initial;
    letter-spacing: -1.92px;
  }
  h3 {
    font-size: 38px;
    line-height: initial;
    font-weight: 600;
  }
  h4 {
    font-size: 27px;
    font-weight: 600;
    line-height: initial;
    letter-spacing: -0.54px;
  }
  h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: initial;
    letter-spacing: -0.96px;
  }
  h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: initial;
    letter-spacing: -0.8px;
  }

  button {
    cursor: pointer;
    @include transition;
  }
  a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
  }
  a,
  .button {
    text-decoration: none;
    @include transition;
  }
  a:focus,
  .button:focus {
    text-decoration: none;
    outline: none;
  }

  button:focus,
  input:focus,
  input:focus,
  textarea,
  textarea:focus {
    outline: 0;
  }
  ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
  }
  
  textarea:focus,
  input:focus {
    outline: none;
  }
  

  
  .page-area {
    padding-top: 136px;
    padding-bottom: 124px;
  }
  .blog-area {
    padding-top: 120px;
    padding-bottom: 80px;
  }
  .page-area,
  .blog-area {
  
    @include rmaxwd(991) {
      padding-top: 100px;
      padding-bottom: 52px;
    }
    @include rmaxwd(767) {
      padding-top: 70px;
      padding-bottom: 22px;
    }
    .page-links {
      margin-bottom: 20px;
    }
  }
  .border-radius-12 {
    border-radius: 12px;
  }
 
  
  .wp-block-loginout {
    a {
      position: relative;
  
      &:after {
        display: flex;
        align-items: center;
        justify-content: center;
        content: "\f105";
        color: #fff;
        font-size: 16px;
      }
    }
  }
  .contact-form-btn {
    justify-content: center;
    width: 100%;
    display: block;
    line-height: 42px;
  
    .icon {
      float: right;
    }
  
  }
  input.te-theme-btn {
    display: inline-block !important;
    width: inherit !important;
    border: 0 !important;
  }
  
  .te-slider-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    top: -30px;
    
    @include sm {
      top: unset;
    }
    .te-slider-nav {
      width: 67px;
      height: 67px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      font-size: 17px;
      background-color: #0e2bc51a;
      @include transition;
      
      &:hover {
        color: #fff !important;
        @include transition;
      }
    }
  }