.boxWithNumberComp{padding:40px 0;background-color:#fff5ef;position:relative}
.boxWithNumberComp .thsnHeading{padding-bottom:70px}
.boxWithNumberComp .innerContent{padding:45px 38px;background-color:#fff;height:100%;border:1px solid #ff7500;border-radius:37px;-webkit-border-radius:37px;-moz-border-radius:37px;-ms-border-radius:37px;-o-border-radius:37px;position:relative}
.boxWithNumberComp .innerContent .numberText{display:flex;align-items:center;justify-content:center;background-color:#ff7500;position:absolute;left:40px;top:-30px;width:67px;height:67px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.boxWithNumberComp .innerContent .numberText span{display:block;font-family:'Rubrik';font-weight:600;font-size:4rem;line-height:42px;color:#fff;position:relative;top:-3px}
.boxWithNumberComp .innerContentWrap{display:flex;flex-wrap:wrap}
.boxWithNumberComp .innerContentWrap .halfBox{margin-bottom:70px}
.boxWithNumberComp .innerContent h4{font-family:'Rubrik';font-weight:600;font-size:2.4rem;line-height:34px;color:#000;padding-bottom:20px}
.boxWithNumberComp .innerContent p{font-family:'Rubrik';font-size:2rem;line-height:32px;color:#000;padding-bottom:10px}
.boxWithNumberComp .innerContent p strong{font-family:'Rubrik';font-weight:600}
.boxWithNumberComp .bg1{position:absolute;left:20px;top:30px}
.boxWithNumberComp .bg2{position:absolute;right:30px;top:20%}
.boxWithNumberComp .bg3{position:absolute;left:30px;top:30%}
.boxWithNumberComp .bg4{position:absolute;left:20px;bottom:20px}
.boxWithNumberComp .bottomContent{padding:0 38px}
.boxWithNumberComp .bottomContent p{font-family:'Rubrik';font-size:1.4rem;line-height:20px;color:#000;padding-bottom:10px}
.boxWithNumberComp .halfBox:last-child .innerContent{margin-bottom:20px}
.boxWithNumberComp .innerContentWrap{flex-flow:column wrap;align-content:space-between;height:2030px}
.boxWithNumberComp .innerContentWrap .halfBox{height:auto;width:49%}
.boxWithNumberComp .innerContentWrap .halfBox:nth-child(2n+1){order:1}
.boxWithNumberComp .innerContentWrap .halfBox:nth-child(2n){order:2}
.boxWithNumberComp .innerContentWrap.adjusted{height:auto}
.boxWithNumberComp .innerContentWrap .halfBox.fullBox{width:100%}
@media(max-width:1200px){.boxWithNumberComp .bg1{top:100px}
.boxWithNumberComp .bg4{bottom:40px}
.boxWithNumberComp .bg1,.boxWithNumberComp .bg4{width:60px}
.boxWithNumberComp .bg2{width:25px;right:15px}
.boxWithNumberComp .bg3{width:40px;left:10px}
.boxWithNumberComp .innerContentWrap{height:auto}
.boxWithNumberComp .innerContentWrap .halfBox{width:100%}
}
@media(max-width:992px){.boxWithNumberComp .bg1,.boxWithNumberComp .bg2,.boxWithNumberComp .bg3,.boxWithNumberComp .bg4{display:none}
.boxWithNumberComp .innerContent{padding:40px 20px}
.boxWithNumberComp .innerContentWrap .halfBox{margin-bottom:50px}
.boxWithNumberComp .bottomContent{padding:0 20px}
.boxWithNumberComp .innerContent .numberText{left:20px;top:-25px;width:54px;height:54px}
.boxWithNumberComp .innerContent .numberText span{font-size:3rem;line-height:32px}
.boxWithNumberComp .innerContent h4{font-size:2rem;line-height:30px;padding-bottom:10px}
.boxWithNumberComp .innerContentWrap .halfBox:nth-child(2n+1){order:initial}
.boxWithNumberComp .innerContentWrap .halfBox:nth-child(2n){order:initial}
.boxWithNumberComp .halfBox.mainActive .innerContent{border-color:#ff7500}
.boxWithNumberComp .halfBox.mainActive .innerContent .contentText{display:block}
}
@media(max-width:767px){.boxWithNumberComp{padding:20px 0 20px 0}
.boxWithNumberComp .thsnHeading{padding-bottom:40px}
.boxWithNumberComp .innerContent{border:1px solid #000;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}
.boxWithNumberComp .innerContent h4{position:relative}
.boxWithNumberComp .innerContent h4:after{content:'';position:absolute;right:0;top:10px;background:url(../../../../../../content/dam/futuregeneraliindiainsurancecoltd/thsn-/down-black-arrow.svg) no-repeat;width:24px;height:15px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in}
.boxWithNumberComp .innerContent h4.selected:after{background:url(../../../../../../content/dam/futuregeneraliindiainsurancecoltd/thsn-/down-orange-arrow.svg) no-repeat;width:24px;height:15px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
.boxWithNumberComp .innerContent h4 br{display:none}
.boxWithNumberComp .innerContent p{font-size:1.6rem;line-height:22px;padding-bottom:20px}
.boxWithNumberComp .bg2{top:40%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.boxWithNumberComp .innerContent h4{padding-right:50px;position:relative}
.boxWithNumberComp .innerContent .contentText{display:none}
}