.baby-blue-bg{
  padding-top:64px;
  padding-bottom:64px;
  background:#f4f9fc;
}
.body-points{
  margin-bottom:64px;
}
.body-points-container{
  max-width:970px;
  margin-left:auto;
  margin-right:auto;
}
.body-points-title{
  margin-bottom:16px;
  margin-top:0;
}
.body-image-wrapper {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  position:relative;
}
.body-image img {
  max-width: 168px;
  margin-left: auto;
  margin-right: auto;
}
.body-image-wrapper{
  margin-top:32px;
}
.body-image + div > div{
  position:absolute;
}
.body-image + div >div:nth-child(1){
   top: 122px;
  left: 0;
}
.body-image + div > div:nth-child(2) {
  top: 122px;
  right: 0;
}
.body-image + div >div:nth-child(3){
   top: 361px;
  left: 0;
}
.body-image + div >div:nth-child(4){
   top: 361px;
  right: 0;
}
.body-image + div >div:nth-child(2n){
  right: 0;
}
.body-image + div > div:nth-child(2n) .toggle-popup{
  right:0;
}

.body-image + div > div:nth-child(n) .icon-description{
  left:-160px;
}
.body-image + div > div:nth-child(2n) .icon-description{
  left:-70px;
}
.icon-description::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  position: absolute;
  bottom: -9px;
}
.body-image + div > div:nth-child(n) .icon-description:before{
  left: 195px;
  
}
.body-image + div > div:nth-child(2n) .icon-description::before {
  left: 188px;
}
.toggle-popup {
  border: 0;
  background: none;
  box-shadow: none;
  position: absolute;
  top: -40px;
}
.toggle-popup img{
    transition:all ease 800ms;
  
}
.toggle-popup.open img{
  transform: rotate(-135deg);

}
.icon-wrapper {
  position: relative;
}
.icon-description {
  position: absolute;
  background: #fff;
  padding: 28px 32px;
  width: 382px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom: 4px solid;
  z-index: 2;
}
.icon-description h3{
  margin-top:0;
  margin-bottom:8px;
}
.icon-description ul {
  list-style: none;
  margin-bottom:0;
}
.icon-description ul li {
  position:relative;
  color:#333;
  
}
.body-points-blue-box {
  background: #00254b;
  padding: 40px 100px 48px 100px;
}
.body-points-blue-description h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 16px;
}
.body-points-blue-description p {
  color:#fff;
}
.body-points-blue-description .d-flex{
  justify-content:space-between;
  align-items:center;
}
.body-points-blue-description .right-section a{
  background:#fff;
  color:#00254b;
  padding:21px 41px;
  border:3px solid #b9d9eb;
  font-size:18px;
  font-weight:600;
  line-height:24px;
  display: flex;
align-items: center;
}

.icon-description ul li:before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #f90;
  position: absolute;
  left: -14px;
  border-radius: 50%;
  top: 10px;
}
@media(max-width:767px){
  .body-points-title{
    text-align:left;
  }
 
  .body-image + div > div:nth-child(n) .icon-description {
  left: -16px;
}
  .whole-patient-comes-first-section.custom-video .content {
  padding: 0 32px !important;
}
  .whole-patient-comes-first-section.custom-video .content .description h2{
    text-align:left;
  }
   .whole-patient-comes-first-section.custom-video .image-quote.overlap{
bottom: -64px;
margin-top: -32px;
  }
  .body-image + div > div:nth-child(n) .icon-description::before {
  left: 37px;
}
  .body-points-blue-description .right-section a {
  padding: 22px 64px;
}
  .icon-description h3 {
  margin-top: 0;
  margin-bottom: 8px;
  padding-right: 32px;
}
  .body-image + div > div:nth-child(2n) .icon-description {
  left: -230px;
}
  .body-image + div > div:nth-child(2n) .icon-description::before {
  left: unset;
  right: 38px;
}
  .icon-description{
    width:343px;
/*   top: -290px; */
    padding: 28px 14px 28px 32px;
  }
  .left-section {
  text-align: center;
}
  .body-points-blue-description h3{
    margin-bottom:8px;
  }
.body-points-blue-description p {
  color: #fff;
  padding: 0 8px 32px 8px;
}
  .body-points-blue-box {
    padding:40px 16px;

    margin-top:32px;
}
  .primary-hyperoxaluria .description--component{
    padding-left:0;
    padding-right:0;
  }
  .toggle-popup img {
  transition: all ease 800ms;
  max-width: 47px;
}
  .body-points-blue-description .d-flex {
  flex-direction: column;
}
  .body-image + div >div:nth-child(1){
   top: 70px;
  left: 0;
}
.body-image + div > div:nth-child(2) {
  top: 70px;
  right: 0;
}
.body-image + div >div:nth-child(3){
top: 235px;
  left: 0;
}
.body-image + div >div:nth-child(4){
 top: 235px;
  right: 0;
}
  .body-points-description p + p {
  margin-top: 24px;
}
  .toggle-popup {
  top: -24px;
 
}
  .seven-icons  .body-image{
    padding-top:72px;
    padding-bottom:132px;
  }
 .seven-icons .body-image + div > div:nth-child(1) {
  top: 24px;
  left: 32px;
}
  .seven-icons .body-image + div > div:nth-child(2) {
  top: 24px;
  right: 32px;
} 
  .seven-icons  .body-image + div > div:nth-child(3){
top: 174px;
left: -8px;
  }
   .seven-icons  .body-image + div > div:nth-child(4){
top: 174px;
right: -8px;
  }
     .seven-icons  .body-image + div > div:nth-child(5){
top: 323px;
  left: 32px;
  }
     .seven-icons  .body-image + div > div:nth-child(6){
top: 323px;
  right: 32px;
  }
  .seven-icons .body-image + div > div:nth-child(7) {
  top: 472px;
  left: 50%;
  transform: translateX(-50%);
}
.seven-icons  .body-image + div > div:nth-child(1) .icon-description,
.seven-icons .body-image + div > div:nth-child(5) .icon-description{
    left:-47px;
  }
  .seven-icons  .body-image + div > div:nth-child(n) .icon-description::before {
  left: 69px;
}

  .seven-icons .body-image + div > div:nth-child(3) .icon-description {
  left: -7px;
}
.seven-icons  .body-image + div > div:nth-child(3) .icon-description::before {
 left: 30px;
}
.seven-icons .body-image + div > div:nth-child(4) .icon-description::before {
 right: 30px;
      left:unset;
}
.seven-icons .body-image + div > div:nth-child(4) .icon-description {
  left: -240px;
}
.seven-icons   .body-image + div > div:nth-child(7) .icon-description {
  left: -125px;
}
.seven-icons  .body-image + div > div:nth-child(7) .icon-description::before {
  left: 188px;
}
.seven-icons .body-image + div > div:nth-child(1) .icon-description::before,
  .body-image + div > div:nth-child(5) .icon-description::before{
  left: 69px;
}
  .body-image + div > div:nth-child(7) .toggle-popup{
   right: 0;
  }
  .body-image + div > div:nth-child(2) .icon-description,
  .body-image + div > div:nth-child(6) .icon-description {
  left: unset;
  right: -16px;
}
.seven-icons  .body-image + div > div:nth-child(2) .icon-description,
.seven-icons  .body-image + div > div:nth-child(6) .icon-description {
  right: -46px;
}
.seven-icons  .body-image + div > div:nth-child(2) .icon-description::before,
.seven-icons  .body-image + div > div:nth-child(6) .icon-description::before{
  left: unset;
  right: 69px;
}
}

.toggle-popup {
	-webkit-animation: scale-in-center 1.7s ease-in-out infinite alternate both;
	        animation: scale-in-center 1.7s ease-in-out infinite alternate both;
}
.body-points-container,
.body-points-container{
  display: flex;
  flex-direction: column;
}
.body-points-container  > div,
 .body-points-container  > div{
  width: 100%;
}
.body-points-title,
 .body-points-title{
  margin-bottom: 0;
}
 .body-points-description,
 .body-points-description{
  order: 1;
  padding-top: 32px;
}
 .body-points-blue-box,
 .body-points-blue-box{
  order: 2;
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.body-points.four-icons,
 .body-points.seven-icons{
  margin-bottom:0;
}
@media(min-width:768px){
  .body-points-title{
  margin-bottom:33px;
}
}

@media(min-width:991px){
  .transparency-accordion.hyperoxaluria-accordion .whole-accordian-column-content .accordian-content > div {
  max-width: 470px;
}
  .body-image + div > div:nth-child(n) .icon-description::before {
  right: 93px;
}
    .body-image + div > div:nth-child(7) .icon-description::before {
  left: unset;
  right: 93px;
}
  .toggle-popup img {
  max-width: 80px;
}
 
  .icon-div {
  max-width: 167px;
}
  .custom-video .description h2 {
  margin: 0;
}
  .body-image + div > div:nth-child(5) {
  top: 227px;
  left: -200px;
}
 
 .body-image + div > div:nth-child(6) {
  top: 227px;
  right: -200px;
}
  .body-image + div > div:nth-child(7) {
  top: unset;
  bottom: 0px;
  left: 202px;
}
  .body-image + div > div:nth-child(7) .toggle-popup {
  right: 0;
}
   .custom-video.whole-patient-comes-first-section {
  padding-top: 64px;
  height: 580px;
}
  .center-cards-section {
  margin-top: 180px;
  margin-bottom: 64px;
}
  .custom-video   .image-quote.overlap{
    bottom: -32px;
    margin-bottom:0;
  }
  .custom-video.second-image .image-quote.overlap .quote {
  top: unset;
  bottom: 175px;
}
 .custom-video.whole-patient-comes-first-section div.cboxElement{
    bottom: 64px;
  }
  .colored-four-cards.custom-vertical-cards .colored-card-container > .field--items {
  justify-content: center;
}
  .colored-four-cards.vertical-cards.custom-vertical-cards .colored-card-container > .field--items > .field--item:nth-child(2) {
  margin-left: 32px;
}
  .colored-four-cards.vertical-cards.custom-vertical-cards  .colored-card-container > .field--items > .field--item {
  flex: 0 0 calc(50% - 16px);
}
  .baby-blue-bg{
    padding-bottom:77px;
  }
   .body-points-title{
  margin-bottom:24px;
}
  .body-points-blue-box{
    margin-top:40px;
  }
}
@media(min-width:768px) and (max-width:991px){
  .seven-icons .body-image + div > div:nth-child(7) .toggle-popup {
  right: -7px;
}
.four-icons .body-image + div > div:nth-child(4) {
  top: 280px !important;
}
  .baby-blue-bg{
    padding:64px 32px;
  }
  .body-points-description p {
  margin-bottom: 0;
}
  .body-points-description p + p {
  margin-top: 24px;
}
  .icon-div {
  max-width: 126px;
}
  .toggle-popup{
    max-width:64px;
    top: -26px;
  }
  .body-image img {
  max-width: 126px;
  margin-left: auto;
  margin-right: auto;
}
  .body-image + div > div:nth-child(1) {
  top: 100px;
     left: 76px;
  }
   .body-image + div > div:nth-child(2) {
  top: 100px;
  }
  
  .body-image + div > div:nth-child(3) {
  top: 280px;
  left: 76px;
}
  
.body-points-blue-box {
  background: #00254b;
  padding: 40px 56px 40px 56px;
  margin-top: 32px;
}
  .body-image + div > div:nth-child(n) .icon-description {
  left: 4px;
     padding: 28px 14px 32px 32px;
}
  .body-image + div > div:nth-child(n) .icon-description::before {
  left: 23px;
}
  .body-image + div > div:nth-child(2n) {
  right: 76px;
    
}
    .body-points .icon-description{
    width:343px;
  }
  .body-image + div > div:nth-child(2n) .icon-description {
  left: -221px;
    
}
  .body-image + div > div:nth-child(2n) .icon-description::before {
  left: 311px;
   
}
  .body-points  .icon-description h3{
    padding-right:18px;
  }
 .body-points  .body-points-blue-description h3{
    margin-bottom:8px;
  }
  .body-points-blue-box .d-flex {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
 .body-points-blue-box   .left-section {
  text-align: center;
   margin-bottom:32px;
}
  .body-points-blue-description .right-section a {
    padding: 22px 68px;
  }
  .hyperoxaluria-accordion.transparency-accordion  .accordion-body{
    padding-top:0  !important;
    
  }
  .hyperoxaluria-accordion .accordion-body ul {
  padding: 0 25px !important;
  margin: 0 !important;
}
  .seven-icons .body-image + div > div:nth-child(n){
  
left: 72px;
  }
   .seven-icons .body-image + div > div:nth-child(2n) {
  right: 72px;
     left: unset;
}
  .seven-icons .body-image + div > div:nth-child(1),
  .seven-icons .body-image + div > div:nth-child(2){
    top: 93px;
  }
  .seven-icons .body-image + div > div:nth-child(3) {
  top: 280px;
}
 .seven-icons .body-image + div > div:nth-child(4) {
  top: 280px;
}
.seven-icons .body-image + div > div:nth-child(5) {
  top: 170px;
  left: -78px;
}
.seven-icons .body-image + div > div:nth-child(6) {
  top: 170px;
  right: -78px;
}
  .seven-icons .body-image + div > div:nth-child(7) {
  top: 350px;
  left: 221px;
}
    .body-image + div > div:nth-child(7) .icon-description::before {
  left: 92px;
}
}
.body-points-top-description {
  margin-top: 24px;
}
.body-points-description {
  font-size: 16px;
  
}

@media(min-width:1001px) and (max-width:1281px){
  .hyperoxaluria-accordion.two-column-card-with-left-content>div{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
.body-points-container .icon-description {
  box-shadow: 0 1px 4px 0 rgba(151, 151, 151, 0.5);
}
.hyperoxaluria-accordion.transparency-accordion .accordian-content > div:first-child .left-content > div > div:nth-of-type(2n+1) .accordion-item {
  background: transparent;
}
@media(min-width:991px){
.primary-hyperoxaluria .banner-overlay-html-content-description--component h2{
margin-bottom: 24px;
}
  .colored-four-cards.horizontal-cards .button-more.button-more {
  padding: 15px 38px;
}
  .body-points-blue-box {
  margin-top: 32px;
}
  .body-points-description {
    text-align: center;
}
}
@media(min-width:768px) and (max-width:991px){
  
  .horizontal-cards .colored-section-describtion{
    margin-top:0 !important;
  }
  .body-points-top-description{
    margin-top:0;
  }
  .custom-video .image-quote.overlap .quote {
  top: unset;
}
}