.footermodalcontent{
    display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
  }

.flipcarddiv{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
  }
.overflipcardheader{
    color: #fa9d00;
    font-size: 3.5vw;
  }
.flipcardcontainer{
    margin:auto;
  }
.flipcardrow{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flip-card {
    background-color: transparent;
    width: 385px;
    height: 220px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    margin: 20px;
    border-radius: 20px;
  }

@media(max-width: 450px){
    .flip-card{
      width: 250px;
      height: 150px;
    } 
    .flip-card-front{
      font-size: 5em !important;
    }
    .flip-card-back{
      font-size: 12px !important;
    }
  }

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  .flip-card:active .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
  
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
    background-color: #612d91;
    color: #fa9d00;
    display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      font-size: 9em;
  }
  
  /* Style the back side */
  .flip-card-back {
    background-color: #612d91;
    color: white;
    transform: rotateY(180deg);
    display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      padding: 0.5vw;
}

.questionli .questiona {text-decoration : none; color : #2d2f31;}


.questionnav {
  width : 75%; 
  background: #fa9e00;
  margin : 40px auto; 
}

.questionspan {
  padding : 30px;
  background : #612d91; 
  color : white;
  font-size : 1.2em;
  cursor : pointer;
  display: block;
}

.questionspan::after {
  float: right;
  right: 10%;
  content: "+";
}

.questionslide {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide .questionli {padding : 30px;}


.questionslide2 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide2 .questionli {padding : 30px;}


.questionslide3 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide3 .questionli {padding : 30px;}

.questionslide4 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide4 .questionli {padding : 30px;}

.questionslide5 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide5 .questionli {padding : 30px;}

.questionslide6 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide6 .questionli {padding : 30px;}

.questionslide7 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide7 .questionli {padding : 30px;}

.questionslide8 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide8 .questionli {padding : 30px;}

.questionslide9 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide9 .questionli {padding : 30px;}

.questionslide10 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide10 .questionli {padding : 30px;}

.questionslide11 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide11 .questionli {padding : 30px;}

.questionslide32 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide32 .questionli {padding : 5px;}

.questionslide33 {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
}
.questionslide33 .questionli {padding : 5px;}


#touch   {position: absolute; opacity: 0; height: 0px;}    
#touch2  {position: absolute; opacity: 0; height: 0px;}   
#touch3  {position: absolute; opacity: 0; height: 0px;}  
#touch4  {position: absolute; opacity: 0; height: 0px;}  
#touch5  {position: absolute; opacity: 0; height: 0px;}  
#touch6  {position: absolute; opacity: 0; height: 0px;}  
#touch7  {position: absolute; opacity: 0; height: 0px;}  
#touch8  {position: absolute; opacity: 0; height: 0px;}  
#touch9  {position: absolute; opacity: 0; height: 0px;}  
#touch10 {position: absolute; opacity: 0; height: 0px;}  
#touch11 {position: absolute; opacity: 0; height: 0px;}  
#touch32 {position: absolute; opacity: 0; height: 0px;} 
#touch33 {position: absolute; opacity: 0; height: 0px;} 

#touch:checked   + .questionslide   {height: fit-content;} 
#touch2:checked  + .questionslide2  {height: fit-content;} 
#touch3:checked  + .questionslide3  {height: fit-content;} 
#touch4:checked  + .questionslide4  {height: fit-content;} 
#touch5:checked  + .questionslide5  {height: fit-content;} 
#touch6:checked  + .questionslide6  {height: fit-content;} 
#touch7:checked  + .questionslide7  {height: fit-content;} 
#touch8:checked  + .questionslide8  {height: fit-content;} 
#touch9:checked  + .questionslide9  {height: fit-content;} 
#touch10:checked + .questionslide10 {height: fit-content;} 
#touch11:checked + .questionslide11 {height: fit-content;}
#touch32:checked + .questionslide32 {height: fit-content;}
#touch33:checked + .questionslide33 {height: fit-content;}


.overflipcardheader2{
  color: #fa9d00;
  font-size: 3vw;
}


.changeradiusbottom{border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.changeradiustop{border-top-left-radius: 25px; border-top-right-radius: 25px;}







.paymenttable{
  text-align: center;
    box-shadow: 2px 2px 15px -2px rgb(50 50 50);
    border-radius: 30px;
    padding: 10px;
    margin: 10px;
    
}

#resp-table {
  width: 100%;
  display: table;
  }
#resp-table-header{
  display: table-header-group;
  
  font-weight: bold;
  font-size: 25px;
  }
.table-header-cell{
  display: table-cell;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid black;
  }
#resp-table-body{
  display: table-row-group;
  }
.resp-table-row{
  display: table-row;
  }
.table-body-cell{
  display: table-cell;
  }

  @media(max-width: 630px){
    #resp-table-header{
      display: table-header-group;
      
      font-weight: bold;
      font-size: 10px;
      }
  }



  .contactdiv{
    display: flex;
    flex-direction: column;
    color: #612d91;
    font-size:2.5rem;
    margin-bottom: 8px;
    align-items: center;
  }
  .contact{
    padding:10px;
  }
  .contact:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
  }
  
  @keyframes shake {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(8deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-8deg); }
    100% { transform: rotate(0deg); }
  }
  
  .footerheader2{
    color: #fa9d00;
    font-size: 25px;
  }

  @media(max-width: 630px){
    .footerheader2{
      color: #fa9d00;
      font-size: 15px;
    }
    
  }







.manualslide-content {
    max-width: 980px;
}
.manualslide-content, manualslide-auto {
    margin-left: auto;
    margin-right: auto;
}
.manualslide-tooltip, .manualslide-display-container {
  position: relative;
}
.manualslide-black{
  color: #fff!important;
  background-color: #00000075!important;
}
.manualslide-black:hover {
  background-color: #000000!important;
}
.manualslide-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%,-50%);
  -ms-transform: translate(-0%,-50%);
}
.manualslide-btn, .manualslide-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.manualslide-btn, .manualslide-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.manualslide-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
}
.questionnavmanual{
 
    width : 95%; 
    background: #fa9e00;
    margin : 40px auto; 
  
}

@media(max-width: 630px){
 
  .manualslide-button{
    padding: 2px 6px;
  }
}

.comingsoon{
  position: absolute;
  font-size: xx-large;
  top: 0px;
}

.politikatext{
  padding: 10px;
}
.politikabox{
  padding: 10px;
  border: outset;
  border-color: orange;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border-radius: 20px;
}

.politikaul {
  list-style: none;
  }
  .politikali {
  position: relative;
  left: 20px;
  width: 96%;
  }
  .politikali:before {
  position: absolute;
  left: -1.2em;
  top: 0.35em;
  content: ' ';
  display: block;
  width: 0.45em;
  height: 0.45em;
  border: 2px solid orange;
  border-radius: 50%;
  }


  .footer_bottom {
    background: #24262b;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.footer_bottom p {
    font-size: 14px;
    word-spacing: 2px;
    
    color: #b5b5b5;
}

.footer_bottom span {
    color: #612d91;
    font-weight: bolder;
}