#hero{
    padding: 100px 0;
}

#hero .sub{
    margin-bottom: 20px;
}

#hero h1{
    padding: 0 100px;
    margin-bottom: 30px;
}

#hero .subtitle{
    margin-bottom: 30px;
}

#hero .content{
    margin-bottom: 50px;
    padding: 0 100px;
}

#hero .tickBG{
    height: initial!important;
}

@media(max-width:991px){
    #hero h1,
    #hero .content{
        padding: 0;
    }
}

@media(max-width:576px){
    #hero .btn-yellow{
        margin-bottom: 20px;
    }
}

/*----------------------------
Data
----------------------------*/

#data{
    padding: 50px 0;
}

#data img{
    width: 100%;
}

#data .top{
    padding: 10px;
}

#data .image{
    background: #fff;
}

#data .bottom{
    padding: 20px;
}

#data .click{
    margin-top: 20px
}

#data .row{
    justify-content: center;
}

/*----------------------------
Content 1 / Content 2
----------------------------*/

#content1,
#content2, #content3{
    padding: 50px 0;
}

#content1 img,
#content2 img{
    width: 80%;
    margin: 0 auto;
    display: block;
}
#content3 img{
    width: 80%;
    display: block;
}

#content1 .row,
#content2 .row,
#content3 .row{
    align-items: center;
}

#content1 .sub,
#content2 .sub,
#content3 .sub{
    text-align: left;
    margin-bottom: 20px;
}

#content2 .btn,
#content3 .btn{
    width: fit-content;
}
#content2{
    background: #172245;
    color: #fff;
}
#content2 .content a{
    color: #fff;
}
#content2 .btn{
    margin-top: 20px;
}
@media(max-width:767px){
    #content1 img,
    #content2 img,
    #content3 img{
        width: 100%;
    }
}