@font-face {
font-family: "iran";
font-style: "normal";
src: url("../font/iran.eot");
src: url("../font/iran.eot") format("embedded-opentype"), url("../font/iran.woff") format("woff2"), url("../font/iran.woff") format("woff"), url("../font/iran.ttf") format("truetype");
font-display: swap; }
body{font-family: "iran" !important;}

.header {background-color: #323232;}
.header .row .col-xl-9 .row .col-3 p {
color: #fff;
font-size: 14;
}
.header .row .col-xl-9  .row .col-md-5 p {
color: #fff;
font-size: 14;
}
.header .row .col-xl-9  .row .col-md-5  {
margin-right: auto;
}
.header .row .col-xl-9  .row .col-md-5 img {
width: 35px;    
}
.header .row .col-xl-9 .row .col-md-5 img {
width: 35px;    
}
.header .row .col-xl-9 .navbar {
background-color: #d98c00;
padding-left: 17;
}
.header .row .col-xl-9 .navbar a {
font-size: 14;
color: #000;
}
.header .row .col-xl-9  .navbar a:hover{

color: #eff1f0 ;    
}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 55px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
.header .row .col-xl-9 .main-menu .navbar-toggler {
margin-right: auto; 

}
.back {
background-image: url('../img/ba1.jpg');
background-size: cover;
background-position: center left;

} 

.footer .under .row .col-lg-3 .font-weight-bold h3 {
color: #d98c00;     
}
.footer .row .col-xl-4 hr {
background: #fff;  
opacity: 1;
height: 1px; 
border: 0px; 
padding: 0%;
}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
/*.footer .under .row .col-lg-3 input {*/
/*position: absolute;*/
/*}*/
/*.footer .under .row .col-lg-3 button {*/
/*position: relative;   */
/*margin-right: 181;*/

/*}  */

.breadcrumb-item a {
    text-decoration: none;
color: #323232;
padding: 10px;

}
.breadcrumb-item.active {
    color: #323232;
}

.footer .under .row .col-lg-3 button:hover {
color: #d98c00;
}
.footer {
background-color: #323232;

}

/* .container  .row .col-xl-12:hover{
    border: 1px solid rgba(219, 157, 0, 1);
    border-radius: 16px;
    
} */
.container  .row .col-xl-12 .row .col-xl-4 img {
    border: 0px solid rgba(219, 157, 0, 1);
    border-radius: 21px;
}
.container  .row .col-xl-12 .row .col-xl-4 h4 {
    color: #d98c00;
}
.container  .row .col-xl-12 p{
    color: #323232;
}

ul {
list-style-type: none;
}
.footer a {
color: #d98c00;
text-decoration: none;    
}
@media (max-width: 1400px) and (min-width: 1200px ){
.footer .under .row .col-lg-3 a {
text-decoration:none; 
color: #fff;
font-size: 17;}
.footer p {
color: #fff;
font-size: 14;}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 56px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
}
@media (max-width: 1200px) and (min-width: 992px ){
.footer .under .row .col-lg-3 a {
text-decoration:none; 
font-size: 17 ;}
.footer p {
color: #fff;
font-size: 14;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 56px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
color: #d98c00;
font-size: 20;}}

@media (max-width: 992px) and (min-width: 768px ){
.footer .under .row .col-lg-3 a {
text-decoration:none; 
color: #fff;
font-size: 14;}
.footer p {
color: #fff;
font-size: 11;}
.header .row .col-xl-9  .main-menu::after {
content: " ";
width: 0;
height: 0;
border-left: 36px solid transparent;
border-right: 25px solid transparent;
border-top: 56px solid #323232;
position: absolute;
right: -25px;
top: 0;
bottom: 0;
}
.footer .under .row .col-lg-3 h3 {
text-decoration:none; 
font-size: 17;}}
.header.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    animation: header 1s;
    z-index: 1200;

    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}
@keyframes header{
    0%{
        top: -200px;
        opacity: 0;
    }
    100%{
        top: 0; 
        opacity: 1;
    }
}