.silentfeature{box-sizing: border-box;position: relative;transition: .6s;width: 93%;margin: 0 auto;}
.silentfeature:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
.silentfeature > div{width:45%;float:left;margin-right:10%}
.silentfeature > div:nth-child(2){margin-right:0%}
.silentfeature > div > h4{color:#1B99D6;font-size: 20px;}
.silentfeature > div:nth-child(1) > div p{color:#110F49;font-size:18px;text-align:center;margin-bottom:0!important; transition: color 0.25s ease-out;}
.silentfeature > div:nth-child(1) > div p.big{font-size: 30px;}
.silentfeature > div:nth-child(1) > div{padding-bottom: 15px;border-bottom: 2px solid #002154;margin-bottom: 10px;}
.silentfeature > div > div{  position: relative;animation-name: animateIn;  animation-duration: 350ms;  animation-delay: calc(var(--animation-order) * 100ms);
animation-fill-mode: both;  animation-timing-function: ease-in-out;}
.silentfeature > div:nth-child(1) > div:hover p{color:#1B99D6;}
.silentfeature > div:nth-child(2) > div:hover p{color:#1B99D6;}



.silentfeature > div > div:hover:after{width:100%}
.silentfeature > div:nth-child(2)  div:hover:after{width:100%}
.silentfeature > div > div:after{content: ''; width: 0; border-bottom: 2px solid #1B99D6; position: absolute; height: 0; bottom: -2px; left: 0; transition: all .5s linear;display:inline-block}
.silentfeature > div:nth-child(2) div:after{content: ''; width: 0; border-bottom: 2px solid #110F49; position: absolute; height: 0; bottom: -2px; left: 0; transition: all .5s linear;display:inline-block}

@keyframes animateIn {
0% {
opacity: 0;
transform: scale(0.6) translateY(-8px);
}

100% {
opacity: 1;
}
}
.silentfeature > div:nth-child(2) {position: relative;min-height: 1050px;box-sizing:border-box;padding:25px;    background: linear-gradient(167deg, rgba(230,230,231,1) 0%, rgba(230,230,231,1) 11%, rgb(230 230 231 / 0%) 68%, rgba(255,255,255,0) 100%);/* padding-top: 5px; */}
.silentfeature > div:nth-child(2) > div p{color:#110F49;font-size:18px;text-align:center;margin-bottom:0!important;transition: color 0.25s ease-out;}
.silentfeature > div:nth-child(2) > div p.big{font-size: 30px;}
.silentfeature > div:nth-child(2) > div{padding-bottom: 15px;border-bottom: 2px solid #1B99D6;margin-bottom: 10px;}

.message {box-sizing: border-box;position: relative;transition: .6s;margin-top: 43px;}
.message{box-sizing: border-box;position: relative;transition: .6s}
.message:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
.message > div{width: 52%;float:left;margin-right: 4%;box-sizing: border-box;position: relative;}
.message > div:nth-child(2){margin-right:0%;padding: 28px;width: 44%;}

.message > div > h4{color:#110F49;font-size:30px;margin-bottom:20px;   }
.message > div > h5{color:#1B99D6;font-size:18px;margin-bottom:20px; text-align: left;}
.message > div:nth-child(2) p{color:#110F49;}
/*.silentfeature > div:nth-child(2):before{content:'';background: url("images/rope2.svg");position:absolute;bottom: -145px;right: -238px;width: 165%;height:100%;border-radius: 9%;z-index: 1;}
.silentfeature:before{content:'';background: url("images/rope3.svg")no-repeat;position:absolute;bottom: 4px;left: 100%;width:100%;height:100%;z-index: 1;}
*/


@media screen and (max-width: 800px){.message > div:nth-child(2) {padding:10px;}}
@media screen and (max-width: 730px){.imgfig{display:none}
.silentfeature > div{width:100%;float:none;margin-right:0%}
.silentfeature > div:nth-child(2) {min-height: auto;}
.message > div , .message > div:nth-child(2){width: 100%;float:none;margin-right:0%}
.silentfeature > div:nth-child(2):before , .silentfeature:before{content:none;}	}







.salients li br {
   display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 0; /* change this to whatever height you want it */
}


@media screen and (max-width:1200px)
{
.highlight-button {width:40%;}
}



@media screen and (max-width:1030px)
{
ul.salients li { font-size: 15px;min-height:170px;}
.orange-block-skews {display: none;}
}

@media screen and (max-width:800px)
{
ul.salients li{float:left;width:calc(33.3% - 30px);margin-top:40px;min-height:115px;}
ul.salients li:nth-child(12){border-right:2px solid #F7932C;}
ul.salients li:nth-child(6){border-right:2px solid #57AA3E;}

ul.salients li:nth-child(3), ul.salients li:nth-child(6), ul.salients li:nth-child(9), ul.salients li:nth-child(12){border-right:none}


.highlight-div-one {float:none; width:100%; margin-right:2%; margin-bottom:1em;}
.highlight-div-two {float:none; width:100%;}

.orange-block-skews-lft {background:#fff; min-height:0px; width:auto; position: relative; bottom:0px; padding:0px; margin-bottom:2em;}
.orange-block-skews-lft:after {display:none;}


}


@media screen and (max-width:500px)
{
ul.salients li{float:left;width:calc(50% - 30px);}
.highlight-button {width:50%;}

ul.salients li{float:left;width:calc(100% - 30px);min-height:auto;border-bottom: 2px solid #d2222a;border-right:none;margin-top:20px;}
ul.salients li:nth-child(7), ul.salients li:nth-child(8), ul.salients li:nth-child(9), ul.salients li:nth-child(10), ul.salients li:nth-child(11), ul.salients li:nth-child(12){border-bottom: 2px solid #d2222a;border-right:none;margin-top:20px;}
ul.salients li:nth-child(6){border-right:none;}

ul.salients li:nth-child(5),ul.salients li:nth-child(6), ul.salients li:nth-child(7), ul.salients li:nth-child(8), ul.salients li:nth-child(9), ul.salients li:nth-child(10), ul.salients li:nth-child(11), ul.salients li:nth-child(12){border-right:none;}
@media screen and (max-width:400px)
{


.highlight-button {width:60%;}
}