/*---   Diamond shape css starts   ---*/
.heading-animate > span > span {
  display: inline;
}
body.ip3-edit .ig-layer-2 { display:none; }
body.ip3-edit .ig-layer-1 { transform:none; transition:none; }
body.ip3-edit .animatable { opacity:1 !important; }

.diomond-img-wrap { position:relative; overflow:hidden; }

.ig-layer-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.ig-layer-1 {
  user-select: none;
  pointer-events: none;
  transform: scale(1.7995951417);
  transition: transform 2s cubic-bezier(0.28, 0.35, 0.06, 0.99) 1s;
}

.ig-layer-2 {
  clip-path: url("#image-mask");
  /* clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); */
}

.ig-layer-2 > div {
  transform: scale(1.5);
  transition: transform 2s cubic-bezier(0.28, 0.35, 0.06, 0.99) 1s;
}

.come-in .ig-layer-1, .come-in .ig-layer-2 > div {
  transform: scale(1);
}

/*---   Diamond shape css ends   ---*/

/* .animletter { display: inline-block; } */


@-webkit-keyframes come-in {
  0% {
    -webkit-transform:translate3d(0, 30px, 0);
    transform:translate3d(0, 30px, 0);
    opacity:0;
  }
  50% {
    -webkit-transform:translate3d(0, 15px, 0);
    transform:translate3d(0, 15px, 0);
    opacity:0;
  }
  100% {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@keyframes come-in {
  0% {
    -webkit-transform:translate3d(0, 30px, 0);
    transform:translate3d(0, 30px, 0);
    opacity:0;
  }
  50% {
    -webkit-transform:translate3d(0, 15px, 0);
    transform:translate3d(0, 15px, 0);
    opacity:0;
  }
  100% {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
.animatable {
  opacity:0
}
.animatable.already-visible {
  opacity:1 !important;
  -webkit-animation:none !important;
  animation:none !important
}
.animatable.come-in {
  -webkit-animation: come-in 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: come-in 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.animdelay-1 {
  -webkit-animation-delay:0.1s !important;
  animation-delay:0.1s !important
}
.animdelay-2 {
  -webkit-animation-delay:0.2s !important;
  animation-delay:0.2s !important
}
.animdelay-3 {
  -webkit-animation-delay:0.3s !important;
  animation-delay:0.3s !important
}
.animdelay-4 {
  -webkit-animation-delay:0.4s !important;
  animation-delay:0.4s !important
}
.animdelay-5 {
  -webkit-animation-delay:0.5s !important;
  animation-delay:0.5s !important
}
.animdelay-6 {
  -webkit-animation-delay:0.6s !important;
  animation-delay:0.6s !important
}
.animdelay-7 {
  -webkit-animation-delay:0.7s !important;
  animation-delay:0.7s !important
}
.animdelay-8 {
  -webkit-animation-delay:0.8s !important;
  animation-delay:0.8s !important
}
.animdelay-9 {
  -webkit-animation-delay:0.9s !important;
  animation-delay:0.9s !important
}
.animdelay-10 {
  -webkit-animation-delay: 1s !important;
  animation-delay: 1s !important
}
.animdelay-11 {
  -webkit-animation-delay: 1.1s !important;
  animation-delay: 1.1s !important
}
.animdelay-12 {
  -webkit-animation-delay: 1.2s !important;
  animation-delay: 1.2s !important
}
.animdelay-13 {
  -webkit-animation-delay: 1.3s !important;
  animation-delay: 1.3s !important
}
.animdelay-14 {
  -webkit-animation-delay: 1.4s !important;
  animation-delay: 1.4s !important
}
.animdelay-15 {
  -webkit-animation-delay: 1.5s !important;
  animation-delay: 1.5s !important
}
.animdelay-16 {
  -webkit-animation-delay: 1.6s !important;
  animation-delay: 1.6s !important
}
.animdelay-17 {
  -webkit-animation-delay: 1.7s !important;
  animation-delay: 1.7s !important
}
.animdelay-18 {
  -webkit-animation-delay: 1.8s !important;
  animation-delay: 1.8s !important
}
.animdelay-19 {
  -webkit-animation-delay: 1.9s !important;
  animation-delay: 1.9s !important
}
.animdelay-20 {
  -webkit-animation-delay: 2s !important;
  animation-delay: 2s !important
}
.animdelay-21 {
  -webkit-animation-delay: 2.1s !important;
  animation-delay: 2.1s !important
}
.animdelay-22 {
  -webkit-animation-delay: 2.2s !important;
  animation-delay: 2.2s !important
}


.heading-animate > span { display:inline-block; }


.hz { height:0; }

/*---   Expandable cards starts   ---*/

@keyframes ecardanim1 {
  from {
    width: calc(25% - 24px);
  }
  to {
    width: calc(100% - 24px);
  }
}

@keyframes ecardanim1off {
  from {
    width: calc(100% - 24px);
  }
  to {
    width: calc(25% - 24px);
  }
}

@keyframes ecardanim2 {
  from {
    width: calc(25% - 24px);
    left: 25%;
  }
  to {
    width: calc(100% - 24px);
    left: 12px;
  }
}

@keyframes ecardanim2off {
  from {
    width: calc(100% - 24px);
    left: 12px;
  }
  to {
    width: calc(25% - 24px);
    left: calc(25% + 12px);
  }
}

@keyframes ecardanim3 {
  from {
    width: calc(25% - 24px);
    left: 50%;
  }
  to {
    width: calc(100% - 24px);
    left: 12px;
  }
}

@keyframes ecardanim3off {
  from {
    width: calc(100% - 24px);
    left: 12px;
  }
  to {
    width: calc(25% - 24px);
    left: calc(50% + 12px);
  }
}

@keyframes ecardanim4 {
  from {
    width: calc(25% - 24px);
    left: 75%;
  }
  to {
    width: calc(100% - 24px);
    left: 12px;
  }
}

@keyframes ecardanim4off {
  from {
    width: calc(100% - 24px);
    left: 12px;
  }
  to {
    width: calc(25% - 24px);
    left: calc(75% + 12px);
  }
}

@keyframes ecardanim31 {
  from {
    width: calc(33.33% - 24px);
  }
  to {
    width: calc(100% - 24px);
  }
}

@keyframes ecardanim31off {
  from {
    width: calc(100% - 24px);
  }
  to {
    width: calc(33.33% - 24px);
  }
}
@keyframes ecardanim32 {
  from {
    width: calc(33.33% - 24px);
    left: 33.33%;
  }
  to {
    width: calc(100% - 24px);
    left: 12px;
  }
}

@keyframes ecardanim32off {
  from {
    width: calc(100% - 24px);
    left: 12px;
  }
  to {
    width: calc(33.33% - 24px);
    left: calc(33.33% + 12px);
  }
}

@keyframes ecardanim33 {
  from {
    width: calc(33.33% - 24px);
    left: 66.66%;
  }
  to {
    width: calc(100% - 24px);
    left: 12px;
  }
}
@keyframes ecardanim33off {
  from {
    width: calc(100% - 24px);
    left: 12px;
  }
  to {
    width: calc(33.33% - 24px);
    left: calc(66.66% + 12px);
  }
}

@keyframes ecardanim21 {
  from {
    width: calc(50% - 24px);
  }
  to {
    width: calc(100% - 24px);
  }
}
@keyframes ecardanim21off {
  from {
    width: calc(100% - 24px);
  }
  to {
    width: calc(50% - 24px);
  }
}

@keyframes ecardanim22 {
  from {
    width: calc(50% - 24px);
    left: 50%;
  }
  to {
    width: calc(100% - 24px);
    left: 12px;
  }
}
@keyframes ecardanim22off {
  from {
    width: calc(100% - 24px);
    left: 12px;
  }
  to {
    width: calc(50% - 24px);
    left: calc(50% + 12px);
  }
}

.ecardno-4 .expandable_cards-hiddentext { width: calc(25% - 24px); }
.ecardno-3 .expandable_cards-hiddentext { width: 33.33%; }
.ecardno-2 .expandable_cards-hiddentext { width: 50%; }

.expandable_cards-hiddentext { 
left: auto;
min-height: 656px;
  position: absolute;
  background: var(--anthracite);
  z-index: 1;
  display: none;
}
@media all and (max-width: 991.98px){
.expandable_cards-hiddentext { min-height: 550px; }
}
/*.expandable_cards-hiddentext.on { min-height: 608px; }*/
.expandable-cards__main-section { display: flex; position: relative; overflow:hidden; }
.expandable-cards__main-section { margin:0 -12px; }
.expandable-cards__main-section .ecards { margin:0 12px; }
.expandable-cards__main-section > div {
  flex: 1;
  display: inline-block;
}


.ecardno-4 .expandable_cards-hiddentext.icn-1.on {
  -webkit-animation: ecardanim1 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim1 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-1.off {
  -webkit-animation: ecardanim1off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim1off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-4 .expandable_cards-hiddentext.icn-2.on {
  -webkit-animation: ecardanim2 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim2 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-2.off {
  -webkit-animation: ecardanim2off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim2off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-4 .expandable_cards-hiddentext.icn-3.on {
  -webkit-animation: ecardanim3 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim3 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-3.off {
  -webkit-animation: ecardanim3off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim3off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-4 .expandable_cards-hiddentext.icn-4.on {
  -webkit-animation: ecardanim4 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim4 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-4.off {
  -webkit-animation: ecardanim4off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim4off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.ecardno-3 .expandable_cards-hiddentext.icn-1.on {
  -webkit-animation: ecardanim31 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim31 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-3 .expandable_cards-hiddentext.icn-1.off {
  -webkit-animation: ecardanim31off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim31off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-3 .expandable_cards-hiddentext.icn-2.on {
  -webkit-animation: ecardanim32 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim32 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-3 .expandable_cards-hiddentext.icn-2.off {
  -webkit-animation: ecardanim32off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim32off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-3 .expandable_cards-hiddentext.icn-3.on {
  -webkit-animation: ecardanim33 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim33 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-3 .expandable_cards-hiddentext.icn-3.off {
  -webkit-animation: ecardanim33off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim33off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-2 .expandable_cards-hiddentext.icn-1.on {
  -webkit-animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-2 .expandable_cards-hiddentext.icn-1.off {
  -webkit-animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-2 .expandable_cards-hiddentext.icn-2.on {
  -webkit-animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-2 .expandable_cards-hiddentext.icn-2.off {
  -webkit-animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@media all and (max-width: 1100.98px){
.expandable-cards__main-section .ecards{margin-bottom:24px;}
.expandable_cards-hiddentext, .ecardno-4 .expandable_cards-hiddentext, .ecardno-3 .expandable_cards-hiddentext { width: calc(50% - 24px); }
.expandable-cards__main-section { flex-wrap: wrap; }
.expandable-cards__main-section > div {
flex: initial;
  display: inline-block;
  width: calc(50% - 24px);
}
.ecardno-4 .expandable_cards-hiddentext.icn-1.on {
  -webkit-animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-1.off {
  -webkit-animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-4 .expandable_cards-hiddentext.icn-2.on {
  -webkit-animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-2.off {
  -webkit-animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-4 .expandable_cards-hiddentext.icn-3.on {
  -webkit-animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-3.off {
  -webkit-animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-4 .expandable_cards-hiddentext.icn-4.on {
  -webkit-animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-4 .expandable_cards-hiddentext.icn-4.off {
  -webkit-animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.ecardno-3 .expandable_cards-hiddentext.icn-1.on {
  -webkit-animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-3 .expandable_cards-hiddentext.icn-1.off {
  -webkit-animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-3 .expandable_cards-hiddentext.icn-2.on {
  -webkit-animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-3 .expandable_cards-hiddentext.icn-2.off {
  -webkit-animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim22off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.ecardno-3 .expandable_cards-hiddentext.icn-3.on {
  -webkit-animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.7s;
}
.ecardno-3 .expandable_cards-hiddentext.icn-3.off {
  -webkit-animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: ecardanim21off 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

}

@media all and (max-width: 767.98px){
.expandable-cards__main-section .ecards{margin-bottom: 12px;margin-left: 0px;}
.expandable-cards__main-section { display:block; }
.expandable-cards__main-section > div { width:100%; position:relative; }
.expandable_cards-hiddentext { width:100% !important; left: 0 !important; height: 100%; }

}

/*---   Expandable cards ends   ---*/