@font-face {
    font-family: "droidSansArabic";
    src: url("../../../../vendor/Fonts/droid_sans_arabic/droid_sans_arabic-webfont.woff2") format("woff2"),
         url("../../../../vendor/Fonts/droid_sans_arabic/droid_sans_arabic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;

}



:root {
  
 
  
    --cassiopeia-color-primary: rgba(60,54,88,1) ;
    --cassiopeia-color-link: rgba(85,186,175,1);
    --cassiopeia-color-hover: rgba(185,216,177,1);
    
    
    --gradient: linear-gradient(112deg, rgba(60,54,88,1) 0%, rgba(85,186,175,1) 50%, rgba(185,216,177,1) 90%);
    --body-font-family: var(--cassiopeia-font-family-body); 
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height:1.5;
    --body-color: #3C3658;
    --body-bg: #B9D8B1;
    
  }



 .header,
.container-header{
      background-color: #55BAAF;
 		background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280.08 640'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b9d8b1%3B%7D.cls-2%7Bfill:%2391c69f%3B%7D.cls-3%7Bfill:%2372b2a2%3B%7D.cls-4%7Bfill:%23588c9b%3B%7D.cls-5%7Bfill:%23475679%3B%7D.cls-6%7Bfill:%233c3658%3B%7D.cls-7%7Bfill:%233d406b%3B%7D.cls-8%7Bfill:%2343577f%3B%7D.cls-9%7Bfill:%23477594%3B%7D.cls-10%7Bfill:%234b9caa%3B%7D.cls-11%7Bfill:%2355baaf%3B%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='1280' height='640'/%3E%3Cpath class='cls-2' d='M883.08 566.24C789.64 585.52 697.72 613.44 605 640h675V575.84a563.31 563.31 0 0 0-120.56-26.72c-89.52-10.24-180.8-1.92-268.24 15.52C888.52 565.2 885.8 565.68 883.08 566.24Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-3' d='M0 639.92H605c92.72-26.56 184.64-54.56 278.08-73.76 2.72-.48 5.44-1 8.16-1.6C978.68 547.12 1070 538.88 1159.48 549A563.48 563.48 0 0 1 1280 575.84V0H0Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-4' d='M1151.16 435.2A494.48 494.48 0 0 1 1280 459.92V0H0V599.92c135.28 31.52 275.52 37.44 414.88 8.16C578.76 573.6 732.76 508.8 889.72 466.8c2.48-.64 5-1.36 7.6-2C979.48 443.36 1065.32 429.92 1151.16 435.2Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-5' d='M.12 0V511c145.28 37.6 297 45 446.32 10.08 157.36-36.8 303-104.08 449.92-153.68l7.12-2.4c76.88-25.44 157.2-44.24 239.44-43.6A446 446 0 0 1 1280 343.52V0Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-6' d='M1280 226.56V0H0V422.24c155.12 44.48 318.8 53.28 477.84 11.84 150.88-39.36 288.24-108.88 425-166.16 2.24-.88 4.4-1.84 6.64-2.72 71.52-29.52 146.48-52.88 225-57.68A386.8 386.8 0 0 1 1280 226.56Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-7' d='M0 0V333.76C164.6 386.24 340.84 395.84 509.24 347 653.72 305.2 782.76 233.36 909.48 168.48c2.08-1 4.08-2.08 6.16-3.12 66.24-33.52 135.76-62 210.64-71.68A344.25 344.25 0 0 1 1280 109V0H0Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-8' d='M921.8 65.6c40.8-25.12 83-48.56 127.76-65.6H0V245.44c10.16 3.6 20.24 7 30.48 10.32 165.28 52.88 343.44 58.16 510.32 4.24 138-44.56 258.72-118.4 375.36-191C918 67.92 919.88 66.72 921.8 65.6Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-9' d='M0 0V156.48A782.31 782.31 0 0 0 96.2 189.84c156 42.88 322.56 38.48 476-16.88C686.84 131.6 787.16 68.64 881.64 0H0Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-10' d='M603.64 85.92C661.56 62.56 715 33.36 765.32 0H0V65.2C16.76 73.76 33.8 81.68 51.16 88.8a688.69 688.69 0 0 0 110.88 35C308.68 156.88 463.72 142.48 603.64 85.92Z' transform='translate(0.04 0)'/%3E%3Cpath class='cls-11' d='M632.76 0H54.36A587.11 587.11 0 0 0 227.8 57.92C364.28 80.8 506.6 56.8 632.76 0Z' transform='translate(0.04 0)'/%3E%3C/svg%3E");

  background-attachment: fixed;
background-size: cover;

  
  
   /* 62.5% of 16px = 10px*/
   /* font-size: 62.5%;*/
  /*	line-height: 1.15; /* 1 */*/
   /* -webkit-text-size-adjust: 100%; /* 2 */*/
}




  
  body{
    margin: 0;
    font-family: "droidSansArabic", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
   
    
    
   
  }



  
 


  .card{
    	margin: 1.6rem 1rem;
  	  box-shadow: 6px 4px 10px 10px rgba(0,0,0,0.35);
   	 -webkit-box-shadow: 6px 4px 10px 10px rgba(0,0,0,0.35);
   	 -moz-box-shadow: 6px 4px 10px 10px rgba(0,0,0,0.35);
  }



.backgroundBg{
 background: #B9D8B1;
  
}
  
  .footer{
    background: rgb(60,54,88);
  background: linear-gradient(112deg, rgba(60,54,88,1) 0%, rgba(85,186,175,1) 50%, rgba(185,216,177,1) 100%);
  }

.cf-btn{
  
  background-color: rgba(60,54,88,1) ;
}

.mod-languages a {
  color:    #fff; 
}

.mod-languages a:hover,
.mod-languagesa:focus       
	{
  
  color:var( --cassiopeia-color-hover);
  
	}

	/*#cf_2{
    font-family: inherit;
    font: inherit;
  }*/

@media screen and (max-width:400px) {
    body{
        --body-font-size: 1rem;
    	--body-font-weight: 400;
    	--body-line-height:1.15;
    }
  
  .header{
    
    background: rgb(60,54,88);
  background: linear-gradient(180deg, rgba(60,54,88,1) 10%, rgba(85,186,175,1) 75%, rgba(185,216,177,1) 100%);
    
    
    
  
    
    
    
  }
}