@charset "utf-8";
/* CSS Document */
body
{  
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;  
	line-height:27px; 
	color: #0d102c; 
    margin: 0;
}
a
{
	text-decoration:none; color:#ffbc28;
	outline: none;
}
a:hover
{
	text-decoration:none;color:#ff9e01;
}
#pd-wrapper .pd-container
{
	 display: flex;
	 box-shadow: 0px 13px 80px -28px rgba(0, 0, 0, 0.5);
	 margin-top: 20px;
	 margin-bottom: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 padding-top: 20px;
	 padding-bottom: 30px;
	 padding-left: 28px;
	 padding-right: 0px; 
	 flex-direction: column;
}
#pd-wrapper .pd-container h4
{
	font-size:30px;	
	font-weight: 700;    	
	color:#000;  
	line-height: 34px;
	margin: 0px 0px 10px 0px;
}
#pd-wrapper .pd-container p
{
	margin: 15px 20px 26px 0px;
	padding: 0px 0px 0px 0px;
}
#pd-wrapper .pd-container a
{
	font-weight: 700;
	text-decoration: none;
	line-height: 20px;
	color: #000000;
	transition: color 0.3s;
	display: flex;
	align-items: center;
}
#pd-wrapper .pd-container a img
{
   margin-right:14px;
}


@media (max-width: 991px) {
 
}


/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
{ 
   
}
@media (max-width: 1199px) {
  
 
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
 
}
@media (min-width: 992px)
{
 
}
@media (max-width: 991px) 
{
 
  
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) 
{
   
}
@media (min-width: 768px)
{
 
 
    
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{ 

 }
@media (max-width: 480px)
{
 
}
/* Portrait i phones and smaller */
@media (max-width: 380px) 
{
	
}