





.block-content-05 {
    --h2fs: 40px;
    position: relative;
}
.block-content-05.eeeded-to-ffffff {
    background-color: var(--colorEEEDED);
}
.block-content-05.ffffff-to-eeeded {
    background-color: var(--colorffffff);
}
.block-content-05.eeeded-to-ffffff>.main-warpper {
    background-color: var(--colorffffff);
}
.block-content-05.ffffff-to-eeeded>.main-warpper {
    background-color: var(--colorEEEDED);
}
.block-content-05>.main-warpper {
    padding: var(--n60) 0;
    border-radius: 48px 48px 0px 0px;
}
.block-content-05 .container>.row {
    margin: 0;
}
.block-content-05 .container>.row>[class*=col-] {
    padding: 0 var(--n48);
}
.block-content-05 .container>.row>[class*=col-]:first-child {
    padding-left: 0;
}
.block-content-05 .container>.row>[class*=col-]:last-child {
    border-left: 1px solid var(--color00000025);
    padding-right: 0;
}
.block-content-05 .container>.row>[class*=col-]:last-child>* {
    margin-bottom: var(--n16);
}
.block-content-05 .container>.row>[class*=col-]:last-child>*:last-child {
    margin-bottom: 0;
}
.block-content-05.eeeded-to-ffffff .span100 {
    background-color: var(--colorffffff);
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    height: var(--n60);
}
.block-content-05.ffffff-to-eeeded .span100 {
    background-color: var(--colorEEEDED);
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    height: var(--n60);
}
@media (max-width:991.98px) {
    .block-content-05 .container>.row>[class*=col-] {
        padding: 0;
    }
    .block-content-05 .container>.row>[class*=col-]:last-child {
        padding: var(--n24) 0 0;
        border-left: none;
    }
}





@keyframes scale {
  100% {
    transform: scale( 1 ) ;
  }
}

.block-content-05 .container h2 span ,
.block-content-05 .container p span
{
  display: inline-block ;
  opacity: 0 ;
  filter: blur( 4px ) ;
}

@keyframes fade-in {
  100% {
    opacity: 1 ;
    filter: blur( 0 ) ;
  }
}
