
@font-face {
  font-family: Vazir-M;
  src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Medium.ttf);
}
@font-face {
  font-family: Vazir-L;
  src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Light.ttf);
}
@font-face {
  font-family: Vazir-R;
  src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Regular.ttf);
}
@font-face {
  font-family: Vazir-T;
  src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Thin.ttf);
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    max-width: auto;
}
body{
    font-family: "Vazir-M";
}
p{
    font-family :Vazir-M !important;
}
a {
    font-family: Vazir-M !important;
}
header {
    overflow: hidden;
}

.headerBG {
    background-color: #3052af;
    background-image: url(../image/card/header_wave-bg-e1578588797586.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 100%;
}

.adheader {
    background-color: #3259ac !important;
}
.contactBox a {
    font-size :25px;
}
.mainbg {
    background-image: url(../image/card/content_wave-bg1.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

header a {
    color: white;
    text-decoration: none;
}

header ul {
    list-style-type: none;
}

.headerImg {
    filter: drop-shadow(40px 64px 43px #528cc4);
}

.sendFastRqsBtn {
    background: linear-gradient(240deg, #da6c1e, orange);
    padding: 1rem 4rem !important;
    border-radius: 8px;
    width: fit-content;
}

.navbarMenu li a {
    transition: all 300ms ease-in 20ms;
}

    .navbarMenu li a:hover {
        color: #da6c1e;
    }

.navColMenu {
    transition: all 450ms ease-in-out;
    top: -15rem;
}

    .navColMenu li a {
        color: black;
        display: block;
        padding: 1rem 0;
    }

    .navColMenu li {
        width: 100%;
    }

.mobile__OC_btn {
    border: none;
    outline: none;
    width: fit-content;
    height: fit-content;
    background-color: transparent;
    color: white;
}

    .mobile__OC_btn svg {
        width: 2rem;
        height: 1.7rem;
    }

.mobile__CloseBtn {
    display: none;
}
.mobile__OC_btn mobile__OpenBtn {
    
    background: transparent !important;
}
@media(max-width : 768px) {
    .menu__handler {
        width: 100%;
    }
}
.about-us .imgcontact {
    width: 328px;
    height: 478px;
}
@media(max-width : 576px) {
/*  about us  */
    .about-us {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center !important;
        padding: 0px 10px;
    }
    .textinfo
    {
        padding : 0px !important;
        margin :0px !important;
        margin-bottom :10px !important;
    }
    .about-us img 
    {
        width : 329px;
        height :308px;
    }
    .textTitle
    {
      margin-top:30px;
    }
    .callTitle
    {
        display : flex;
        justify-content : start;
    }
    .Callinfo
    {
        display : flex ;
        justify-content : start;
    }

    .sendFastRqsBtn {
        padding: 0rem 1rem;
    }

    .header__title {
        width: 100% !important;
    }

    .imgfooter {
        text-align: center !important;
        justify-content: center !important;
    }

    .fs-5 {
        text-align: center !important;
    }

    .text-muted {
        text-align: center !important;
    }

    .p-3 {
        text-align: center;
    }

    .w-50 {
        width: 75% !important;
    }

    .imgfooter {
        margin: auto;
        justify-content: center !important;
        width: 40px;
    }

    .about-us .imgcontact {
        width: 328px;
        height: 302px;
    }
}

@media(max-width : 406px) {
    h4 {
        text-wrap: auto !important;
    }
}

/*end header*/



footer {
    color: white;
}
    .footerBg * {
        /* استایل مورد نظر شما */
        color: white;
        font-family:Vazir-M;
    }

.footerBg {
    padding: 0 4rem;
}

    .footerBg .py-5 {
        padding-top: 20rem;
    }

.my-4 {
    margin-top: 8.5rem !important;
}

footer a {
    color: white;
    text-decoration: none;
}

footer ul {
    list-style-type: none;
}

.contactBox a {
    transition: all 350ms ease-in-out 40ms;
}

    .contactBox a:hover {
        transform: scale(1.4);
    }

@media (max-width: 576px) {
    .flex-wrap {
        flex-direction: column;
    }
   #product
   {
       display : grid !important;
   }
}

/*FOOTER*/




@font-face {
    font-family: VazirMedium;
    font-size: 24px;
    src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Medium.ttf);
}

@font-face {
    font-family: VazirThin;
    font-size: 24px;
    src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Thin.ttf);
}

@font-face {
    font-family: VazirLight;
    font-size: 24px;
    src: url(../fonts/VAZIR/fonts/ttf/Vazirmatn-Light.ttf);
}

.headerBG {
    padding-left: 2rem; /* فاصله از سمت چپ */
    padding-right: 2rem; /* فاصله از سمت راست */
}

.navbarMenu {
    margin-left: 0; /* فاصله از سمت چپ */
    margin-right: auto; /* جلوگیری از حرکت به سمت راست */
}

.text-md-end {
    text-align: left; /* متن‌ها را به سمت چپ تراز می‌کند */
}

.text-center {
    text-align: left; /* متن‌ها را به سمت چپ تراز می‌کند */
}

.text-start {
    text-align: left;
}

@font-face {
    font-family: irannas;
    src: url("../font/IranNastaliq.ttf");
}

@font-face {
    font-family: VazirMedium;
    src: url("../font/vazir-font-v16.1.0/Vazir-Medium.ttf");
}

.mydiv {
    display: flex;
    border: 2px solid black;
    text-align: center;
    box-shadow: 2px 2px rgb(0, 0, 0);
    justify-content: center;
    align-items: center;
}

.imageboxfile {
    border-left-width: 0px;
    background-color: #e5eeff;
    border-radius: 50%;
    padding: 0.75rem;
    fill: #26367b !important;
    width: 60px !important;
    height: 60px !important;
}

@media (max-width: 576px) {
    .d-flex {
        display: flex !important;
    }

    footer .d-flex {
        display: flex !important;
    }

    header .d-flex {
        display: flex !important;
    }
}

@media (max-width: 968px) {
    .footerBg {
        background-color: #26367b;
    }
}

@media (max-width: 768px) {
    .icon-wrapper {
        margin-bottom: 10px;
        justify-content: center !important;
        align-content: center;
        display: flex;
    }
    #navbarNavDropdown {
        position: absolute;
        left: 0px !important;
        top: 100%;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
    }
}

.navbar a {
    font-family : Vazir-M;
    padding : 0px 5px !important; 
}
#mobileheader {
    background: #223171;
    padding :10px;
}
#mobileshow {
    height: 40px;
    width: 40px;
    margin-top: -5px;
    margin-left: 40px;
}
#mobileshow2 {
    height: 48px;
    width: 149px;
    display: block;
}
@media (max-width: 768px) {
    .sendFastRqsBtn {
        text-wrap: nowrap;
    }
    #mobileheader {
        position: absolute;
        left: 0px;
        width: 100%;
        background: #223171 !important;
    }
    ul .navbar
    {
        background-color:white;
    }
    #mobileshow2 {
        height: 48px;
        width: 149px;
        display: none;
    }
    #mobileshow {
        display: block !important;
    }
    span.navbar-text.position-absolute {
        display: none;
    }
ul.navbar-nav
{
    background-color : white;
}
}

.sendFastRqsBtn {
    display: inline-flex;
    align-items: center;
    justify-content: start; /* تراز دکمه به سمت چپ */
    padding: 10px 20px;
    border: none;
    background-color: #f8f9fa;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

    .sendFastRqsBtn:hover {
        background-color: #e2e6ea;
    }

/*main*/

.fs-5
{
  text-align: end;
}

.justify-content-start
{
  text-align: end;
  margin-top: 5px;
}
#mytxt
{
  text-wrap: nowrap;
}
.leftright
{
  text-align: start !important; 
 margin-top: 5px;
}

@media (max-width: 768px) {
    .full-image img {
      display: none;
    }
  
  }
  @media (max-width: 768px) {
    .icon-box_wrap {
      flex-direction: column; /* تغییر چینش به ستونی در صفحه‌های کوچک */
      align-items: flex-start; /* تراز کردن متن به ابتدای ستون */
    }
  
    .icon-wrapper {
      margin-bottom: 10px; /* فاصله بین تصویر و متن */
    }
  
    .content_block {
      text-align: left; /* اطمینان از اینکه متن به درستی نمایش داده شود */
    }
  }
  
  @media (max-width: 768px) {
    .icon-box_wrap {
      flex-direction: column; /* تغییر چینش به ستونی */
      align-items: flex-start; /* تراز کردن متن */
    }
  
    .icon-wrapper {
      margin-bottom: 10px; /* فاصله بین تصویر و متن */
    }
  
    .content_block {
      text-align: left; /* تراز متن به چپ */
    }
  
    .full-image {
      display: none; /* حذف تصویر وسط در صفحات کوچک */
    }
  }
  
  @media (max-width: 768px) {
    .icon-box_wrap {
      flex-direction: column-reverse; /* تغییر چینش به ستونی */
      align-items: flex-start; /* تراز کردن متن */
    }
    .leftright{
      text-align: center !important;
    }
    .leftright
    {
      text-align: center !important;
    }

}
.nav-link {
    color: white !important;
}
@media (max-width: 768px) {
    .full-image {
      display: none;
    }
  }
/* برای اون سه تا */
@media (max-width: 768px) {
    .nav-link {
        color: #6f6b8c !important;
       
    }
    .full-image img{
display: none;
    }
    .myd {
      flex-direction: column; /* تغییر چینش به ستونی */
      align-items: flex-start; /* تراز کردن متن */
    }
  
    .icon-wrapper {
      margin-bottom: 10px; /* فاصله بین تصویر و متن */
    }
  
    .content_block {
      text-align: left; /* تراز متن به چپ */
    }
  
    .full-image {
      display: none; /* حذف تصویر وسط در صفحات کوچک */
    }
  }
.mb-4
{
    margin-bottom: 0 !important;
}
.imgcrd {
 padding : 10px;
 
}

@media (max-width: 768px) {
    .navbar-nav
    {
        margin:0px !important;
    }
    .hide-on-small {
        display: none !important;
    }
    .imgcrd
    {
        width: 74px !important;
        height: 74px !important;
        padding-bottom : 10px;
    }
    .text-warning
    {
        text-wrap: auto !important;
        margin: 0%;
        font-size: 26px;
        font-family:Vazir-B;
    }
    #mybtn {
        margin-bottom: 10 !important;
        background-color: #ffaa10;
    }
  }

  
.sendFastRqsBtn {
    display: inline-flex;
    align-items: center;
    justify-content: start; /* تراز دکمه به سمت چپ */ 
    border: none;
    background-color: #f8f9fa;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    padding: 0rem 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    margin-left: 83px;
  
  }
  
  .sendFastRqsBtn:hover {
    background-color: #e2e6ea;
  }
  

  .custom-padding-top
  {
    padding-top: 10rem !important;

  }

/* استایل بندی مربوط به صفحه دربره ما و تماس با ما 
   */
.CallUs {
  padding-top:100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.textWhite {
    font-family: "Vazir-M";
    color: #3a3365;
    font-size: 40px;
    font-weight: 400;
}

.textWhiteSmall {
    font-family: "Vazir-M";
    color: #3a3365;
    font-size: 12px;
    font-weight: 400;
}

.textTitle {
    font-family: "Vazir-M";
    font-size: 30px;
    line-height: 40px;
    color: #3b3663;
}
.nav-link
{
    color :white ;
    margin :5px !important;
}
.textinfo {
    font-family: "Vazir-M";
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    line-height: 1.5;
    color: #696687;
    margin-top: 20px;
    padding-left: 50px;
}

#callusinfo {
    font-family: "Vazir-M";
    padding-left: 250px;
    padding-right: 250px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}
.callTitle {
    font-family: "Vazir-M";
    font-size: 14px;
    line-height: 1.75em;
    color: #696687;
    font-weight: 700;
}
.Callinfo {
    font-weight: 400;
    color: #696687;
    font-size: 14px;
    font-family: "Vazir-M";
}
.imgcontact
{
  max-width : 500px;
  height :auto;
}
/*page error*/
.imageError
{
    width :700px ;
    height:600px ;
}
.backerror {
    justify-content :center;
    background: linear-gradient(240deg, #da6c1e, orange);
    padding: 1rem 4rem !important;
    border-radius: 8px;
    width: fit-content;
}
@media (max-width: 768px)
{
    .imageError {
        width: auto;
        height: 350px;
    }
}