@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Great+Vibes&display=swap";.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;font-family:Poppins,sans-serif}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}header{padding:20px;background-color:#1a9aff;position:relative}header .container{display:flex;justify-content:space-between;align-items:center}a.doctor-logo{text-decoration:none}a.doctor-logo img{width:250px}@media (max-width: 767px){a.doctor-logo img{width:200px}}header nav{transition:5s ease}header nav ul{display:flex;align-items:center;gap:20px;list-style:none;position:relative}header nav img{width:450px;display:none;transform:translateY(-50%)}@media (max-width: 991px){header nav{position:absolute;bottom:-240px;left:0;padding:10px;border-radius:0 0 10px 10px;z-index:1000;background-color:#1a9aff;display:none;width:100%;border-top:3px solid white;border-bottom:3px solid white}header nav ul{flex-direction:column;gap:5px;width:45%}}@media (min-width: 768px) and (max-width: 991px){header nav img{display:inline-block;position:absolute;right:40px;top:50%}}@media (max-width: 767px){header nav ul{width:100%}}header nav.show{display:flex}header nav ul li a svg{margin-right:5px}@media (max-width: 991px){header nav ul li{width:100%;position:relative}}header nav a.nav-link{text-decoration:none;color:#fff;font-size:15px;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;display:block}@media (max-width: 991px){header nav a.nav-link{color:#fff;width:100%;padding:15px 20px}}header nav a.active,header nav a:hover{border-bottom:2px solid white}@media (max-width: 991px){header nav ul li a.active{background-color:#000;border-radius:10px}}header nav a.apointment-button{color:#fff;background-color:#191816;padding:15px;border-radius:20px 0}@media (max-width: 991px){header nav a.apointment-button{background-color:transparent;border-bottom-right-radius:0}}@media (max-width: 991px){header nav ul li:last-child{border-bottom:none}}header .container .burger-links{width:30px;height:20.5px;position:absolute;cursor:pointer;right:20px}@media (min-width: 992px){header .container .burger-links{display:none}}header .container .burger-links span{position:absolute;background-color:#fff;left:0;height:1.5px;width:100%;transition:.5s;border-radius:3px}header .container span:first-child{top:0}header .container span:nth-child(2){top:10px;height:1.5px}header .container span:last-child{top:20px}.burger-links.clicked span:nth-child(2){opacity:0}.burger-links.clicked span:first-child,.burger-links.clicked span:last-child{top:9px}.burger-links.clicked span:first-child{transform:rotate(45deg)}.burger-links.clicked span:last-child{transform:rotate(-45deg)}.landing{position:relative;overflow:hidden}.landing:before{content:"";position:absolute;left:0;width:100%;height:100%;background-color:#1a9aff;z-index:-1;transform:skewY(-6deg);transform-origin:left top}.landing .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));height:100%;padding-bottom:100px}@media (max-width: 1199px){.landing .container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.landing .container .box-text{font-family:Poppins,sans-serif;display:flex;position:relative;align-items:center}@media (max-width: 767px){.landing .container .box-text{text-align:center}}.landing .container .box-text .text{position:relative;height:fit-content}.landing .container .box-text .text h1{padding-bottom:20px;font-size:41px;line-height:70px;color:#fff;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;text-align:center}.landing .container .box-text .text h1 span{font-size:30px;font-family:Great Vibes,cursive;font-weight:400;font-style:normal}.landing .container .box-text .text p{line-height:40px;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;text-align:center;margin-bottom:20px}.landing .container .box-text .text svg{position:absolute;top:-50px}.landing .container .box-text .text .links{display:flex;justify-content:center}.landing .container .box-text .text a.apointment-button{display:inline-block;color:#fff;background-color:#191816;padding:15px;border-radius:20px 0;margin-top:20px;text-decoration:none;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.landing .container .box-text .text a.contact-button{color:#191816;background-color:#fff;padding:15px;border-radius:20px 0;display:inline-block;margin:20px 0 0 20px;text-decoration:none;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.landing .container .image{display:flex;align-items:center;justify-content:center}.landing .container .image img{height:500px;animation:go-to-down 3s linear infinite;position:relative}@media (max-width: 767px){.landing .container .image img{height:420px}}@keyframes go-to-down{0%,to{top:0}50%{top:-20px}}.about-main{background-color:#fff;padding-block:50px}.about-main .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));height:100%;gap:20px}@media (max-width: 1199px){.about-main .container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.about-main .about-image{display:flex;align-items:center}@media (max-width:991px){.about-main .about-image{order:2}}.about-main .about-image img{width:100%;border-radius:15px}.about-main .about-box-text{position:relative}.about-main .about-box-text svg{position:absolute;top:20px}.about-main .about-box-text .about-box{margin-top:80px}.about-main h1{font-size:45px;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.about-main p{margin-top:20px;margin-bottom:20px;padding:20px 10px;background-color:#f6f6f6;border-radius:20px 0;color:#000;line-height:2;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.about-main .nav-link{color:#fff;background-color:#191816;padding:15px;border-radius:20px 0;text-decoration:none;font-size:15px;display:block;width:fit-content;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}footer{padding-top:100px;position:relative;background-color:#191919}footer .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:40px}footer .container .col-1 h1{color:#fff;font-size:50px}footer .container .col-1 .social-icons{margin:20px 0}footer .container .col-1 .social-icons span{background-color:#313131;color:#b9b9b9;display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:.3s;margin-right:10px}footer .container .col-1 .social-icons a:first-child span:hover{background-color:#1877f2}footer .container .col-1 .social-icons a:nth-of-type(2) span:hover{background-color:#c13584}footer .container .col-1 .social-icons a:nth-child(3) span:hover{background-color:#34a853}footer .container .col-1 .social-icons a:nth-child(4) span:hover{background-color:#fe8009}footer .container .col-1 p{line-height:2;color:#9b9b9b;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:20px}footer .container .col-1 p span{font-family:Great Vibes,cursive;font-weight:400;font-style:normal}footer .container .col-2 a{display:block;color:#b9b9b9;padding:15px;position:relative;transition:.3s;text-decoration:none;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}footer .container .col-2 a:hover{color:#fff}footer .container .col-2 a:not(:last-child){border-bottom:1px solid #444}footer .container .col-2 a:hover{transform:translate(10px)}footer .col-3 .text{display:flex;align-items:center;gap:15px;margin-bottom:30px}footer .col-3 .text .text-icon{font-size:25px;color:#2196f3;margin-right:10px}footer .col-3 .text span{line-height:2;color:#b9b9b9}footer .col-4 img{width:78px;border:3px solid white}footer p.copyrights{margin-top:30px;font-family:Poppins,sans-serif;padding:20px;text-align:center;color:#fff;border-top:1px solid #444}footer p.copyrights span{color:#2196f3;font-weight:700}footer p.copyrights a{text-decoration:none}*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.cantact-main{background-color:#fff;padding-block:50px}.cantact-main .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;font-family:Poppins,sans-serif;padding-bottom:100px}.cantact-main .container .box{text-align:center;border:1px solid #ccc;border-radius:15px;overflow:hidden}.cantact-main .container .image{position:relative;overflow:hidden}.cantact-main .container .box .image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.cantact-main .container .box:first-of-type .image:before{background-color:#f4403699}.cantact-main .container .box:nth-of-type(2) .image:before{background-color:#00968899}.cantact-main .container .box:nth-of-type(3) .image:before{background-color:#03a9f499}.cantact-main .container .box .image:after{content:"";border-style:solid;border-width:0px 0px 120px 400px;border-color:transparent transparent white transparent;position:absolute;bottom:0;right:0;transition:.3s}.cantact-main .container .box:hover .image:after{border-width:0px 352px 137px 0px;border-color:transparent transparent white transparent}.cantact-main .container .image img{max-width:100%}.cantact-main .container h1{font-size:30px;position:relative;width:fit-content;margin:0 auto}.cantact-main .container h1:after{content:"";position:absolute;bottom:-20px;left:50%;background-color:#2196f3;transform:translate(-50%);height:5px;width:60%}.cantact-main .container .box:first-of-type h1:after{background-color:#f44036}.cantact-main .container .box:nth-of-type(2) h1:after{background-color:#009688}.cantact-main .container .box:last-of-type h1:after{background-color:#2196f3}.cantact-main .container p{line-height:2;font-size:15px;margin:30px 0;padding:25px;color:#777;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.cantact-main .container .box a{display:block;border-radius:5px;padding:10px 30px;width:fit-content;margin:0 auto 30px;font-size:22px;font-weight:700;position:relative;transition:.5s;z-index:1;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.cantact-main .container .box:first-of-type a{border:3px solid rgb(244 64 54);color:#f44036}.cantact-main .container .box:nth-of-type(2) a{border:3px solid rgb(0 150 136);color:#009688}.cantact-main .container .box:last-of-type a{border:3px solid #2196f3;color:#2196f3}.cantact-main .container .box a:after{content:"";position:absolute;height:100%;left:0;top:0;z-index:-999}.cantact-main .container .box:first-of-type a:after{background-color:#f44036}.cantact-main .container .box:nth-of-type(2) a:after{background-color:#009688}.cantact-main .container .box:last-of-type a:after{background-color:#2196f3}.cantact-main .container .box:hover a{color:#fff}.cantact-main .container .box:hover a:after{animation:color-move .3s linear forwards}@keyframes color-move{0%{left:0;width:0}to{width:100%}}.appointment{background-color:#fff;padding-bottom:50px}.appointment .apoint-title svg{position:relative;bottom:-35px}.appointment .container{display:flex;flex-wrap:wrap;justify-content:space-between}@media (max-width: 991px){.appointment .container{flex-direction:column;align-items:center}}.appointment .text-col{max-width:470px;position:relative}.apoint-title{margin-bottom:30px}.apoint-title h1{font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-bottom:20px}.apoint-title p{font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.appointment .image-col{max-width:470px;display:flex;align-items:center}.appointment .image-col img{width:100%}.apoint-form form{display:flex;flex-wrap:wrap;gap:20px;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.apoint-form .info-box{display:flex;flex-direction:column}.apoint-form .info-box input{height:35px;width:200px;padding:10px;background-color:transparent;border:1px solid rgb(81,81,81);margin-top:10px}.apoint-form .info-box textarea{height:100px;padding:10px;background-color:transparent;margin-top:10px}.apoint-form form input[type=submit]{border-radius:20px;padding:20px;background-color:#1a9aff;color:#fff;height:fit-content;position:relative;bottom:-60px;right:0;border:none;cursor:pointer}.apoint-form form input[type=submit]:hover{background-color:#044271}.alert{padding:20px;background-color:#2eb886;color:#fff;margin-bottom:15px;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;position:fixed;z-index:100000;width:400px;right:0;top:0;vertical-align:middle}.closebtn{color:#fff;font-weight:700;float:right;font-size:22px;cursor:pointer;transition:.3s}.closebtn:hover{color:#000}