@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');
body{font-family: 'Tajawal', sans-serif; }
/****************** Header **********************/
.nomargin { margin: auto;}
.nopadding { padding: 0px;}
/*******************************************************/
.div-police-head {
padding: 42px 0px 24px 0px;
justify-content: center;
align-items: center;}

.div-police-head h1 {
color: #87786C;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 156.5%; /* 50.08px */
text-transform: capitalize;
	
}
.div-police-body { background: #FFF; border-radius: 12px;border: 1.5px solid rgba(242, 101, 48, 0.35); margin-bottom: 56px;}
.list-police { width: 90%;margin: auto;}
.list-group-item { padding-top: 42px;border-bottom: 1.5px solid rgba(242, 101, 48, 0.35);padding-bottom: 24px;}
.list-group-item:first-child {border-radius: 0px !important;background: transparent;color: #87786C;}
.list-group-item:last-child {border: 0px solid rgba(242, 101, 48, 0);}
.police-title {
color: #87786C;
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 34.036px; /* 162.078% */}
.police-txt{
color: #685A4D;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 30.6px */
display: block;
margin-right: -24px;
}
.more-police {padding:  24px 0px;}
.more-police a { 
color: #F26530 !important;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 40.8px */
text-decoration-line: none;
}
.more-police a:hover,.more-police a:active {color:var(--on_hover) !important;}
/****************************************************************/

/***********************   Responsive   *************************/
@media (max-width:1920px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1590px;}

}
@media (max-width:1800px) {

}
@media (max-width:1536px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1294px;}
	/*************/
	.div-404-img {padding-bottom: 54px;}
	.div-404-img img{width: 21%;}
	/************/
    .div-404-body h1{ font-size: 30px; margin: 0px; padding-bottom: 15px; }
	.div-404-body p{ font-size: 18px;  padding-bottom: 24px; }
	.div-404-body a{ font-size: 18px;border-radius: 12px; width: 273px;height: 55.5px;padding: 16.283px 39.008px 15.217px 36.992px;}
}
	/******************************/

@media (max-width:1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1192.5px;}
      

}
@media (max-width:1280px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1192.5px;}
    
}
@media (max-width:1024px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width:960px;}
   
}
@media (max-width:990px) {

}
@media (max-width: 772px){

}
@media (max-width:768px) {
.div-404-img img {width: 29%;}
	.div-police-body { width: 95%; margin: auto; margin-bottom: 32px;}
}
@media (max-width:767px) {

 
}
	@media (max-width:702px) {
		}

@media (max-width:550px) {
.div-404-img {padding-bottom: 42px;}
.div-404-all{padding: 56px 16px;}
.div-404-body h1{ font-size: 16px; margin: 0px; padding-bottom: 7px; }
.div-404-body p{width: 100%; font-size: 16px;  padding-bottom: 24px;font-style: normal;font-weight: 500;line-height: normal; }
.div-404-body a{ width: 80%; height: auto; padding: 12px 32px; font-size: 20px;font-style: normal;font-weight: 500;line-height: 152.9%;}
.div-police-head {padding: 32px 0px 20px 0px;}
.div-police-head h1 {font-size: 18px;font-style: normal;font-weight: 600;}
.list-group-item { padding: 12px 0px 16px 0px; border-bottom: 0.8px solid #FBD1C2;}
.police-title {font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;    padding-top: 5px;}
.police-txt {font-size: 14px;font-style: normal;font-weight: 400;line-height: 132%; padding-top: 8px;}
.list-police {padding-top: 12px;}
	.more-police a {font-size: 14px;}
}
@media (max-width:425px) {	

	}
@media (max-width:375px) {

}
@media (max-width:320px) {

}
