.landing{text-align:center;background:url(/landing.jpg) 50%/cover no-repeat fixed}.landing:before{content:"";z-index:1;background:#0000007a;position:absolute;inset:0}.landing .container{z-index:2;color:#fff;justify-content:center;align-items:center;height:100vh;padding-top:60px;display:flex;position:relative}.landing .container .popup{width:fit-content;color:var(--main-color);border:1px solid var(--main-color);background-color:#c6a74023;border-radius:20px;justify-content:center;align-items:center;margin:0 auto;padding:5px 10px;display:flex}.landing .container .popup p{color:var(--main-color);margin:0 5px 0 0;font-size:11px}.landing .container .image{border:3px solid var(--main-color);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:12px auto 0;display:flex;overflow:hidden}.landing .container .image img{border-radius:50%;width:100%}.landing .container h1{line-height:1.3}.landing .container h1 span{color:var(--main-color);text-shadow:0 0 1px #000;display:block}.landing .container h1 span.arName{font-family:Amiri,serif;font-size:80px}.landing .container h1 span.enName{font-family:cairo,sans-serif;font-size:70px}.landing .container p{color:#ccc;max-width:700px}.landing .container .links{justify-content:center;align-items:center;gap:20px;display:flex}.landing .container .links a{color:#fff;border:1px solid var(--main-color);border-radius:17px;padding:7px 10px;transition:all .3s ease-in-out;display:block}.landing .container .links a:first-child{background-color:var(--main-color)}.landing .container .links a:first-child:hover{color:var(--main-color);background-color:#c6a7404b;transform:translateY(-2px)}.landing .container .links a:last-child{border:1px solid var(--main-color)}.landing .container .links a:last-child:hover{color:#fff;background-color:#c6a7404b;transform:translateY(-2px)}.services{margin-bottom:50px}.services .stats{background-color:var(--second-bg-color);color:#fff;padding:20px 0}.services .stats .container{justify-content:space-around;display:flex}.services .stats .container .box{text-align:center}.services .stats .container .box .count{color:var(--main-color);margin:0;font-size:30px}.services .stats .container .box p{color:#ccc;margin:0;font-size:14px}@media (max-width:768px){.services .stats{padding:30px 0}.services .stats .container{grid-template-columns:repeat(2,1fr);gap:30px 15px;display:grid}.services .stats .container .box{min-width:unset}.services .stats .container .box .count{font-size:32px}.services .stats .container .box p{font-size:13px}}.services .container .title{text-align:center;margin-top:50px}.services .container .title p{color:#ccc;margin:0}.services .container .title p:first-child{color:var(--main-color)}.services .container .title h1{margin:5px 0}.services .container .servicesList{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:50px;display:grid}.services .container .servicesList .box{background-color:var(--box-color);border:1px solid #303030;border-radius:20px;padding:15px;transition:all .3s ease-in-out}.services .container .servicesList .box:hover{border-color:var(--main-color);background-color:#c6a74013}.services .container .servicesList .box .svgIcon{background-color:#c6a74025;border-radius:10px;justify-content:center;align-items:center;width:fit-content;padding:10px;display:flex}.services .container .servicesList .box .svgIcon svg{stroke:var(--main-color)}.services .container .servicesList .box h1{margin:10px 0;font-size:18px}.services .container .servicesList .box p{color:#ccc;margin:0;font-size:14px}.about{margin:100px 0 50px}.about p{font-size:14px}.about .container{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));justify-content:space-around;align-items:center;gap:20px;display:grid}.about .container .imageSection .image{aspect-ratio:1;border:3px solid var(--main-color);border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex;overflow:hidden}.about .container .imageSection .image img{border-radius:50%;width:100%}.about .container .textSection h1{margin:0}.about .container .textSection p{color:#ccc}.about .container .textSection .locationBox{border-inline-start:1px solid var(--main-color);padding-inline-start:20px}.about .container .textSection .locationBox .location,.about .container .textSection .locationBox .phone{justify-content:flex-start;align-items:center;gap:10px;display:flex}.about .container .textSection .locationBox .location svg,.about .container .textSection .locationBox .phone svg{stroke:var(--main-color);display:inline-block;transform:translateY(-3px)}.about .container .textSection .locationBox .location p,.about .container .textSection .locationBox .phone p{margin-top:0}.about .container .textSection .locationBox .location a,.about .container .textSection .locationBox .phone a{color:#fff;transition:all .3s ease-in-out}.about .container .textSection .locationBox .location a:hover,.about .container .textSection .locationBox .phone a:hover{color:var(--main-color)}.about .container .textSection .info .data p{align-items:flex-start;margin:5px 0;display:flex}.about .container .textSection .info .data p:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23b8860b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:15px;height:15px;margin-inline-end:8px;display:block;transform:translateY(8px)}.about .container .textSection .info a{background-color:var(--main-color);color:#fff;border-radius:10px;margin-top:20px;padding:10px 20px;display:inline-block}@media (max-width:768px){.about .container{gap:30px}.about .container .imageSection{margin:0 auto}.about .container .imageSection .image{max-width:280px}}@media (max-width:480px){.about p,.about a{font-size:14px}.about .container .imageSection .image{max-width:240px}}.features{margin:100px 0 50px}.features .container .title{text-align:center}.features .container .title p{color:#ccc;margin:0}.features .container .title p:first-child{color:var(--main-color)}.features .container .title h1{margin:5px 0}.features .container .featuresList{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:50px;display:grid}.features .container .featuresList .box{background-color:var(--box-color);border:1px solid #303030;border-radius:20px;padding:15px;transition:all .3s ease-in-out}.features .container .featuresList .box:hover{border-color:var(--main-color);background-color:#c6a74013}.features .container .featuresList .box .icon{background-color:#c6a74025;border-radius:10px;justify-content:center;align-items:center;width:fit-content;padding:10px;display:flex}.features .container .featuresList .box .icon svg{stroke:var(--main-color)}.features .container .featuresList .box h1{margin:10px 0;font-size:18px}.features .container .featuresList .box p{color:#ccc;margin:0;font-size:14px}.features .container .contactSection{text-align:center;margin-top:100px}.features .container .contactSection h1{margin-bottom:10px}.features .container .contactSection p{color:#ccc;margin:0}.features .container .contactSection p:first-child{color:var(--main-color)}.features .container .contactSection a{background-color:var(--main-color);color:#fff;border-radius:10px;margin-top:20px;padding:10px 20px;display:inline-block}