body {
    /*background-color: #DFDBE5;*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1151%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M443.06617728215514 207.60843740978402L405.0293908898881 117.99938419922904 353.45712407160016 245.64522380205108z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1354.005%2c161.179C1393.888%2c163.066%2c1432.507%2c144.162%2c1453.44%2c110.161C1475.407%2c74.481%2c1478.552%2c29.227%2c1457.576%2c-7.045C1436.624%2c-43.275%2c1395.796%2c-64.04%2c1354.005%2c-61.783C1315.596%2c-59.709%2c1285.814%2c-30.985%2c1268.154%2c3.186C1252.032%2c34.381%2c1252.869%2c70.609%2c1269.635%2c101.463C1287.267%2c133.911%2c1317.117%2c159.433%2c1354.005%2c161.179' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M985.9387842701443 116.18200390268314L983.2942693744717 267.6861608077413 1134.7984262795298 270.33067570341393 1137.4429411752026 118.82651879835579z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M39.62 50.26 a99.9 99.9 0 1 0 199.8 0 a99.9 99.9 0 1 0 -199.8 0z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1385.238%2c482.067C1441.622%2c482.827%2c1495.777%2c455.768%2c1524.075%2c406.994C1552.471%2c358.05%2c1550.555%2c296.694%2c1520.664%2c248.648C1492.329%2c203.104%2c1438.715%2c179.666%2c1385.238%2c183.833C1337.969%2c187.516%2c1306.519%2c226.651%2c1282.017%2c267.241C1256.315%2c309.819%2c1231.198%2c358.508%2c1252.737%2c403.336C1276.585%2c452.968%2c1330.179%2c481.325%2c1385.238%2c482.067' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M158.6013319346708 562.7181022975968L228.6975540023031 530.0316971397265 144.61983523168135 441.2305666172133z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M873.8814710214541 26.672219561994066L901.0436767484182 84.92175771977293 974.8368811216044 15.053680050437286z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M364.365%2c542.428C403.025%2c542.52%2c445.263%2c538.638%2c466.342%2c506.23C488.954%2c471.464%2c486.458%2c424.646%2c463.388%2c390.182C442.429%2c358.87%2c402.044%2c353.986%2c364.365%2c353.885C326.44%2c353.783%2c285.441%2c358.083%2c264.418%2c389.648C241.424%2c424.173%2c240.513%2c471.035%2c263.222%2c505.748C284.265%2c537.914%2c325.927%2c542.337%2c364.365%2c542.428' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1151'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");*/
    background:linear-gradient(0deg, rgba(60, 55, 121, 0.5), rgba(71, 121, 155, 0.3)), url('../../__/gambar/bg-img.jpg');
      background-size:cover;
    background-size: cover;
}  

.logo-float{
    /* position: absolute;
    left: 50px;
    top: 30px; */
}
.logo-text { 
    font-family: 'Viga', sans-serif; 
    letter-spacing: 1px; 
    /* background-image: linear-gradient(60deg, #E21143, #FFB03A); */
    /* background-image: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
    background-image: linear-gradient(90deg, rgb(255, 147, 9) 0%, rgb(249, 219, 60) 50%, rgb(252, 176, 69) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-desc b{
    color: #E21143;
    text-transform: uppercase;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
  right: 10px;
  cursor: pointer;
}

.logo-kanan{
    position: absolute;
    left: 10px;
    top: 5px;
}

.logo-kiri{
    position: absolute;
    right: 10px;
    top: 5px;
}