@font-face {
	font-family: ZahraRoosta;
	font-style: normal;
	
	 url('../fonts/ttf/Maneli.ttf') format('truetype');
}
@font-face {
	font-family: Maneli;
	font-style: normal;
	
	 url('../fonts/ttf/Maneli.ttf') format('truetype');
}
@font-face {
	font-family: B Arshia_0;
	font-style: normal;
	
	 url('../fonts/ttf/Maneli.ttf') format('truetype');
}

@font-face {
	font-family: Borna-Regular;
	font-style: normal;
	
	 url('../fonts/ttf/Maneli.ttf') format('truetype');
}


@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANYekanWebBold.eot');
	src: url('../fonts/eot/IRANYekanWebBold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebBold.ttf') format('truetype');
}
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/eot/IRANYekanWebThin.eot');
	src: url('../fonts/eot/IRANYekanWebThin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebThin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebThin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebThin.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANYekanWebLight.eot');
	src: url('../fonts/eot/IRANYekanWebLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebLight.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANYekanWebRegular.eot');
	src: url('../fonts/eot/IRANYekanWebRegular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebRegular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebRegular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebRegular.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANYekanWebMedium.eot');
	src: url('../fonts/eot/IRANYekanWebMedium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebMedium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebMedium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebMedium.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/eot/IRANYekanWebExtraBold.eot');
	src: url('../fonts/eot/IRANYekanWebExtraBold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebExtraBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebExtraBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 850;
	src: url('../fonts/eot/IRANYekanWebBlack.eot');
	src: url('../fonts/eot/IRANYekanWebBlack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/IRANYekanWebBlack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/IRANYekanWebBlack.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/IRANYekanWebBlack.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/iranyekanwebextrablack.eot');
	src: url('../fonts/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebextrablack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/woff2/iranyekanwebextrablack.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/ttf/iranyekanwebextrablack.ttf') format('truetype');
}
        body {
            margin: 0;
            background-color: #FDF5DF;
            font-family: iranyekan, sans-serif;
            
        }
        .frame {
            background-color: #ffe5b4;
            height: 4in; /* 3 inches tall */
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
         
        }

    
        .frame-image-container {
            width: 100%;
            max-width: 800px;
            padding: 0 20px;
            box-sizing: border-box;
        }
        .image {
            width: 800px;
            height: auto;
            max-width: 90%;
            border: 4px solid white;
          
            object-fit: cover;
        }

/* ...................................................................... */

        .frameNEW {
       
            padding: 0px 0; /* Vertical padding */
        }
        .frameNEW img {
            max-width: 100%; /* Responsive image */
            height: auto; /* Maintain aspect ratio */
            display: block; /* Remove gap below image */
            margin: 0 auto; /* Center image */
        }

/* ...................................................................... */

/* Style for each of the three bottom rectangles */


        .bottom-rectangle {
            display: inline-block;
            width: 1.3in;
            height: 50px;
            background-color: #ffe5b4;
            text-align: center;
            line-height: 50px;
            margin-right: 15px;
            margin-bottom: 15px;
        }


/* ...................................................................... */


        .longs {
            display: flex;
            justify-content: center;
            margin-top: 20px; /* Space between the frame and the windows */
            text-decoration: none;
           text-align:right;color: white;
        }
        .long {
            width: 600px; /* Width of each small window */
            height: 60px; /* Height of each small window */
            background-color: #fa5054;
            border: 1px solid #ccc;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 10px; /* Space between windows */
            font-size: 20px;font-weight: bold;
        }
            
         
        
       
        .long a {
            text-decoration: none;
            color: white; /* Link color */
        }

/* ...................................................................... */
        .texts2 {
            display: flex;
            justify-content: center;
            margin-top: 20px; /* Space between the frame and the windows */
            text-align:right;
        }
        .text2 {
           
            width: 600px; /* Width of each small window */
            height: auto;
            background-color: #ffe5b4;
            border: 1px solid #ccc;
           font-size:200%;
           text-align: justify;
           direction: rtl;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 10px; /* Space between windows */
            padding-right:10px;
            padding-left:10px;
    }
/* ...................................................................... */
.texts4 {
    display: flex;
    justify-content: center;
   
    text-align:right;
}
.text4 {
   
    width: 600px; /* Width of each small window */
    height: auto;
    background-color: #ffe5b4;
    border: 1px solid #ccc;
   font-size:100%;
   text-align: center;
   direction: rtl;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px; /* Space between windows */
    padding-right:10px;
    padding-left:10px;
}
/* ...................................................................... */
.texts3 {
    display: flex;
    justify-content: center;
    margin-top: 20px; /* Space between the frame and the windows */
    text-align:right;color: white;
}
.text3 {
   
    width: 635px; /* Width of each small window */
    height: auto;
    background-color: #fa5054;
    border: 1px solid #ccc;
    border-radius: 5px;
   
   font-size:150%;
   text-align: justify;
   direction: rtl;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 10px; /* Space between windows */
    padding-right:10px;
    padding-left:10px;
   
}
/* ...................................................................... */
        .texts {
            display: flex;
            justify-content: center;
            margin-top: 20px; /* Space between the frame and the windows */
            text-align:right;
        }
        

     .text {
           
            width: 600px; /* Width of each small window */
            height: auto;
            background-color: #ffe5b4;
            border: 1px solid #ccc;
           font-weight: 500;
           text-align: justify;
           direction: rtl;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 10px; /* Space between windows */
            padding-right:10px;
            padding-left:10px;
            font-family: iranyekan;color: red; font-size: 16px;
    }
        .text a {
            text-decoration: none;
            color: black; /* Link color */
        }

/* ...................................................................... */

     



        .mediums {
            display: flex;
            justify-content: center;
            margin-top: 20px; /* Space between the frame and the windows */
            
        }
        .medium {
            width: 150px; /* Width of each small window */
            height: 60px; /* Height of each small window */
            background-color: #ffe5b4;
            border: 1px solid #ccc;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 10px; /* Space between windows */
            
        }
        .medium a {
            text-decoration: none;
            color: black; /* Link color */
            font-size: 18px
        }

        
            /* Style for the top rectangle */
           .top-pix{
            display: block;
            width: 100%;
            height: 8in;
            background-color: #ffe5b4;
            position: relative;
            margin-bottom: 20px;
        }

            /* Style for the image in the top rectangle */
           .top-pix img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
 
        .author {font-family: 'IRANYekan'; font-style: italic; color:black; text-align:right; font-size: 20px; direction: rtl;line-height: .1; }
  
          
.right {
    margin: auto; line-height: normal;
  width: 800px;
  border: 0px solid #73AD21;
  padding: 20px;
    text-align: justify;
  
    direction: rtl;
    font-family: 'IRANYekan';color: black; font-size: 18px;
  }

  span.a {
    display: inline-block;
    width: 100%;
    height: 360px;
    padding: 15px;
    padding-top: 50px;
    padding-bottom: 35px;
    border: 1px solid blue;    
    border-radius: 5px;
    background-color:#ffe5b4;
    margin-bottom: 12px;
    margin-right: 12px;
    font-family: 'IRANYekan';color: rgb(16, 2, 2); text-align:center;font-size: 35px;
  }





span.b {
  display: inline-block;
  width: 250px;
  height: 20px;
  padding: 15px; 
  padding-bottom: 50px;
  border: 1px solid blue;    
  border-radius: 5px;
  background-color: #ffe5b4;
  margin-bottom: 12px;
 margin-right: 12px;
  font-family: 'IRANYekan';color: black; text-align:center;font-size: 30px;
}


span.c {
display: inline-block;
width: 600px;
height: 40px;
padding: 15px;
padding-bottom: 35px;
border: 1px solid blue;    
border-radius: 5px;
background-color: #ffe5b4;
margin-bottom: 12px;
margin-right: 12px;
font-family: 'IRANYekan';color: black; text-align:center;font-size: 35px;direction: rtl;
}  


span.f {
	display: inline-block;
	width: 150px;
	height: 20px;
	padding: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #f1340e;    
	
	background-color:#ffe5b4;
	margin-bottom: 0px;
	margin-right: 12px;
	font-family: 'IRANYekan';color: white; text-align:center;font-size: 20px;
  }

hr {
    border: none; /* Remove default border */
    height: 1px; /* Set height */
    background-color: black; /* Set color */
    width: 100%; /* Full width */
  
}
a:link {
    text-decoration: none;
  }
  
  a:visited {
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  a:active {
    text-decoration: none;
  }

  
/* ul {font-family: 'IRANYekan'; font-size: 18px; color:white; text-align:right; line-height: normal; direction: rtl;list-style-position: outside;} */
ol {font-family: 'IRANYekan'; font-size: 28px; color:black; text-align:right; direction: rtl;}
li {font-family: 'IRANYekan'; font-size: 28px; color:black; text-align:right; line-height: normal; direction: rtl;  margin-bottom: 20px; }
ul{font-family: 'IRANYekan';color: #1434A4;font-size: 30px;line-height:30px; text-align:right;}
/* blockquote {font-family: 'IRANYekan';color: black; font-size: 28px;line-height:30px; text-align:right;}  */

ul.a {
	list-style-position: outside;
  }

  /* 
p {font-family: 'IRANYekan';color: black; font-size: 28px;line-height:40px; text-align:justify;font-style: normal;
	font-weight: 500;}   
 */
    p {   font-size: 1em;
    margin: 10px 0;
    text-align: right;
    max-width: 600px;
    margin-left: 0.25in;
    margin-right: 0.25in;
    text-align: justify;
    direction: rtl;

    line-height: 1.6;
    }
    lo {   font-size: 1em;
        margin: 10px 0;
        text-align: right;
        max-width: 600px;
        margin-left: 0.25in;
        margin-right: 3.25in;
        text-align: right;
        direction: rtl;
    
        line-height: 1.6;
        }
        li {   font-size: 1em;
            margin: 10px 0;
            text-align: right;
            max-width: 600px;
            margin-left: 0.25in;
            margin-right: 3.25in;
            text-align: right;
            direction: rtl;
        
            line-height: 1.6;
            }
            







h1 {font-family: 'IRANYekan';color:#d60004; text-align:center;font-size: 48px;direction: rtl;}
h2 {font-family: 'IRANYekan';color:black; line-height:44px;font-size: 36px;} 
h3 {font-family: 'IRANYekan';color:black; text-align: center;font-size: 18px;}		
p.small 
   {font-family: 'IRANYekan';color: rgb(8, 8, 8); font-size: 18px;line-height: 1.5; text-align:right;}   

h4 {font-family: 'IRANYekan'; color: black; text-align:right; font-size: 24px; direction: rtl;} 
h5 {font-family: 'IRANYekan'; text-align:right;font-size: 15px; line-height: 1.5; direction: rtl;} 
h6 {font-family: 'Maneli'; text-align:right;font-size: 12px; direction: rtl;} 
.author {font-family: 'IRANYekan'; font-style: italic; color:black; text-align:right; font-size: 20px; direction: rtl;line-height: .1; }



.yellow-frame {
    background-color: #ffe5b4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.frame-image-container {
    width: 100%;
    max-width: 800px;
    padding: 0 20px;
    box-sizing: border-box;
}

.frame-image {
    width: 100%;
    height: auto;
    display: block;
}
 
/* ...................................................................... */

        .frameNEW {
       
            padding: 0px 0; /* Vertical padding */
        }
        .frameNEW img {
            max-width: 100%; /* Responsive image */
            height: auto; /* Maintain aspect ratio */
            display: block; /* Remove gap below image */
            margin: 0 auto; /* Center image */
        }

        .frame8inch {
            width: 6.5in;
            max-width: 100%;
            margin: 0 auto;
            padding: 0px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .frame8inch img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            object-fit: contain;
        }

/* ...................................................................... */