@-moz-keyframes spin {
    100% {
      -moz-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .innovate_circle {
  	
  	position: absolute;
    top: 18%;
    right: 44%;
    width: 10%;
    height: 11%;
     /*
    position: absolute;
    top: 122px;
    right: 520px;
    width: 340px;
    height: 340px;*/
   /* -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;*/
  }

.planet{
position: absolute;
top: -74px;
right: 0;
bottom: 500px;
left: 0;
width: 99%;
height: 75%;
display: flex;
justify-content: center;
align-items: center;
}

.planet__earth {
  width: 330px;
  height: 330px;
  border-radius:50%;
  background-size: cover;
  background-position: 65%;
  /*box-shadow: -3.65rem -1.15rem 3.025rem 1.1125rem #000 inset, 0 0 0.025rem 0.125rem #000;*/
  animation: earth-animate 1000s linear alternate infinite;
  transform: rotate(5deg);
  /*background-image: url("https://i.ibb.co/HY6CcYz/earth-2.jpg");*/
  background-image: url("../../../images/earth-globe.jpg"); 
  /*background-image: url("../../../images/taxation.jpg");*/
  
  position: relative;
}




.planet__earth1 {
  width: 330px;
  height: 330px;
  border-radius:50%;
  background-size: cover;
  background-position: 65%;
  /*box-shadow: -3.65rem -1.15rem 3.025rem 1.1125rem #000 inset, 0 0 0.025rem 0.125rem #000;*/
  animation: earth-animate 1000s linear alternate infinite;
  transform: rotate(5deg);
  /*background-image: url("https://i.ibb.co/HY6CcYz/earth-2.jpg");*/
  background-image: url("../../../images/earth2.jpg"); 
  /*background-image: url("../../../images/taxation.jpg");*/
  
  position: relative;
}







.planet__earth:active{
  animation-play-state: paused;
}
@keyframes earth-animate{
  100%{
    background-position: 10000%;
  }
}

.planet__satellite{
  position: absolute;
  width: 3rem;
  top: 15%;
  left: 24%;
}

 .cfr_asset_logo {
    position: absolute;
    top: 122px;
    right: 546px;
    width: 330px;
    height: 330px;
    animation: earth-animate 1000s linear alternate infinite;transform: rotate(5deg);
  }



  .kg-circle {
    position: absolute;
    top: 135px;
    right: 30px;
    width: 400px;
    height: 400px;
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
  }
  .kg-globe {
    height: 215px;
    width: 215px;
    position: absolute;
    top: 252px;
    right: 387px;
    background: #006eaf;
    border-radius: 50%;
    margin-right: 5px;
  }
  @media (max-width:1366px) {
    .kg-circle {
      position: absolute;
      top: 160px;
      right: 300px;
      width: 400px;
      height: 400px;
      -webkit-animation: spin 15s linear infinite;
      -moz-animation: spin 15s linear infinite;
      animation: spin 15s linear infinite;
    }
    .kg-globe {
      height: 215px;
      width: 215px;
      position: absolute;
      top: 252px;
      right: 387px;
      background: #006eaf;
      border-radius: 50%;
      margin-right: 5px;
    }
  }
  @media (max-width:1366px) {
    .kg-circle {
     /* top: 100px;
      right: 225px;
      width: 350px;
      height: 350px;*/top: 14%;
right: 34%;
width: 26%;
height: 70%;
    }
    .kg-globe {
      height: 180px;
      width: 180px;
      top: 185px;
      right: 305px;
    }
      
      
      
  }
  @media (max-width:1024px) {
    .kg-circle {
      top: 100px;
      right: 175px;
      width: 275px;
      height: 275px;
    }
    .kg-globe {
      height: 150px;
      width: 150px;
      top: 162px;
      right: 232px;
    }
  }
  @media (max-width:768px) {
    .fixed-top {
      position: relative;
    }
    .kg-circle {
      top: 50px;
      right: 125px;
      width: 200px;
      height: 200px;
    }
    .kg-globe {
      height: 110px;
      width: 110px;
      top: 95px;
      right: 165px;
    }
      .innovate_circle{ display: none;}
      .planet__earth1 { display: none;}
  }
  @media (max-width:540px) {
    .kg-circle {
      top: 20px;
      right: 90px;
      width: 175px;
      height: 175px;
    }
    .kg-globe {
      height: 90px;
      width: 90px;
      top: 62px;
      right: 127px;
    }
  }
  @media (max-width:420px) {
    .kg-circle {
      top: 15px;
      right: 70px;
      width: 120px;
      height: 120px;
    }
    .kg-globe {
      height: 65px;
      width: 65px;
      top: 42px;
      right: 92px;
    }
  }
  @media (max-width:375px) {
    .kg-circle {
      top: 15px;
      right: 70px;
      width: 100px;
      height: 100px;
    }
    .kg-globe {
      height: 55px;
      width: 55px;
      top: 38px;
      right: 87px;
    }
  }
  @media (max-width:320px) {
    .kg-circle {
      top: 15px;
      right: 50px;
      width: 100px;
      height: 100px;
    }
    .kg-globe {
      height: 55px;
      width: 55px;
      top: 38px;
      right: 67px;
    }
  }
  @media (max-width:320px) {
    .kg-circle {
      top: 10px;
      right: 50px;
      width: 80px;
      height: 80px;
    }
    .kg-globe {
      height: 45px;
      width: 45px;
      top: 27px;
      right: 63px;
    }
  }