.cta-button {
    background-color: #A7CE39; /* Green background */
    border: none; /* Remove border */
    color: black; /* White text */
    padding: 15px 32px; /* Some padding */
    text-align: center; /* Centered text */
    text-decoration: none; /* Remove underline */
    display: inline-flex; /* Display as inline-flex to align icon and text */
    align-items: center; /* Align icon and text vertically */
    font-size: 16px; /* Increase font size */
    margin: 4px 2px; /* Some margin */
    cursor: pointer; /* Pointer/hand cursor on hover */
    border-radius: 12px; /* Rounded corners */
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); /* Box shadow for a fancy look */
    transition: transform 0.3s; /* Smooth transform transition */
  }

  .cta-button:hover {
    background-color: #45a049; /* Darker green on hover */
    transform: scale(1.05); /* Slightly scale the button on hover */
    color: white;
  }

  .cta-button:active {
    background-color: #3e8e41; /* Even darker green on click */
    box-shadow: 0 5px #666; /* Reduce box shadow on click */
    transform: translateY(4px); /* Move button down a bit on click */
  }

  .cta-button span {
    margin-left: 10px; /* Add some space between the icon and text */
  }

  .cta-button i {
    font-size: 24px; /* Make the icon a bit larger */
  }
.header-logo{
    max-width:150px;
}

.site-header{
    background: #000;
}
.nav-toggle {
    color:#fff;
}

.nav-toggle span::after, .nav-toggle span::before, .nav-toggle span{
    background:#fff;
}
.header-nav li a{
    color:#fff;
}

@media all and (max-height:710px){
    .home-block-inner .container.align-self-center{
        align-self: flex-end!important;
    }
}
@media screen and (min-width: 1201px) {
.home-block {
    width: 65%;
}
}
@media all and (max-width: 575px){
    .cta-button {
        width: 100%;
        justify-content: center;
    }
}