.section1 {
    padding-top:10px;
    background-color:#F0F0F0;
}
body {
    color: #212529;
}
.section3-desktop, .section3-mobile {
    background-color:#F0F0F0;
    padding-bottom:10rem;
}
.section4 {
    background-color:#161616;
}
.section5 {
    background-color:#F0F0F0;
}
.section6-desktop, .section6-mobile {
    background-color:#161616;
}
.section7-desktop, .section7-mobile {
    background-color:#F0F0F0;
}
.header{
    padding-top:0px;
    padding-bottom: 3rem;
}
 .section1-header{
    padding-top:5rem;
    background:#F0F0F0 !important;
}
.section1-img{
    padding-top:4rem;
}
.section2-header{
    background:#FFFFFF!important;
}
.section2-header-2{
    padding-top:9rem;
    background:#FFFFFF!important;
}
.section2-desktop .box-pd{
    background:#F0F0F0;
}
.section2-mobile .box-pd{
    background:#F0F0F0;
}
.section3-desktop .box-pd{
     background:#FFFFFF!important;
}
.section3-mobile .box-pd{
     background:#FFFFFF!important;
}
.section3-header{
    background:#F0F0F0 !important;
}
.section4-header{
  color:white;
  background:#161616 !important;
}
.section4 p{
    color:white;
}
.section4 .default-image{
    margin-top:-9rem;
    margin-left:-16rem;
    max-width: 125%;
    height:auto;

}
.section4 .platforms{
    margin-top:3rem;
    background:#161616 !important;
}
.section4 h3{
    color:white;
    font-weight: bold;
}
.section5 h2{
    background:#F0F0F0 !important;
}
.section5 .box-pd{
    background:#FFFFFF !important;
}
.section5 .steps-boxes{
    margin-top:3rem;
}
.section5 .steps-number{
    text-align:left !important;
    font-weight:bold;
}
.section6-desktop h2{
    color:white;
    background:#161616 !important;
}
.section6-desktop p{
    color:white;
}
.section6-desktop .d-flex div p{
    color:white;
    font-weight:bold;
    font-size:20px;
    border-right:1px solid;
    border-right-color: #CD0511;
    padding-right:2rem;
    padding-left:2rem;
    text-align:left;
}
.section6-desktop .d-flex{
    margin-top:3rem;
}
.section6-desktop .d-flex div .last-item{
    border:0px
}

.section6-mobile h2{
    color:white;
    background:#161616 !important;
}
.section6-mobile p{
    color:white;
}
.section6-mobile .d-flex div p{
    color:white;
    font-weight:bold;
    font-size:20px;
    border-bottom:1px solid;
    border-bottom-color: #CD0511;
    padding-bottom:1rem;
    text-align:left;
}
.section6-desktop .d-flex{
    margin-top:3rem;
}
.section6-mobile .d-flex div .last-item{
    border:0px
}

.section7-desktop h2{
    background:#F0F0F0 !important;
}
.section7-desktop .row-numbers{
    margin-top:3rem;
}
.section7-desktop .col-numbers{
    margin-right:1rem;
    margin-left:1rem;
}
.section7-desktop .h3-numbers{
    font-weight:bold;
}

 .section7-mobile h2{
    background:#F0F0F0 !important;
}
.section7-mobile .row-numbers{
    margin-top:3rem;
}
.section7-mobile .col-numbers{
    margin-right:1rem;
    margin-left:1rem;
}
.section7-mobile .h3-numbers{
    font-weight:bold;
}
.box-pd:hover{
    background-color:#E7E7E7 !important;
}
.section7-mobile .carousel-control-prev-icon {
    color:#AAAAAA;
}
.section7-mobile .carousel-control-next-icon {
    color:#AAAAAA;
}
.carousel .carousel-indicators button {
   width: 10px;
   height: 10px;
   border-radius: 100%;
   background-color:gray;
}
.carousel-indicators {
    bottom:-50px
}
@media(max-width:1399px) and (min-width:1200px){
     .section4 .default-image{
        margin-top:-9rem;
        margin-left:0rem;
        max-width: 125%;
        height:auto;

    }
}
 @media(max-width:1199px) and (min-width:992px){
     .section4 .default-image{
        margin-top:-9rem;
        margin-left:-4rem;
        max-width: 125%;
        height:auto;

    }
    .section6-desktop .d-flex div p{
        padding-right:1rem;
        padding-left:1rem;
    }
    .section6-desktop .justify-content-between div p{
        font-size:17px;
    }
}
 @media(max-width:991px){
     .section4 .default-image{
        margin-top:0rem;
        margin-left:0rem;
        max-width: 100%;
        height:auto;

    }
    .header{
        padding-bottom:1rem;
    }
    .section6-mobile {
        padding-bottom:2rem;
    }
}
@media (min-width:576px )and (max-width:992px) {
    .section3-mobile .carousel-item .boxy > div{
        min-height: 350px;
    }
    .section2-mobile .carousel-item .boxy > div{
        min-height: 300px;
    }
}
 @media (max-width:575px) {
    .section3-mobile .carousel-item .boxy > div{
        min-height: 400px;
    }
    .section2-mobile .carousel-item .boxy > div{
        min-height: 300px;
    }
}