html,body {
    font-family: Arial, Helvetica, sans-serif !important; 
 
    scroll-behavior: smooth;

}

u.btn {
    display: inline-block;
    border: 1px solid #888;
    padding: 7px 15px;
    border-radius: 22px;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif !important; 
    transition: all ease-in 0.1s;

}

u.btn:hover {
     color: #000;
    cursor: pointer;
    transform: scale(1.1);
}

.btn.r {

    background-color: rgb(242, 194, 4);
    border-color: rgb(172, 146, 43);
 
    

}
.btn.sas {

    background-color: rgb(179, 212, 239);
    border-color: rgb(116, 168, 211);

}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    font-family: Arial, Helvetica, sans-serif !important; 

  }

.btn a {
    text-decoration: none !important;
    color: inherit !important;
}

.sascode,.rcode {
    max-width: 800px;

}

  .sascode {

    background-color:rgb(236, 243, 255);
    border:1px solid rgb(142, 156, 181);
    display: inline-block;
    border-radius: 5px;
    padding: 25px;
    margin: 20px 0;
  }
  .sascode * {
    font-family: Courier !important;
    font-weight: 600 !important;

  }

  .rcode * {
    background: none !important;
    font-family: Courier !important;
    font-weight: 600 !important;
    border: none !important;
  
}

  .rcode {
    background-color:rgb(248, 246, 215);
    border:1px solid rgb(199, 162, 89);
    display: inline-block;
    border-radius: 5px;
    padding: 25px;
    margin: 5px 0 20px 0;

  }

  U {
    text-decoration: none;
  }



  html {
    background-color: rgb(44, 40, 72);
  }



  body {

    max-width: 900px !important;
    margin: 20px auto 55px auto !important; 
    background-color: #fff;
    border-radius: 15px;
    padding: 78px 100px 100px 100px;
    box-shadow: 0 0  45px rgba(0,0,0,0.6);
    
}



.agreementfixx1 {
  background-color: var(--color-12);
  display: block;
  height: 70px;
  position: relative;
  top: -407px;
  padding-top:30px;
  left: 275px;
  width:190px;
  margin-left: 0;
  padding-left: 0;
  font-size: 13px;

}
.agreementfixx1 a {
  border: 2px solid var(--color-1);
  padding: 10px;
  background-color: #73c8f0;
  position: relative;
  left: -27px;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
font-weight: 400;
}

.agreementfixx1 a:hover {
background-color: #b3e3ff;
}



.agreementfixx2 {
  background-color: var(--color-12);
  display: block;
  height: 70px;
  position: relative;
  top: -407px;
  padding-top:30px;
  left: 275px;
  width:190px;
  margin-left: 0;
  padding-left: 0;
  font-size: 13px;

}
.agreementfixx2 a {
  border: 2px solid var(--color-1);
  padding: 10px;
  background-color: #73c8f0;
  position: relative;
  left: -27px;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
font-weight: 400;
}

.agreementfixx2 a:hover {
background-color: #b3e3ff;
}