.top-banner-360demo{
    background: url('../img/360demo/bannertop.jpg') no-repeat fixed;
    background-size: cover;
    min-height: 93.5vh;
    text-align: left;
    position:relative;
    font-family: 'Roboto', sans-serif; 

}
.top-banner-360demo:before{
    background-color: rgba(28, 0, 59, 0.8);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.btn{
    font-family: 'Montserrat', sans-serif; 
}
.top-banner-360demo .btn {
    padding: 10px 25px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.top-banner-360demo .btn:last-child {
    margin-right:0px;
}
.demo-options{
    background: #fff url('../img/360demo/demo-options/demo-options-bg.png') no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 50vh;
    padding:40px 0px;
}
.demo-options .sec-content {
    background: url('../img/360demo/demo-options/box-bg.png') no-repeat;
    background-size: contain;
    padding:15px;
    text-align: center;
}
.sec-box-header{
    position: relative;
    text-align: center;
    min-height: 60px;
}
.sec-box-header i{
    width: 60px;
    height: 60px;
    display: inline-block;
}
.sec-box-header i{
    width: 60px;
    height: 60px;
}
.sec-box-header span{
    font-family: 'Montserrat', sans-serif; 
    font-size: 24px;
    font-weight:bold;
    padding-top:6px;
    display:block;
}
.demo-options .sec-content .box-content{
    color: #464b4f;
    height: 132px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300;

}
.what-we-offer{
    padding:80px 0 0 0;
}
.wwo-box{
    position: relative;
    padding-left: 65px;
    min-height:56px;
    display: flex;
  align-items: center;
}
.wwo-box i{
    position: absolute;
    left: 0;
    top: 0;
    width:50px;
    height:50px;
}
.wwo-box span{
    display: inline-block;
    font-family: 'Montserrat', sans-serif; 
    font-size: 20px;
    font-weight: 400;
    color:#3c383f;

}
.how-it-works{
    padding:105px 0px;
    background-color: #f6f5f7;
}
.section-heading p{
    font-size: 24px;
    color: #524d55;
    font-family: 'Montserrat', sans-serif; 
    font-weight:normal;
}
.hiw-box{
    text-align: center;
    padding: 10px;
    position: relative;

}
.hiw-box:before{
    content: '';
    width:81px;
    height: 61px;
    display: block;
    position: absolute;
    top:15px;
}
.hiw-box.arrow-right:before{
    background: url('../img/360demo/howitworks/arrow-right-icon.png') no-repeat;
    right:-30px;
}
.hiw-box.arrow-left:before{
    background: url('../img/360demo/howitworks/arrow-left-icon.png') no-repeat;
    right:-30px;
}
.hiw-box h5{
    font-weight: 600;
    margin-top: 15px;
}

.jump-to-demo{
    background: #fff url('../img/360demo/buttons-bg.png') no-repeat;
    background-size:cover;
    background-position: top;
    padding:70px 0px;
}
.jump-to-demo .btn-GFQ {
    background: #bd270a;
    background: -moz-linear-gradient(right, #bd270a 0%, #5b0587 100%);
    background: -webkit-linear-gradient(right, #bd270a 0%,#5b0587 100%);
    background: linear-gradient(to left, #bd270a 0%,#5b0587 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd270a', endColorstr='#5b0587',GradientType=1 );
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
    border-color: transparent;
    padding: 18px 40px;
}
.jump-to-demo .btn-JtD {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1373df+0,2f0047+100 */
background: #1373df; /* Old browsers */
background: -moz-linear-gradient(left,  #1373df 0%, #2f0047 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1373df 0%,#2f0047 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1373df 0%,#2f0047 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1373df', endColorstr='#2f0047',GradientType=1 ); /* IE6-9 */
font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
    border-color: transparent;
    padding: 18px 40px;
    margin-right: 15px;
}
.testimonial-sec{
    padding:70px 0px;
    text-align: center;
}
.testimonial_para{
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
}
.testimonial_subtitle{
    font-size: 18px; 
    font-family: 'Montserrat', sans-serif;
}
#testimonial-slide .carousel-item .testimonial_para{
    position: relative;
}
#testimonial-slide .carousel-inner{
    overflow:visible;
}
#testimonial-slide .carousel-inner:before{
    background:url('../img/360demo/quote-top.png') no-repeat;
    width:34px;
    height: 26px;
    background-size:cover;
    content: '';
    display: block;
    top:-20px;
    left:-30px;
    position: absolute;
}
#testimonial-slide .carousel-inner:after{
    background:url('../img/360demo/quote-bottom.png') no-repeat;
    width:34px;
    height: 26px;
    background-size:cover;
    content: '';
    display: block;
    bottom:-60px;
    right:-30px;
    position: absolute;
}
@media (max-width:1250px){
    .demo-options .sec-content .box-content{
        height:150px;
    }
    .demo-options .sec-content {
        background: url(../img/360demo/demo-options/box-bg.png) no-repeat;
        background-size: cover;
        border-radius: 20px;
        overflow: hidden;
        border-right: 1px solid #fff;
    }
}
@media (max-width:1050px){
    .sec-box-header{
        
    }
    .sec-box-header i {
        width: 40px;
        height: 40px;
    }
    .sec-box-header span {
        font-size: 18px;
    }
    .demo-options .sec-content .box-content{
        height:200px;
    }
}
@media (max-width:992px){
    .jump-to-demo .btn-GFQ,
    .jump-to-demo .btn-JtD{
        font-size:20px;
        padding:14px 30px;
    }
}
@media (max-width:767px){
    .demo-options .sec-content {
        border-right: 0px solid #fff;
        margin-bottom: 10px;
    }
    .demo-options .sec-content .box-content {
        height: auto;
        margin-top:0px;
    }
    .hiw-box.arrow-right:before {
        background: url(../img/360demo/howitworks/arrow-right-icon.png) no-repeat;
        right: 0;
        transform: rotate(90deg);
        bottom: 0;
        left: 0;
        margin: 0 auto;
        top: inherit;
    }
    .hiw-box {
        text-align: center;
        padding: 20px 10px 70px 10px;
        position: relative;
    }
    .hiw-box.arrow-left:before {
        background: url(../img/360demo/howitworks/arrow-left-icon.png) no-repeat;
        right: 0;
        transform: rotate(-90deg);
        bottom: 0;
        left: 0;
        margin: 0 auto;
        top: inherit;
    }
    .row.arrow-down {
        margin-top: -90px;
    }
    #testimonial-slide .carousel-inner:before{
        top: -30px;
        left: -23px;
        transform: rotate(5deg);
    }
    #testimonial-slide .carousel-inner:after{
        bottom: -80px;
    right: -30px;
    transform: rotate(5deg);
    }

}
@media (max-width:575px){
    .text-center-sm{
        text-align: center;
    }
    .wwo-box{
        display:inline-block;
        text-align: center;
    }
    .wwo-box i {
        position: relative;
        left: inherit;
        top: inherit;
        width: 56px;
        height: 56px;
        display: block;
        margin: 0 auto;
    }
    .wwo-box {
        display: inline-block;
        text-align: center;
        padding-left: 0;
    }
    .jump-to-demo .btn-GFQ,
    .jump-to-demo .btn-JtD{
        margin-bottom: 10px;
    }
    #testimonial-slide .carousel-inner:after {
        bottom: -110px;
    }
    .top-banner-360demo .btn {
        padding: 8px 20px;
        margin-right:5px;
        font-size: 16px;
    }
    
}