* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root{
            --primary-color:hsl(219.81deg 100% 20.39%);
            --blue:hsl(252.48deg 92.59% 26.47%);
            --secondary-color:#ff6b35;
        }

        a{
            text-decoration: none;
        }
        @font-face {
    font-family: IRANYekanWebLight;
    src: url(./font/IRANYekanWebLight.ttf);
  }
  @font-face {
    font-family: IRANYekanWebBold;
    src: url(./font/IRANYekanWebBold.ttf);
  }
  @font-face {
    font-family: IRANYekanWebExtraBlack;
    src: url(./font/IRANYekanWebExtraBlack.ttf);
  }
  @font-face {
    font-family: IRANYekanWebExtraBold;
    src: url(./font/IRANYekanWebExtraBold.ttf);
  }
  @font-face {
    font-family: IRANYekanWebMedium;
    src: url(./font/IRANYekanWebMedium.ttf);
  }
  @font-face {
   font-family: iranyekanwebregularfanum;
    src: url(./font/iranyekanwebregularfanum.ttf);
  }
 
    @font-face {
    font-family: 'نوت\ نستعلیق\ اردو';
    src: url(./font/nataliq.ttf);
  }

        
        body {
            font-family: iranyekanwebregularfanum;
            direction: rtl;
            font-size: 15px;
            background-color: #fff !important;
        }
         .container-fluid .row{
    max-width: 1678px;
    margin: 0px auto;
}

        .slid_pop{
            display: flex
;
    flex-direction: column;
    align-content: center;
    align-items: center;
    background-image: url(./images/story-bakgrand.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    justify-content: center;
    padding-top: 30px;
    height: 400px;


        }
        .logo_pop_sit{
            width:200px;

        }
        .tit_main_pop{
            width:231px;
        
        }
        .slogan_pop{
            margin-top:30px;
            width:700px;
        }
        .close_pop {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
            gap:8px;

        }
        .close_pop  img{
            width: 40px;
            height:40px;
        }
        .close_pop span{
            font-size:30px;
        }
        .sizing_content{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .sizing_content img{
            width: 50px;
            height: 70px;
            object-fit: scale-down;
        }
        .sizing_content p{
            margin: 0;
            font-size: 30px;
            font-weight: 700;
            font-family: IRANYekanWebExtraBold;
            color: black;
        }
        .content_pop_se {
            display: flex;
            justify-content: center;
            align-items: center;
      
        }
        .more_call_pop{
            display: flex;
            flex-direction: row;
        }
        .tit_chat p{
            font-family: IRANYekanWebExtraBold;
            font-size:40px;
            text-align: end;
            padding-left: 30px;
            color: black;
            margin: 0;
        }
        .logo_in{
            align-items: center;
            justify-content: end;
            align-content: center;
            margin-left: 30px;
        }
        .logo_in img{
            width: 35px;
            height:35px;
        }
        .logo_in span{
            font-size:35px;
            text-align: end;
            padding-left:10px;
            color: black;
            margin: 0;
            padding-top: 6px;
        }
        .img_soil{
            width:80px;
            height:80px;
        }
        .typ_in_logo {
            display: flex
            ;
                justify-content: flex-end;
                gap: 30px;
        }
        .box_soil_logo{
            display: flex
            ;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }
        .img_soil_te{
            width:100px;
            object-fit:cover;
        }
        .x_pop_ch .img_soil_te{
width: 25px;
        }
        .mobil_pop_ch{
            display: flex;
            flex-direction: row;
        }
        .typ_tel_logo{
            display: flex
            ;
                justify-content: end;
                align-items: flex-end;
                flex-direction: column;
                gap:50px;
        }
        .typ_tel_logo p{
            margin: 0;
            font-family: IRANYekanWebBold;
            font-size: 30px;
            color: black;
        }
        .img_tell_mb{
width: 50px;
        }
        .img_tell_flog{
            width:35px;
        }
        .img_loc_img{
            width:50px
        }
        .loc_pop_ch p{
            width: 500px;
           text-align: center;
           font-size:25px;
           font-family: IRANYekanWebExtraBold;
        }
        .loc_pop_ch{
            display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 20px;
        }
      .green_tick  ul {
            list-style: none;
            padding: 0;
        }

      .green_tick  li {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            font-size: 18px;
            color: #333;
            flex-direction: row-reverse
        }

     /* .green_en  li::before {
            content: '\f00c'; 
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            background-color: #00cc00; 
            color: white; 
            border-radius: 4px;
            margin-right: 10px;
            font-size: 14px;
        } */
        .green_pe li::before {
            content: '\f00c'; /* آیکون تیک از Font Awesome */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            background-color: #00cc00; /* سبز */
            color: white; /* تیک سفید */
            border-radius: 4px;
            margin-left: 10px;
            font-size: 14px;
        }
        .about_content_pop{
            display: flex
            ;
                flex-direction: column;
                align-content: center;
                align-items: flex-end;
                margin-left: 30px;
                
        }
        .about_content_pop p{
            width: 600px;
            font-size: 18px;
            font-family: IRANYekanWebBold;
            text-align: end;
       

        }
        .about_content_pop h5{
            font-family: IRANYekanWebExtraBold;
            font-size: 30px;
            width:500px;
            text-align:center;
            margin-top: 30px;
        }
        .titl_star img{
            width: 30px;
        }
        .titl_star{
            display: flex
            ;
                flex-direction: row;
                justify-content: space-evenly;
                align-items: center;
        }
        .about_content_pop span{
            font-family: IRANYekanWebBold;
            font-size: 28px;
        }
        .iran_us_side p{
            width: 600px;
            font-size: 18px;
            font-family: IRANYekanWebBold;
            text-align: start;
       
        }
        .iran_us_side h5{
            font-family: iranyekanwebregularfanum;
            font-size: 30px;
            width:500px;
            text-align:center;
            margin-top: 30px;
        }
        .green_pe_ir li::before {
            content: '\f00c'; /* آیکون تیک از Font Awesome */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            background-color: #00cc00; /* سبز */
            color: white; /* تیک سفید */
            border-radius: 4px;
            margin-left: 10px;
            font-size: 14px;
        }
        .green_pe_ir li {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            font-size: 18px;
            color: #333;
            flex-direction: row
        }
        .end_pop img{
            width: 300px;
            text-align: center;
        }
        .end_pop{
            display: flex
            ;
                flex-direction: column;
                align-items: flex-end;
                margin-left: 30px;
                gap: 3px;
                margin-top: 20px;
        }
        .end_pop p{
            font-family: IRANYekanWebBold;
            color: black;
            font-size: 18px;

        }
        .end_pop span{
            font-family: IRANYekanWebExtraBold;
            color: black;
            font-size: 18px;

        }
        .sit_pop_Slogan{
            font-family: IRANYekanWebExtraBold !important;
            color: rgb(96, 96, 96) !important;
            font-size: 25px !important;
            text-align: center !important;
        }
        .pop_open {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: max-content;
            max-height: 100%;
            padding: 20px;
            background: white; /* پس‌زمینه سفید */
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* سایه */
            z-index: 1000;
            overflow-x: auto;
            overflow-y: auto;
          }
          
          /* محتوای پاپ‌آپ */
          .pop_open > header,
          .pop_open > main {
            width: max-content;
            max-height: 100%;
            box-sizing: border-box;
          }
          
          /* نمایش پاپ‌آپ وقتی فعاله */
          .pop_open.active {
            display: block;
          }
          
          /* استایل تصویر کلیک‌شونده */
          img[src="./images/usear.png"] {
            cursor: pointer;
          }
          
          /* استایل دکمه بستن */
          .close_pop {
            cursor: pointer;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px;
          }
          
          .usear_pop_mode {
            width: 100px;
          }