/* white you custom css code here. only css code will work */
.home-21.footer-area .contact_info_list li.single-info-item .icon, 
.home-21.footer-area .footer-widget.widget_nav_menu ul li a:after, 
.home-21.footer-area .contact_info_list li.single-info-item .icon, 
.home-21.footer-area .footer-widget.widget_nav_menu ul li a:after{color:#68C73B !important;}
.single-product-cat-item .thumb img{object-fit:contain !important;   !important; height:200px !important; border:#0A477E solid;
border-radius:10px;}
.footer-logo{width:150px !important; height:auto !important; border-radius:10px;}
.blog-classic-item-01 h4{ font-size:24px !important;}
body .breadcrumb-area{background-image: url(https://jpnnationalcentre.com/assets/uploads/media-uploader/books-bg1753295731.jpg
) !important; background-size:cover}
.owl-item h1{opacity:0.3;}

/* H1 - Main Hero Heading (Bold, Gradient, and Animated) */
 .col-lg-6 .title{
   
 color:#1360AB !important;  
   position: relative !important;
    display: block;
    animation: slideIn 1s ease-out;
}

.col-lg-6 .title::after {
    content: '';
    position: absolute;
    width: 60%;
    height: 4px;
    background: #69C73A;
    bottom: -10px;
    left: 0;
    transition: width 0.3s ease;
}

.col-lg-6 .title:hover::after {
    width: 100%;
}

.justify-content-center  h2{    
    color:#1360AB !important;  
    
    
     
    position: relative;
    display: block;
    text-align: center;
    animation: fadeIn 1s ease-out;}
.justify-content-center  h2::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 4px;
    background: #69C73A;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.justify-content-center  h2:hover::after {
    width: 80%;
}
.logistics-single-what-we-cover-item .thumb{ border:solid }
.latest-cause-area img{height:200px; display: block; margin:auto;}

.portfolio-about-us-section .container .col-lg-4 .img-wrapper img{width:250px ;}
.portfolio-about-us-section .shape-06 img{width:100px !important;}
.portfolio-about-us-section .img-wrapper:after{border-color:#69C73A !important;}
.col-lg-6 p{color:black;  text-align: justify;}
.col-lg-6 .description{color:black;  text-align: justify;}
.description{ text-align: justify;}
@media only screen and (max-width: 991px) {
  .navbar-collapse ul li a{color:#1360AB !important;}
  .navbar-area .nav-container{min-height:auto !important;}
  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler{background-color:white !important;}
}