:root{
    --primary-font:"Anton", sans-serif;
    --secondary-font:"Almarai", serif;
    --primary-color:#126539;
    --secondary-color:#EFC415;
    --light-green:#1C7C49;
    --white:#fff;
    --black:black;
}

.main-btn span{
    color: var(--primary-color);
    background-color: var(--secondary-color);
    padding: 17px 39px 16px 39px;
    font-size: 22px;
    font-family:var(--primary-font);
    letter-spacing: 0.08em;
    display: inline-block;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
    text-transform: uppercase;
    
}

.main-btn{
    position: relative;
    display: inline-block;
}

.main-btn:hover span{
    /* background-color: var(--primary-color);
    color: var(--white); */
    transition: 0.3s ease-in-out;

}

.main-btn::after{
    content: '';
    width: 10px;
    height: 100%;
    background-color: var(--secondary-color);
    position: absolute;
    top: 0;
    right: -7px;
    z-index: 9;
    transform: skewX(-22deg);
    transition: 0.4s ease-in-out;
}

.main-btn::before{
    content: '';
    width: 10px;
  height: 100%;
  background-color: var(--secondary-color);
  position: absolute;
  top: 0;
  right: -27px;
  z-index: 9;
  transform: skewX(-22deg);
  transition: 0.4s ease-in-out;
}



.main-btn:hover::before{
    right: 16px;
}

.main-btn:hover::after{
    right: 20px;
}

.main-btn-1 span{
    padding: 10px 45px 9px 45px;
    font-size: 14.67px;
  }
   
.main-btn-1::after{
    width: 7px;
  }
  
.main-btn-1::before{
    width: 7px;
    right: -21px;
  }
  
.main-btn-1:hover::after{
    right:12px;
  }
  
.main-btn-1:hover::before{
    right:9px; 
  }


.water-mark{
    font-family: var(--primary-font);
    font-size: 12px;
    position: absolute;
    bottom: 13px;
    right: 13px;
    text-transform: uppercase;
    font-style: italic;
    color: var(--white);
  }
.water-mark span{
    color: var(--secondary-color);
}

footer li a:hover{
  color: var(--secondary-color);
  transition: 0.3s ease-in-out;
}

footer a:hover{
  color: var(--secondary-color);
  transition: 0.3s ease-in-out;
}