p{
   
    color: #000;
    line-height: 1.5;
    font-weight: 500;
}
.nav-menu a {

color: #fff;

}

header.sticky .nav-menu a {

color: #010000;

}


.main-navbar:hover  .nav-menu a {

color: #010000;

}

.main-navbar:hover  .nav-menu a:hover {

color: #7039c2;

}

.right-panel a {

color: rgb(82, 43, 145) !important;

}

.right-panel a:hover {

color: rgb(50, 181, 99) !important;

}
         
         body{
         background-color: #f7f7f5;
         }
         .news-detail-page {
           padding: 60px 0 0px;
         }
		 
		 .news-publish-date p {
			color: #4c4c4c;
			font-size: 16px;
		}
		
		.news-publish-date p span{
		  font-weight: 500;
		}
		
		.shocial-share {
			display: flex;
			align-items: center;
			gap: 10px;
			line-height: 0.5;
		}
		
		.shocial-share .linkin svg {
			position: relative;
			top: -3px;
		}
		
		
		
		.shocial-share a svg{
		  width: 25px;
		    
			 
		}
		
		.shocial-share a svg path{
		   fill: #817d7d;
		}
		.shocial-share a.insta svg path{
		  fill: none;
		  stroke: #817d7d;
		}
		
		.shocial-share a.insta svg{
		  width: 30px;
		  
		}
		
		.shocial-share a:hover svg path{
		   fill: #000;
		}
		
		.shocial-share a:hover.insta svg path{
		  fill: none;
		  stroke: #000;
		}
		
		.news-mata {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #c5c5c5;
			padding-bottom: 20px;
		}
         .news-detail-layout {
         display: grid;
         grid-template-columns: 2fr 1fr;
         gap: 80px;
         }
         .news-detail-hero{
         position: relative;
         width: 100%;
         height: 440px;
         overflow: hidden;
         transform: skew(-3deg);
         }
         .news-detail-hero img {
         width: 100%;
         border-radius: 28px;
         display: block;
         height: 100%;
         object-fit: cover;
         }
         .news-detail-title {
         font-size: 30px;
         font-weight: 600;
         margin: 30px 0 15px;
         color: #000;
         font-style: italic;
         line-height: normal;
         }
         .news-detail-meta {
         font-size: 14px;
         margin-bottom: 25px;
         color: #666;
         }
         .news-detail-content p {
         margin-bottom: 18px;
         }
        .itelic {
            font-style: italic;
        }
        
        
         
         .news-detail-content h2 {
            font-size: 24px;
            font-weight: 600;
            margin: 15px 0 15px;
            color: #000;
            font-style: italic;
            line-height: normal;
         }
         
           .news-detail-content h3 {
            font-size:18px;
            font-weight: 600;
            margin: 15px 0 15px;
            color: #000;
            font-style: italic;
            line-height: normal;
         }
         
         .lower-alfa li{
            list-style-type: lower-alpha;
        }
        
        .lower-alfa li:before {
            content: ")";
            position: relative;
            left: -5px;
        }
         
          .news-detail-content ul{
             padding-left: 20px;
          }
         
       
         
         .news-detail-content ul li{
              margin-top: 8px;
              margin-bottom: 8px;
         }
         
         .news-detail-content ol{
             padding-left: 20px;
          }
         
         .news-detail-content ol li{
              margin-top: 8px;
              margin-bottom: 8px;
         }
         /* =============================
         SIDEBAR
         ============================= */
         .sidebar-title {
         font-size: 30px;
         font-weight: 600;
         margin-bottom: 20px;
         font-style: italic;
         }
         .most-read-card {
         display: flex;
         gap: 26px;
         background: #fff;
         padding: 15px;
         border-radius: 18px;
         margin-bottom: 20px;
         align-items: center;
         transition: 0.3s ease;
		 transform: skew(-3deg);
         }
         
         .most-read-card img {
			width: 128px;
			height: 144px;
			object-fit: cover;
			border-radius: 14px;
		}
         .most-read-content h4 {
			font-size: 20px;
			margin-bottom: 8px;
			font-weight: 500;
			line-height: 1.3;
		}
		
		.most-read-content .btn-icon img {
			position: relative;
			top: 2px;
			width: 18px !important;
			height: auto !important;
		}
		
		.most-read-content .btn-icon {
			padding: 6px 12px;
		}
		
		.most-read-content .know-more-btn a {
		      font-size: 18px;
		}
		
		.most-read-content .btn-text {
			padding: 6px 14px;
			}
        
         @media (max-width: 1024px) {
         .news-detail-layout {
         grid-template-columns: 1fr;
         }
         }
		 
		 @media (max-width: 767px) {
		   .news-detail-hero{
		         height: 300px;
		   }
		   
		   .news-mata{
		     flex-direction: column;
		   }
		   
		   .news-detail-title {
			font-size: 18px;
			}
			
			.news-detail-layout{
			     gap: 40px;
			}
			
			.sidebar-title {
			  font-size: 20px;
			}
			
			.most-read-card {
			  gap: 12px;
			  padding: 10px;
			}
			
			.most-read-content h4 {
			  font-size: 15px;
			}
			
			.most-read-card img{
				width: 108px;
				height: 124px;
		   }
		   
		   .most-read-content .know-more-btn a {
				font-size: 16px;
			}
			
			.news-detail-content h2 {
              font-size: 18px;
			}
			
			.news-detail-content h3 {
              font-size: 16px;
			}
		 }
		 
		 @media only screen and (min-width: 768px) and (max-width: 1199px)  {
		   .news-detail-hero {
		         height: 400px;
		   }
		   
		   .news-detail-content h2 {
            font-size: 20px;
		   }
		   
		   .news-detail-title {
			font-size: 24px;
			}
			
			.news-detail-layout{
			      gap: 50px;
			}
			
			.sidebar-title {
				font-size: 26px;
			}
			
			.most-read-content h4 {
			font-size: 18px;
			}
		 }
		 
		 @media only screen and (min-width: 1200px) and (max-width: 1366px)  {
		  .news-detail-title {
			font-size: 26px;
			}
			
			.sidebar-title {
			font-size: 26px;
			}
			
			.most-read-content h4 {
			 font-size: 16px;
			}
			
			.most-read-card img {
				width: 116px;
				height: 136px;
			}
			
			.most-read-content .know-more-btn a {
				font-size: 16px;
			}
			
			 .news-detail-content p {
                 margin-bottom: 14px;
            }
			
			.most-read-card{
			  gap: 15px;
			  padding: 10px;
			}
		 }
		 
		  @media only screen and (min-width: 1367px) and (max-width: 1440px)  {
		    .news-detail-title {
			  font-size: 26px;
			}
			
			.sidebar-title {
			font-size: 26px;
			}
			
			.most-read-card {
			  gap: 16px;
			  padding: 12px;
			}
			
			.most-read-content h4 {
				font-size: 18px;
			}
			
		   .news-detail-content p {
                 margin-bottom: 15px;
            }
			
			.most-read-content .know-more-btn a {
				font-size: 16px;
			}
		  }
		  
		   @media only screen and (min-width: 1441px) and (max-width: 1680px)  {
		       .news-detail-content p {
                 margin-bottom: 15px;
            }
		       
		   }