.wrapper{
    width: 100%;
    position: relative;
}
.btn-center{
    margin-top: 60px;
    text-align: center;
    position: relative;
}
.btn-loadmore{
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    background: #41BCE3;
    position: relative;
    padding: 18px 60px 18px 60px;
    text-transform: capitalize;
    text-decoration: none;
}
.btn-loadmore:before, .btn-loadmore:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.btn-loadmore:before {
    left: -50px;
    bottom: -23px;
    background-image: url(/mobify/wp-content/uploads/2024/03/image/buttons-lines-2.svg);
}
.btn-loadmore:after {
    left: auto;
    right: -50px;
    top: -26px;
    background-image: url(./image/buttons-lines-1.svg);
    background-position: right;
}
.tab{
    display: none;
}

/***** Tabs Css Start *****/    
.tabs{
    position: relative;
}
.tabs ul{
    padding-left: 0px;
} 
.tabs ul li{
    list-style-type: none;
    display: inline-block;
    margin: 0px 4px 10px 0px;
}
.tabs ul li a{
    color: #474747;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none !important;
    border: 1px solid #474747;
    border-radius: 50px;
    padding: 10px 20px;
    display: block;
}
.tabs ul li a:hover{
    color: #FFF;
    background: #41BCE3;
    border: 1px solid #41BCE3;
}
.tabs ul li a:active{
    color: #FFF;
    background: #41BCE3;
    border: 1px solid #41BCE3;
}
.active a{
    color: #FFF !important;
    background: #41BCE3;
    border: 1px solid #41BCE3 !important;
}
.btn-showless{
    cursor: pointer;
}
.btn-showless a {
    color: #41BCE3 !important;
    background: #EDF8FC;
    border: 1px solid #EDF8FC !important;
}
.btn-showless a:hover {
    color: #FFF !important;
}

/***** Tabs Css End *****/

/***** Revolutionize Banner Css Start *****/
.revolutionize-banner {
    background: url(/mobify/wp-content/uploads/2024/03/revolutionize-your-business-with-mobify-bg-1.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    border-radius: 10px;
    margin-top: 34px;
}
.revolutionize-banner h2{
    color: #FFF;
    width: 100%;
    max-width: 632px;
    font-size: 44px;
    font-weight: 700;
    line-height: 60px;
    margin: 0px;
    padding: 84px 0px 96px 80px;
}

/***** Revolutionize Banner Css End *****/

/***** Blog Post Css Start *****/
.blogs{
    position: relative;
}
.blog_box{
    margin-top: 20px;
    margin-right: 30px;
    width: 31.7%;
    float: left;
}
.blog_box:nth-child(3n){
    margin-right: 0px !important;
}
.blog_box .thumbnail{
    position: relative;
    width: 100%;
    height: 100%;
    height: 265px;
    object-fit: cover;
    overflow: hidden;
}
.blog_box .thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.blog_box .caption{
    margin-top: 25px;
}
.blog_box .caption p {
    color: #888;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
.blog_box .caption h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 15px;
}

/***** Blog Post Css End *****/

@media (max-width: 767.98px){
.blog_box:nth-child(2n){
    margin-right: 0px !important;
}
.blog_box:nth-child(3n){
    margin-right: 30px !important;
}
.blog_box {
    width: 48.6% !important;
}
.revolutionize-banner h2 {
    color: #FFF;
    width: 100%;
    max-width: 354px;
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
    margin: 0px;
    padding: 44px 0px 56px 40px;
}
}
@media (max-width: 575.98px){
.blog_box:nth-child(2n){
    margin-right: 0px !important;
}
.blog_box:nth-child(3n){
    margin-right: 0px !important;
}
.blog_box {
    width: 100% !important;
}
}