.container{
    width: 1170px;
    margin:0 auto;
}

@font-face {
    font-family: 'Goldplay-black';
    src: url('./fonts/Goldplay-Black.woff2') format('woff2'),
        url('./fonts/Goldplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldplay';
    src: url('./fonts/Goldplay-Bold.woff2') format('woff2'),
        url('./fonts/Goldplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.previous_cards img {
       width: 100%

}
nav.pick-menu ul {
    text-align: center;
    margin: 0 auto;
}
nav.pick-menu ul li {
    display: inline-block;
    margin-right: 40px;
}
.random-card {
    position: relative;
    height: 300px;
}
.random-card img {
    width: 200px;
    position: absolute;
    transition: transform .2s;
}
.random-card {
    position: relative;
    height: 300px;
    margin-top: 78px;
}
.random-card img {
    box-shadow:1px 0px 15px -6px rgb(0 0 0 / 75%);
-webkit-box-shadow: 1px 0px 15px -6px rgb(0 0 0 / 75%);
-moz-box-shadow: 1px 0px 15px -6px rgb(0 0 0 / 75%);
}
.selection_cards .cards_sec img{
        box-shadow: 1px 2px 19px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 2px 19px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 19px -1px rgba(0,0,0,0.75);
}
img#two {
    left: 20px;
    z-index: 1;
}
img#three {
    left: 40px;
    z-index: 2;
}
img#four {
    left: 60px;
    z-index: 3;
}
img#five {
    left: 80px;
    z-index: 4;
}
img#six {
    left: 100px;
    z-index: 5;
}
img#seven {
    left: 120px;
    z-index: 6;
}
img#eight {
    left: 140px;
    z-index: 7;
}
img#nine {
    left: 160px;
    z-index: 8;
}
img#ten {
    left: 180px;
    z-index: 9;
}
img#eleven{
    left: 200px;
    z-index: 10;
}
img#twl {
    left: 220px;
    z-index: 11;
}
img#thrt {
    left: 240px;
    z-index: 12;
}
img#fort {
    left: 260px;
    z-index: 13;
}
img#fift {
    left: 280px;
    z-index: 14;
}
img#sixt {
    left: 300px;
    z-index: 15;
}
img#sevent {
    left: 320px;
    z-index: 16;
}
img#eighteen {
    left: 340px;
    z-index: 17;
}
img#ninteen {
    left: 360px;
    z-index: 18;
}
img#twenty {
    left: 380px;
    z-index: 19;
}
img#twentyone {
    left: 400px;
    z-index: 20;
}
img#twentytwo {
    left: 420px;
    z-index: 21;
}
img#twentythree{
    left: 440px;
    z-index: 22;
}
img#twentyfour {
    left: 460px;
    z-index: 23;
}
img#twentyfive {
    left: 480px;
    z-index: 24;
}
img#twentysix {
    left: 500px;
    z-index: 25;
}
img#twentyseven {
    left: 520px;
    z-index: 26;
}
img#twentyeight {
    left: 540px;
    z-index: 27;
}
img#twentynine{
    left:560px;
    z-index: 28;
}
img#thirty {
    left: 580px;
    z-index: 29;
}

img#thirtyone {
    left: 600px;
    z-index: 30;
}
img#thirtytwo {
    left: 620px;
    z-index: 31;
}
img#thirtythree {
    left: 640px;
    z-index: 32;
}
img#thirtyfour {
    left: 660px;
    z-index: 33;
}
img#thirtyfive {
    left: 680px;
    z-index: 34;
}
img#thirtysix {
    left: 700px;
    z-index: 35;
}
img#thirtyseven {
    left: 720px;
    z-index: 36;
}
img#thirtyeight {
    left: 740px;
    z-index: 37;
}
img#thirtynine {
    left: 760px;
    z-index: 38;
}
img#fourty {
    left: 780px;
    z-index: 39;
}
img#fourtyone {
    left: 800px;
    z-index: 40;
}
img#fourtytwo {
    left: 820px;
    z-index: 41;
}
img#fourtythree {
    left: 840px;
    z-index: 42;
}
img#fourtyfour {
    left: 860px;
    z-index: 43;
}
img#fourtyfive {
    left: 880px;
    z-index: 44;
}
img#fourtysix {
    left: 900px;
    z-index: 45;
}
img#fourtyseven {
    left: 920px;
    z-index: 46;
}
img#fourtyeight{
    left: 940px;
    z-index: 47;
}
img#fourtynine {
    left: 960px;
    z-index: 48;
}
img#fifty {
    left: 980px;
    z-index: 49;
}
.random-heading h1::after {
     content:url('../images/arrow.png');
  position: absolute;
  right: -97px;
  width: 100px;
  height: 200px;
  bottom: -99px;
}
.previous_cards-main h1 {
    font-size: 53px;
    font-weight: bold;
    position: relative;
        margin-top: 47px;
        font-family: Goldplay-black;
}
.random-heading h1 {
  font-size: 53px;
  font-weight: bold;
  position: relative;
  margin-top: 47px;
  font-family: Goldplay-black;
  width: 64%;
  text-align: center;
  margin: 0 auto;
}
#tds-card-loc h1::before {
   content:url('../images/arrow-copy.png');
  position: absolute;
   left: 0;
  width: 100px;
  height: 200px;
  background-repeat: no-repeat;
  bottom: -148px;
}
.selection_cards h1 {
    margin-top: 44px;
}
#tds-card-loc h1 {
  margin-bottom: 33px;
}
.previous_cards-main {
    text-align: center;
    margin-top: 47px;
} 
.previous_cards-main h1 img {
    position: absolute;
    right: 0;
    width: auto;
}
.previous_cards-main h1 img {
    position: absolute;
    right: 15%;
    width: auto;
    top: 42px;
}
.previous_cards .cards_sec {
    width: 17%;
    padding-right: 31px;
    display: inline-block;
    margin-bottom: 80px;

}
.selection_cards h1 img {
    position: absolute;
    left: 6%;
    width: auto;
    top: 21px;
}
a.card-button img {
  height: 30px;
  width: 30px;
  margin-left: 20px;
}
a.card-button {
    background: #ffc600;
    color: #fff;
    font-size: 23px;
    padding: 8px 24px !important;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    display: flex;
    width: max-content;
    margin: 0 auto;
    font-family: Goldplay;
    padding-right: 0;
    padding-left: 34px;
}
.selection_cards .cards_sec {
    margin-bottom: 48px;
    margin-top: 14px;
}
.border-card {
    border: 4px solid #ddd;
    margin-top: 127px;
}
.previous_cards h1 {
    margin-top: 68px;
}
nav.pick-menu ul li a {
    font-size: 19px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
.main-menu {
    background: #ffc600;
    padding: 14px 0;
}
.random-card img:hover {
    /* border: 2px solid #000; */
    transform: scale(1.1);
}
/*.animatehover {
    animation: move 1s ease-in;
    offset-rotate: auto;
    transform: rotate3d(0, 1, 0.5, .2rad);
    offset-path: path("M180.3,318.3c0,0,19.8-73.6,84.7-73.2c89,0.4,120.5,149.7-29.5,149.7c-91,0-125.2-66.1-120-108.9c7.3-60,38.2-104,124.4-142.1C311.1,112.2,699.2,6.3,699.2,6.3");
    transform: rotate(60deg);
    transition: margin .25s ease-in-out;
    
}*/

.animatehover {
    animation: move 5s ease-in;
    offset-rotate: auto 32deg;
    /*transform: rotate3d(1, 0, 0.8, .4rad);
    offset-path: path("M90.3,718.1c0,0,119.8-73.6,84.7-73.2c89,0.4,120.5,149.7-29.5,149.7c-91,0-125.2-66.1-120-108.9c7.3-60,38.2-104,124.4-142.1C311.1,112.2,499.2,6.3,699.2,6.3");*/
    /*transform: rotate(10deg);*/
    offset-path: path("M0.3,718.1c0,0,119.8-73.6,84.7-73.2c89,0.4,120.5,149.7-29.5,149.7c-91,0-125.2-66.1-120-108.9c7.3-60,38.2-104,124.4-142.1C311.1,112.2,499.2,6.3,699.2,6.3");
    transition: margin .25s ease-ind;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 999;
}

@keyframes move {
    0% {
      offset-distance: 80%;
      opacity: 0;
    }
    75% {
      opacity: 1;
    }
    100% {/*
      opacity: 0;*/
      offset-distance: 0%;/*
      transform: rotate(30deg);*/
    }
}

/*@keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  30% {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%); } 
}*/
#card-movement img {
  width: 274px;
  top: -89px;
  position: absolute;
  background: #fff;
}


#card-selction-warning {
    position: fixed;
    z-index: 9999;
    top: 200px;
    right: 0px;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    display: none;
}

.card-circle{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0px 2px;
}
.previous-card-colors{
    display: inline-flex;
    width: 100%;
    justify-content: center;
}



  .previous_cards_innerrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .previous_cards_innerrow .all-previous-cards {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .previous_cards_innerrow .feature-card-last-period {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .all-previous-cards.previous_cards{
    width: 100%;
  }
  .currentactive a {
  font-weight: bold !important;
}
.feature-card-last-period{
    width: 100%;
}
.feature-card-last-period img{
    width: 250px!important;
}
.post-card-content p {
    width: 75%;
    margin: 0 auto;
}
.post-card-content {
    margin-top: 20px;
}

.kickonmind-card-loader::before {
    content: " ";
    background: #fff;
    position: absolute;
    height: 100%;
    z-index: 99999999;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.9;
}
.card-sidebar .collapsible-kom.koms-47.active {
  background-color: #aa2a2a;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-47:hover {
  background-color: #aa2a2a;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-48.active {
  background-color: #d46f17;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-48:hover {
  background-color: #d46f17;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-49.active {
  background-color: #d4af28;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-49:hover {
  background-color: #d4af28;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-50.active {
  background-color: #008800;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-50:hover {
  background-color: #008800;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-51.active {
  background-color: #2099ac;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-51:hover {
  background-color: #2099ac;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-52.active {
  background-color: #425290;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-52:hover {
  background-color: #425290;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-53.active {
  background-color: #6b3488;
  color: #fff;
}
.card-sidebar .collapsible-kom.koms-53:hover {
  background-color: #6b3488;
  color: #fff;
}
  @media (max-width: 810px){
.post-card-content p {
  text-align: center;
}
.main-content img {
  display: block;
  float: none;
  margin: 0 auto;
}
}

.final-card {
    order: 3;
    width: 100%;
}

.final-card h2 {
    font-weight: 600;
    font-family: 'Goldplay-black';
}