body {
    /background-image: linear-gradient(to right, #96294E , #f80759);
    /color: white;
    background-color: #f7f7f7;
}

h1 {
    text-align: center;
    color: white
}




@import url('https://fonts.googleapis.com/css?family=Hind:300,400');

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

nav, header {
    height: 54px; 
    background-image: linear-gradient(to right, #fff , #fff); 
    width: 100%;
    display: flex;        
    z-index: 100;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
}

.navlogo h1 {
    background: linear-gradient(to right, #ad1447 0%, #f80759 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    letter-spacing: -.7;
}

.navlinks button, .navlinks2 button {
     color: black;
}

.navlinks button:hover {
    color: #f80759;
    border: none;
}



.FAQcontainer {
  margin: 0 auto;
  padding: 4rem;
  width: 70%;
    padding-bottom: 200px;
}

h3 {
  font-size: 1.75rem;
  color: #373d51;
  padding: 1.3rem;
  margin: 0;
}

.accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #191919;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #b6b6b6;
}

.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #191919;
}

.accordion a:hover::after {
  border: 1px solid #191919;
}

.accordion a.active {
  color: #191919;
  border-bottom: 1px solid #f80759;
}



.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}

.accordion .content p {
  font-size: 1rem;
  font-weight: 300;
 
}

.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 109%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}

.accordion-item {
   position: relative; 
}

.accordion-item i {
   position: absolute; 
    right: 0;
    padding: 4px;
}


.container {
    width: 100%;
    padding: 0;
}

.text-white-70 {
    min-height: 30vh
}

.fullLines {
  z-index: -1;
    height: 100%;
    width: 50%;
    
}

@media screen and (max-width: 700px ){
    .FAQcontainer {
      width: 95%; 
        padding: 80px 20px;
    }
    
    .FAQcontainer h2 {
      font-size: 22px;
    }
    .row {
      padding: 20px;   
    }
}