/****Accordion Developed By Dean   ****/



.plan4{
  margin: 0 400px;
  padding: 4rem;
  width: 48rem;

}

.plan4 h2{

}

/*****Mobile Widths for FAQs***************/
@media only screen and (min-width : 320px) and (max-width : 480px) {
.plan4  h2 {color: #000;margin-left:-1240px;font-size:12px;}

  .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
}

@media only screen and (device-width:360px) and (orientation:portrait){ 
   .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
}
  
  
@media only screen and (device-width:640px) and (orientation:landscape){ 
   .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
}
  
@media only screen and (device-width:375px) and (orientation:portrait){ 
   .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
  
}
  
@media only screen and (device-width:384px) and (orientation:portrait){ 
     .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
    
}
  
/**** SAMSUNG S20 ****/

@media only screen and (device-width:390px) and (orientation:portrait){ 
   .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
  }
  
  
@media only screen and (device-width:412px) and (orientation:portrait){ 
   .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
  }
  
  
@media only screen and (device-width:414px) and (orientation:portrait){ 
  
   .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
  }
  
  
  /**** SAMSUNG A51****/
  @media only screen and (device-width:428px) and (orientation:portrait) {
    
     .plan4{
  margin: 0 388px;
  padding: 4rem;
  width: 50rem;

}
    
  }
@media only screen and (min-width : 690px) and (max-width : 800px) {/*--- Tablet portrait ---*/
  .plan4  h2 {color: #000;margin-left: -785px;font-size:16px;}  
}

@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
.plan4  h2 {color: #000;margin-left: -785px;font-size:16px;}  
}
/***************/

.accordion-item{
  background-color: #CCC;
  border-radius: .4rem;
}

.accordion-item hr{
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.accordion-link{
  font-size: 1.6rem;
  color: rgb(255, 255, 255);
  text-decoration: none;
  background-color: #22C3E0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}

.accordion-link h3{
  font-weight:500;
  font-size: 20px;
}

.accordion-link i{
  color: #000;
  padding: .5rem;
  
}

.accordion-link ul{
  display:flex;
  align-items: flex-end;
  list-style-type: none;
  margin-left: 25px;
}

.accordion-link li{
  font-size: 14px;
  color: #fff;
  padding: 0 0 1px 5px;
}

.accordion-link div{
  display: flex;
}

.accordion-link .ion-md-arrow-down{
  display: none;
}

.answer{
  max-height: 0;
  overflow: hidden;
  position: relative;
  background-color: #ccc;
  transition: max-height 650ms;
}



.answer p{
  color: #000
  font-size: 15px;
  padding: 2rem;
  
}

.accordion-item:target .answer{
  max-height: 20rem;
}

.accordion-item:target .accordion-link .ion-md-arrow-forward{
  display: none
}

.accordion-item:target .accordion-link .ion-md-arrow-down{
  display: block;
}


#question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color: #fff; }


#question2 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color: #fff; }

#question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color: #fff; }


#question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color: #ffff; }
/*****
.accordion {
  font-size: 1rem;
  width: 30vw;
  margin: 0 auto;
  border-radius: 5px;
}

.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 1.5em 1.5em;
  background: #3F51B5;
  color: white;
  cursor: pointer;
  font-size: .7em;
  letter-spacing: .1em;
  transition: all .3s;
  text-transform: uppercase;
}

.accordion__item {
    border-bottom: 1px solid #3a4ba4;
}

.accordion__item .accordion__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion-header:hover {
  background: #2D3D99;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fcfcfc;
  color: #353535;
  display: none;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: .85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
  content: "\f3d0";
  font-family: IonIcons;
  font-size: 1.2em;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #2D3D99;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}

@media screen and (max-width: 1000px) {
  body {
    padding: 1em;
  }
  
  .accordion {
    width: 100%;
  }
}****/