@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

:root
{
  --primary : #3e6ff4;
  --secondery : ;
  --prim_color: #403f68;
  --font : ;
  --font-semi: 600;
  --big-font-size: 2.5rem;
  --icon: 2rem;
  /*----------------------------*/
  --header-bg : #fff;
}
/*

main-color(#e0e0e9)
second-color(#f3f3f9)

*/

*{ 
	padding:0;
    margin:0; 
    font-family: 'Poppins', sans-serif; 
    font-size: 1.1rem; 
    color: var(--prim_color); 
}

a{ text-decoration: none; }

body{
	background: #f7f8fc;
	padding-top: 73px ;
}

header
{
	position:fixed;
	top:0;
	width:80vw; 
	padding:10px 10vw; 
	background:var(--header-bg);
	float:right;
	box-shadow:0 1px 4px rgba(146, 161, 176, 0.15);
}

#nav
{
   float:right;
}


#open_menu
{
   display:none;
}
      	
#logo
{
   float: left;
   padding: 11px;
}


#nav>ul
{
   list-style:none;
   direction:rtl;
}

#nav>ul>li
{
	display:inline-block;
	padding:10px 20px;
	border:solid 2px var(--header-bg);
	font-weight:var(--font-semi) ;
}

#nav>ul>li:hover{
	cursor:pointer;
	border-bottom:solid 2px var(--primary) ;
}

section
{	 
	width:80vw ; 
	padding:20px 10vw;
	float:right;
}

.section-left
{
	width:50%;
	float:left;
}

.section-right
{
	width:50%;
	height:100% ;
	float:right;
	padding:8vh 0;
}

#photo_cover
{
    width:100%;
    background:var(--primary);
    float:right;
    border-radius:80% 30px 50px 0;
}

#photo
{ 
	position:relative;
	width:100%;
	float:right;

}

.page_title {
    margin:0;
    padding:20vh 20px;
    color:#403f68;
    font-size:var(--big-font-size) ;
    
}

.page__title-color{
   font-size:var(--big-font-size) ;
   color:var(--primary) ;
}



.cosial_icon
{
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
}

.cosial_icon_item
{
  padding:10px;	
  font-size:var(--icon) ;
  cursor:pointer;
}

.cosial_icon_item:hover
{
	color: var(--primary) ;
}


content
{
	padding-top: 4rem;
    padding-bottom: 3rem;
}
 
@media screen and (max-width: 1000px) 
{
	.page_title 
	{
      margin: 0;
      padding: 5vh 20px;
    }

	header
	{
	    width:100vw;
	    padding:0; 
    }

    #open_menu
    {
        margin: 3px 6px;
        padding: 3px;
        border-radius: 10px;
        font-size: 37px;
        font-weight: bold;
        float: right;
        border: solid 1px #403f68;
        display:block;
    }
    
    #nav
    {
        background: #e1e3e7;
        display: none;
    }

    #nav>ul>li
    {
    	width:90vw;
    	padding: 8px 5vw;
    	border-color: #e1e3e7;
    	border: none;
    }	
    
    #nav>ul>li:hover
    {
    	border: none;
    	background: #c4c6d6;
    }

	section 
	{
	    width: 90vw;
	    padding: 20px 5vw;
    }
	.section-left
	{
		width: 100%
	}

	.section-right
	{
        width: 100%
	}
}




/*
4323280074131194
07 29 
salah noman
731
*/



/*
تركيب زجاج
,
سكريت زجاج
زجاج الرياض
انواع الزجاج
زجاج السيكوريت
الزجاج السيكوريت
السيكوريت للزجاج
انواع الزجاج السكريت
انواع زجاج السكريت
الزجاج الفني
زجاج سيكوريت
زجاج سيكوريت الرياض
زجاج سكريت
تركيب زجاج سيكوريت
تركيب زجاج
تركيب زجاج في الرياض
درابزين زجاج
زجاج سيكوريت
سكريت
درابزين
درابزين درج
مرايات
معلم زجاج الرياض
محل زجاج ومرايا
ابواب زجاج
تركيب زجاج الرياض
زجاج سكريت الرياض
باب قزاز
شتر
معلم زجاج
ابواب زجاج
باب قزاز سحاب
ابواب سحاب
ابواب زجاج
*/








/*
شتر
زجاج سيكوريت
درابزين
درابزين درج
سكريت
ابواب سحاب
درابزين زجاج
تركيب زجاج سيكوريت
زجاج سكريت الرياض
زجاج سيكوريت الرياض
انواع الزجاج
باب قزاز
محل زجاج ومرايا
للزجاج والسيكوريت
تركيب زجاج الرياض
معلم زجاج
تركيب زجاج في الرياض
اعمال زجاج
الواجهات الزجاجية
سكريت زجاج
فن الزجاج
الزجاج السيكوريت
زجاج الرياض
فني زجاج
فنى زجاج
باب قزاز سحاب
معلم زجاج الرياض
أنواع الزجاج السيكوريت
أنواع الزجاج بالصور
الغرفة الزجاجية
غرفة زجاجيه
السيكوريت للزجاج
الغرف الزجاجيه
تركيب الزجاج السيكوريت
انواع الواجهات الزجاجية
انواع زجاج الواجهات
انواع زجاج السكريت
افضل انواع الزجاج
اسماء انواع الزجاج
انواع الزجاج السيكوريت
الزجاج الفني
تركيب الزجاج في الواجهات
افضل انواع الزجاج السيكوريت
انواع الزجاج السكريت
انواع زجاج السيكوريت
الازاز السيكوريت
اسعار السكريت الزجاج
انواع القزاز السكريت
أشكال الزجاج
أنواع الزجاج للواجهات
*/