.suk_form  {

    border: 1px solid #000000;
	  
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;

	color: #000000;

    height: 60px;
    width: 100%;
    margin: 15px 0 15px 0;

    }

.suk_pform  {

font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;

color: #000000;

    }



		    .suk_button_red {

			background: #e90010;
			border-radius: 40px;
			min-height: 60px;
			font-family: 'Montserrat';
			font-style: normal;
			font-weight: 700;
			font-size: 18px;
			line-height: 28px;
			letter-spacing: 0.1em;
			color: #FFFFFF;
		    text-align: left;
		    padding: 15px 30px 15px 30px;
		    box-shadow: 0 -5px #dd0110 inset;
		    margin: 15px 0 15px 0;
		    
	 }



        .suk_button_red:hover { background: #dd0110; }
        .suk_button_red:active {
          background: #ca000d;
          box-shadow: 0 5px  #be000d inset;
        }


        .suk_button_green {

            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0.1em;
            color: #FFFFFF;
            min-height: 60px;
            text-decoration: none;
            padding: 15px 30px 15px 30px;
            border-radius: 40px;
            background: #00CDAD;
            box-shadow: 0 -5px #00c0a3 inset;
            transition: 0.2s;

            margin: 15px 0 15px 0;
          } 
          .suk_button_green:hover { background: #00c0a3; }
          .suk_button_green:active {
            background:  #00b99e;
            box-shadow: 0 5px  #00b398 inset;
          }






          
        i.arrow {
            background: url(../sign_up_key/img/arrow.svg) no-repeat;
        
        }
        


        .suk_p {
text-align: left;
font-family: 'Exo2';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.15em;
color: #232323;
}
        



        .suk_b {
text-align: left;
font-family: 'Exo2';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #232323;
}
        
.suk_list  {
text-align: left;
font-family: 'Exo2';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.15em;

color: #232323;
margin: 20px 0px 30px 10px;
list-style-type: inherit;
}



.suk_list2  {


text-align: left;

font-family: 'Exo2';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.15em;

color: #232323;


margin: 20px 0px 30px 10px;

    
}


 

.arrow-hover {
    cursor: pointer;
    position: relative;
    width: 100%;
 
    margin: 9px;
}


.arrow-hover div {
    position: relative;
    top: 3px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
  /*  box-shadow: 0 1px 3px rgb(0 0 0 / 20%);*/
    left: 0;
    display: block;
}
.arrow-hover div::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    top: -3px;
    right: -2px;
    background-color: #ffffff;
    transform: rotate(45deg);
}

.arrow-hover div::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    top: 3px;
    right: -2px;
    background-color: #ffffff;
   /* box-shadow: 0 3px 5px rgb(0 0 0 / 20%); */
    transform: rotate(-45deg);
}

.suk_button_red:hover .arrow-hover {
    animation: arrow-hover 1s linear infinite;
}

.suk_button_green:hover .arrow-hover {
    animation: arrow-hover 1s linear infinite;
}


@keyframes arrow-hover {
    0% {
        left:0;
    }
    50% {
        left:10px;
    }
    100% {
        left:0;
    }
}