@font-face {
font-family: 'pinarmedium';
src: url('../fonts/Pinar-Regular.woff2') format('woff2');
    font-style: normal;
}    

@font-face {
font-family: 'pinarextrabold';
src: url('../fonts/Pinar-SemiBold.woff2') format('woff2');
    font-style: normal;
}    

@font-face {
font-family: 'pinarlight';
src: url('../fonts/Pinar-Light.woff2') format('woff2');
    font-style: normal;
}    

.logo.logo-display{
width: 130px;
}

#customize-button{
display: flex;
width: 50%;
text-align: center;
justify-content: center;
margin: 65px auto -64px;
}

.margin-custom{
margin-left:110px;
}

.logo.logo-scrolled{
width: 130px;
}

.logo{
width: 120px;
}

#font-header{
font-size: 13px;
}

#search-header{
color: white;
}

.black{
color: #1b1b1b !important;
}

.fas.fa-search{
color: #fc4273;
}

.fas.fa-th-large{
color: #ffffff;
}

.wow.fadeInDown {
color: #ffffff;
}

.our-process-area .process-box .item h4{
padding-top: 25px;
}

.fadeInLeft-h2{
line-height: 4px;
}

.p_services{
color: #000000 !important;
}

.col-lg-6.info.wow.fadeInUp h5 {
color: #000000;
}

.col-lg-6.info.wow.fadeInUp h2 {
color: #000000ed;
line-height: 1.7;
font-size: 25px;
}

.col-lg-6.info.wow.fadeInUp p {
color: #000000ed;
}

.fas.fa-angle-left {
color: rgb(243, 243, 243);
}

#font-15px{
font-size: 15px;
text-align: justify;
}

.seo-form.subscribe-area.half-bg-gray.default-padding-bottom.text-center {
background-color: #e1edff;
}

.process-area.default-padding-top {
padding-bottom: 100px;
}

.site-heading.text-center h5{
color: #f36;
}

.site-heading.text-center h2{
color: #292929;
}

.fas.fa-link:hover{
color:#d4af37;
}

.fas.fa-link{
color: #373737;
}

.thumb-img{
height: 270px;
}

.item p{
color: #000000c2;

}

.item.wow.fadeInUp p {
color: #f36; 
}

.f-item.about img {
height: 55px;
margin-bottom: 15px;
}

.f-item.link h4{
color: #f36;
font-size: 20px;
}

.f-item.recent-post h4{
color: #f36;
font-size: 20px;
}

footer .link li a{
font-size: 14px;
}

.navbar-brand img{

margin-top: 10px;
}

.contact-us-area .address-items .item h4{
color: #ffffff;
}
.contact-us-area .address-items .item p , li{
color: #272727;
}

.info.box li {
color: #ffffff;
}

.f-item.about p{
display: inline;
font-size: 20px;
font-family: pinarextrabold;
color: #bc8d39;
}

.flaticon-email::before {
color: white;
}

.flaticon-call::before {
color: white;
}

.error-box h2 , p{
color: #181818;
}

.card-body p{
color: #404040;
}

.col-lg-8.wow.fadeInLeft.contact-form strong{
color: #2834c1;
font-size: 25px;
line-height: 2;
margin-top: 20px;
font-family: pinarmedium;
}

.col-lg-8.wow.fadeInLeft.contact-form h2{
font-family: pinarextrabold;
color: #2834c1;
}

.thumb-img-archive {
height: 280px;
object-fit: cover;
width: 100%;
}

.col-lg-6.thumb.wow.fadeInLeft img{
height: 100%;
}

.logo-footer{
height: 45px !important;
}

.services-detail{
padding-top: 30px !important;
padding-bottom: 100px;
}

.contant-padding{
padding-top: 80px;
}

#color-site{
color: #f36;
}

#font-h2{
font-size: 30px;
}

#justify{
text-align: justify;
}

#color-white{
color: white;
}

.social-icons {
list-style: none;
padding: 0;
display: flex;
gap: 15px;
padding-top: 20px;
justify-content: center;
}
.social-icons li {
display: inline-block;
}
.social-icons a {
display: block;
width: 40px;
height: 40px;
}
.social-icons img {
width: 100%;
height: 100%;
transition: transform 0.3s;
}
.social-icons a:hover img {
transform: scale(1.2); /* افکت بزرگ شدن هنگام هاور */
}
.fa-bars::before{
color: white;
}

.fa-times::before{
color: white;
}

@media only screen and (max-width: 570px){
.f-item.link{
padding-left: 20px;
padding-right: 20px;

}

.f-item.recent-post{
padding-left: 20px;
padding-right: 20px;
}

.btn-about-us{
display: none;
}
}
@media only screen and (max-width: 890px){

.about_us_h2{
color: #292929 !important;
font-size: 30px;
}

}

@media only screen and (max-width: 768px) {
#customize-button{
    width: 100% ;
    font-size: 15px;
    margin-top: -10px;
}

#justify{
    width: 90%;

padding-right: 20px;
padding-bottom: 45px;
}

.progress-items .progress-box{
    width: 90%;
  padding-right: 20px;
  text-align: start;


}


}

