.container-calc-wrap .slides {
width: 100%;
display: flex;
border-radius: 10px;
overflow: hidden;
}
.container-calc-wrap .slide {
list-style-type: none;
height: 400px;
width: 10%;
overflow: hidden;
-webkit-transition:all 500ms linear;
-moz-transition:all 500ms linear;
-o-transition:all 500ms linear;
-ms-transition:all 500ms linear;
transition:all 500ms linear;
background-size: cover !important;
background-blend-mode: multiply !important;
}     .brand2{
background-color: #b43e8f
}
.brand3{
background-color: #6200b3
}
.brand4{
background-color: #3b0086
}
.brand5{
background-color: #290628
}
.container-calc-wrap .slide a.action{
display: flex;
height: 100%;
position: relative;
justify-content: space-around;
}
.container-calc-wrap .slide a.action span{
font-weight: 600;
color:#fff;
transform: rotate(270deg);
position: absolute;
top: 10%;
width: 140px;
left: -30%;
height: 100px;
}
.container-calc-wrap .slide-content{
display: block;
width: 100%; color:#fff;
height: 100%;
}
.container-calc-wrap .active {
width:80%;
}
.container-calc-wrap .active a.action{
display: none;
}
.calculator-bg{
background-color: white;
}
.calculator-con-inner,
.calculator-bg{
border-radius: 10px;
}
.calculator-con-inner{
background-color: #F2EEEE;
}
.calc-header {
background-color: white;
color: black;
border-radius: 4px 4px 0 0;
}
.calc-bg{
border: 1px solid white;
}
.calculator-dependant{
background-color: #F2F9FF;
}
.calculator-container small,
.calculator-dependant p.title{
font-size: 12px;
}
i.calculator-controls-op {
color: var(--sh-orange);
cursor: pointer;
font-size: 25px;
}
.calculator-controls .badge{
margin-top: 9px;
background: none !important;
border: 1px solid #E3E3E3;
color: #000000 !important;
}
.container-calc-wrap,
.container-slides,
.container-calc-wrap .slides{ }
.calc-icon img{
width: 50px;
}
.action h5{
writing-mode: vertical-rl; }
@media (max-width: 575.98px) {
.calculator-header h4 {
font-size: 14px !important;
}
.container-calc-wrap .slide {
height: 430px !important;
}
}