.themed-grid-col {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 85, 87, 0.15);
  border: 1px solid rgba(86, 85, 87, 0.15);
}

.themed-grid-col-ar{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(183, 177, 190, 0.15);
  
}

.themed-grid-col-pay{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(112, 111, 114, 0.753);
  border: 1px solid white;
  
}

.themed-grid-col-pay2{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(167, 165, 170, 0.753);
  border: 1px solid white;
  
}

.themed-grid-col-con{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color:darkred;
  border: 1px solid white;
  
}

.themed-grid-col-con1{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(167, 165, 170, 0.753);
  
}

.themed-grid-col-arc{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(54, 53, 56, 0.15);
  border: 2px solid white;
  animation: mygradient 24s;
}

.themed-grid-col-img{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-image: url("/assets/img/slide/website-background-rough-surface.jpg");
  border: 2px solid white;

}



.themed-grid-col-arsp{
  padding-top: .75rem;
  padding-bottom: .75rem;
  line-height: 1.5;
  background-color: rgba(241, 238, 245, 0.15);

}

.themed-grid-col-cp{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(61, 6, 17, 0.15);
  
}

.themed-grid-col-lin{
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(97, 95, 100, 0.15);
 
}

.themed-grid-col-civ{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:white;
 
}

.themed-grid-col-fee{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:white;
 
}
.themed-grid-col-feealt{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:lightgray;
 
}
.themed-grid-col-def{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:white;
  border-radius:1px;
 
}
.themed-grid-col-defalt{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:lightgray;
  border-radius:1px;
 
}

.themed-container {
  padding: .75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(107, 108, 109, 0.15);
  border: 1px solid rgba(54, 54, 54, 0.2);
  margin-left: 250px;
  margin-right: 250px;
  margin-top: 0px;
}

.themed-container-nf {
  padding: .75rem;
  margin-bottom: 1.5rem;
  margin-left: 400px;
  margin-right: 200px;
  margin-top: 0px;

}

.themed-container-dpt {
  padding: .75rem;
  margin-bottom: 1.5rem;
  background:linear-gradient(to bottom, red,rgb(160, 158, 158),rgb(196, 193, 193));
  border: 2px solid red;
  margin-left: 200px;
  margin-right: 200px;
  margin-top: 0px;
  text-align:center;
  box-shadow:20px 20px 10px grey;
}

@keyframes mygradient {
  0% {
      background-position: 0%
  }

  100% {
      background-position: 100%
  }
}

.themed-grid-col-wav {
  margin: 0px;
  background: linear-gradient(90deg, rgb(148, 135, 123),rgba(238, 162, 162, 0.274), rgb(148, 135, 123), rgba(238, 162, 162, 0.274));
  padding-top: .75rem;
  padding-bottom: .75rem;
  line-height: 1.5;
  background-repeat: no-repeat;
  animation: mygradient 24s linear infinite alternate
}

.themed-grid-col-wava{
  margin: 0px;
  background: linear-gradient(90deg, rgb(116, 10, 10, 0.274),rgba(148, 135, 123), rgb(185, 20, 20, 0.568), rgba(82, 81, 83));
  padding-top: .75rem;
  padding-bottom: .75rem;
  line-height: 1.5;
  background-repeat: no-repeat;
  animation: mygradient 24s linear infinite alternate
}

@keyframes wave {
  0% {
      transform: rotate(0deg)
  }

  50% {
      transform: rotate(90deg)
  }

  100% {
      transform: rotate(360deg)
  }
}

#wave {
  height: 100%;
  overflow: hidden
}

#wave:before {
  content: '';
  overflow: hidden;
  position: absolute;
  bottom: 12%;
  left: -250vw;
  width: 600vw;
  height: 600vw;
  background: rgba(0, 0, 0, .375);
  border-radius: 48% 52% 52% 48% / 48% 52% 48% 52%;
  animation: wave 9s ease-in-out infinite;
  animation-delay: -3s
}

#wave:after {
  content: '';
  overflow: hidden;
  position: absolute;
  bottom: 12%;
  left: -250vw;
  width: 600vw;
  height: 600vw;
  background: rgba(0, 0, 0, .375);
  border-radius: 48% 52% 52% 48% / 48% 52% 48% 52%;
  animation: wave 9s linear infinite
}

.themed-container ci{
  padding: .75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(97, 97, 78, 0.15);
  border: 1px solid rgba(54, 54, 54, 0.2);
  align-items:center;
  margin-top: 0px;
}

.themed-grid-col-nb{
  padding-top: .25rem;
  padding-bottom: .15rem;
 


 
}
.themed-grid-col-f-tb{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:#f2f2f2;
  border-left: 1px solid red;
  border-right: 1px solid  red;
  border-top: 1px solid  red;
}

.themed-grid-col-f-bb{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:#f2f2f2;
  border-left: 1px solid red;
  border-right: 1px solid  red;
  border-bottom: 1px solid  red;
}
.themed-grid-col-f-lrb{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:#f2f2f2;
  border-left: 1px solid red;
  border-right: 1px solid  red;
}

.themed-grid-col-f-ltb{
  padding-top: .25rem;
  padding-bottom: .15rem;
  background-color:#f2f2f2;
  border-left: 1px solid red;
  border-top: 1px solid  red;
  border-bottom: 1px solid  red;
}