.learn-more {
    color:#ffffff;
    font-size: 20px;
   }
 
 .read-more {
     transition: 0.4s;
 }
 
 .learn-more-container {
     width: 76px;
     height: 76px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #ffffff !important;
     box-shadow: -1px 4px 13px -1px rgb(0 0 0 / 30%);
     background-color: #56b8e6; 
     border-radius: 50%;
     text-align: center;
     transition: 0.2s ease-in;
 }
 
 .learn-more-container.big {
     width: 86px;
     height: 86px;
 }
 

 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
}
 
 .section-dark {
     background-color: #f0f0f0;
 }
 
 .next-link:hover, .next-link:focus{
     color: #56b8e6;
 }
 
 .offer-img {
     height: 240px;
 }

 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
}



.single-blog-item p {
    font-size: 16px;
}

.single-project p {
    font-size: 14px;
}


@media screen and (max-width:480px){
    .brand-logo {
        display: none;
    }

    .logo-icon {
        display: block;
    }

    .carousel-item {
       min-height: 380px;
   }
   
   .carousel-item img {
       min-height: 380px;
       object-fit: cover;
   }

    .logo {
       width: 120px;
    }

    .carousel-caption {
       left: 0;
       width: 100%;
       margin: auto 0;
       padding-bottom: 0;
    }

    .carousel-caption p {
       max-width: 250px;
    }

    .carousel-indicators {
       display: none;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 45px;
        height: 40px;
     
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
       height: 1.3rem;
       width: 1.3rem;
    }


    .learn-more-container {
        width: 60px;
        height: 60px;
    }

    .blog-thumbnail {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%;
       width: 100%;
   }


   .single-blog-item {
       display: block !important;
   }
    
}
