section,nav,menu,figure,strong,html,body,div,footer,header,article,aside,section,span,h1,h2,h3,h4,h5,h6,p,a,font,img,figure,strong,b,u,i,center,ol,ul,li,form,label,table,button,input{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{min-width:1240px;direction:rtl;font-family:hoonel;font-size:13px;line-height:26px;background:#fff}
body a{text-decoration:none;color:#000000}
body a:hover{text-decoration:none}
@font-face{font-family:hoonel;font-display:swap;font-weight:400;src:url(https://portal.hoonel.com/templates/static/fonts/400.eot);src:url(//portal.hoonel.com/templates/static/fonts/400.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/400.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/400.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/400.woff2) format("woff2")}
@font-face{font-family:hoonel;font-display:swap;font-weight:700;src:url(https://portal.hoonel.com/templates/static/fonts/700.eot);src:url(//portal.hoonel.com/templates/static/fonts/700.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/700.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/700.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/700.woff2) format("woff2")}
.wrp{width:1240px;margin:0 auto}
.clr{clear:both}
header{width:100%;height:100px;box-shadow:inset 0px 100px 60px -60px #1e4ea7;border-bottom:1px solid #ffffff90;position:absolute;top:0;left:0;z-index:2}
header div{width:1240px;margin:0 auto}
header .logo{height:55px;width:52px;font-size:0;background-image:url(img/logo-white.svg);background-size:cover;float:right;margin:25px 0 0 25px}
header nav{width:800px;float:right;height:100px;line-height:100px}
header nav a{float:right;padding:0 10px;font-size:16px;color:#fff;transition: 0.3s}
header nav a:hover{color:#1e4ea7;}
header menu{width:330px;height:100px;line-height:100px;float:left;text-align:left;color:#fff;display:none}
header menu a{padding-right:10px;font-size:17px;color:#fff;transition: 0.3s;}
header menu a:hover{color:#1e4ea7}
footer{width:100%;height:450px;background:#17449e;margin-top:65px;color:#fff}
footer div:nth-child(1){width:1240px;height:180px;padding:80px 0;margin:0 auto}
footer div:nth-child(1) menu li b{display:block;font-size:20px;height:35px;line-height:35px}
footer div:nth-child(1) menu:nth-child(1){float:right;width:350px;margin:0 20px 0 70px}
footer div:nth-child(1) menu:nth-child(1) li{height:38px;line-height:38px;font-size:14px;color:#fff;border-bottom:1px solid #aaaaaa50}
footer div:nth-child(1) menu:nth-child(1) li u{float:right;text-decoration:none}
footer div:nth-child(1) menu:nth-child(1) li i{float:left;font-style:normal}
footer div:nth-child(1) menu:nth-child(2){float:right;width:190px;margin:0 20px 0 10px}
footer div:nth-child(1) menu:nth-child(2) li a{display:block;height:40px;line-height:40px;font-size:14px;color:#fff}
footer div:nth-child(1) menu:nth-child(3){float:left;width:530px;font-style:normal}
footer div:nth-child(1) menu:nth-child(3) li{width:100%;display:block;color:#fff;padding-bottom:11px;border-bottom:1px solid #aaaaaa50;margin-bottom:11px}
footer div:nth-child(2){width:1240px;height:80px;line-height:80px;color:#fff;text-align:left;border-top:1px solid #4d93e950;margin:25px auto 0}
footer div:nth-child(2) a{float:right;display:block;width:25px;height:25px;line-height:25px;padding:7.5px;margin:20px 0 0 20px;border-radius:50%;background:#4d93e9}
footer div:nth-child(2) a img{width:25px;height:25px;color:#fff}
.solid{position:relative;width:100%;height:750px;text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden}
.solid video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.solid figure{position:absolute;bottom:0;width:100%;height:500px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #1e4ea7 150%)}
.solid div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e4ea7;opacity:0.3;z-index:1}
.solid div:last-child{width:600px;height:300px;color:#fff;margin:200px auto 0;z-index:2}
.solid div:last-child p{font-size:35px;line-height:35px;font-weight:bold;margin-bottom:30px}
.solid div:last-child h1{font-size:16px;line-height:30px;margin-bottom:40px}
.solid div:last-child a{display:inline-block;width:250px;height:50px;line-height:50px;font-size:16px;color:#fff;background:#4d93e9;border-radius:22px;margin:0 175px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition: 0.3s;}
.solid div:last-child a:hover{background:#1e4ea7}
.boxtext{position:relative;z-index:2;width:1200px;height:265px;padding:55px 20px 0;color:#fff;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));border-radius:5px;margin:-65px auto 0}
.boxtext div:first-child{width:580px;padding:0 30px;float:left}
.boxtext div:last-child{width:500px;padding:0 30px;float:right}
.boxtext div h2{display:block;font-size:22px;font-weight:bold;height:30px;line-height:25px;padding-bottom:20px}
.boxtext div h2 img{float:right;display:inline;width:30px;height:30px;margin-left:10px}
.boxtext div h2:before{content: '';background:url(//drnajme.com/templates/desktop/img/solid-visit.svg);background-size:cover;float:right;width:30px;height:30px;margin-left:10px}
.boxtext div span{display:block;font-size:22px;font-weight:bold;height:30px;line-height:25px;padding-bottom:20px}
.boxtext div span img{float:right;display:inline;width:30px;height:30px;margin-left:10px}
.boxtext div span:before{content: '';background:url(//drnajme.com/templates/desktop/img/solid-online.svg);background-size:cover;float:right;width:30px;height:30px;margin-left:10px}
.boxtext div b{width:100%;font-size:14.5px;line-height:28px;color:#abcbff;display:block}
.boxtext div p{width:580px;height:45px;line-height:45px;text-decoration:none;color:#fff;border-bottom:1px solid #5a7ec6}
.boxtext div strong{float:left;text-align:left}
.box-service{width:1240px;margin:65px auto 0}
.box-service section{float:right;width:285px;line-height:26px;color:#757575;padding:0 15px 80px 12px;transition: 0.6s}
.box-service section h2{width:216px;height:45px;color:#1a49a2;font-size:17px;line-height:45px;font-weight:bold;margin-bottom:15px}
.box-service section h2 a{color:#1a49a2}
.box-service section h3{width:250px;margin-right:6px;height:30px;line-height:30px;color:#666;border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:4px}
.box-service section h3::before{content: '';width:8px;height:8px;float:right;margin:11px 0 0 8px;border-radius:50%;background:#888}
.box-service section h3:hover{text-decoration:underline}
.box-service section h2:after{content: '»';margin-right:5px}
.box-service section:nth-child(1) h2:before{content: '';background:url(https://drnajme.com/templates/desktop/img/service-e.svg);background-size:cover;float:right;margin-left:15px;width:45px;height:45px;transition: 0.6s}
.box-service section:nth-child(2) h2:before{content: '';background:url(https://drnajme.com/templates/desktop/img/service-i.svg);background-size:cover;float:right;margin-left:15px;width:45px;height:45px;transition: 0.6s}
.box-service section:nth-child(3) h2:before{content: '';background:url(https://drnajme.com/templates/desktop/img/service-n.svg);background-size:cover;float:right;margin-left:15px;width:45px;height:45px;transition: 0.6s}
.box-service section:nth-child(4) h2:before{content: '';background:url(https://drnajme.com/templates/desktop/img/service-f.svg);background-size:cover;float:right;margin-left:15px;width:45px;height:45px;transition: 0.6s}
.box-service section:last-child{padding:0 15px 0 0}
.box-service section h2:hover:before{margin-left:25px}
.box-comments{width:100%;height:300px;overflow:hidden;position:relative;padding:100px 0;text-align:center;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));color:#fff}
.box-comments h4{height:30px;font-size:24px;margin-bottom:50px;font-weight:bold;color:#fff}
.box-comments-in{margin:auto;overflow:hidden;position:relative;width:600px;height:240px}
.block-comments{list-style:none;position:absolute;left: 0px;top:0px;width:9000px;transition:left .3s linear;animation:slide-animation 10s infinite}
.block-comments article{float:left;position:relative;text-align:right;width:600px;display:inline-block;height:200px}
.block-comments article strong{display:block;width:630px;padding:0 15px 15px 0;color:#aaa;font-weight:bold;font-style:italic;text-decoration:none}
.block-comments article h5{display:block;max-height:100px;overflow:hidden}
.block-comments article p{display:block;width:200px;height:60px;line-height:30px;margin-top:40px;color:#aaa;font-size:12px;text-align:right;margin-right:200px}
.block-comments article p span{font-weight:bold;color:#fff;display:block}
.block-comments article p img{float:right;width:50px;height:50px;border-radius:50%;background:#fff;overflow:hidden;margin:5px 0 5px 15px}
.block-comments:hover{animation-play-state:paused}
@keyframes slide-animation {0% {opacity:0;}2% {opacity:1;}20% {left:0px; opacity:1;}22.5% {opacity:0.6;}25% {left:-600px;opacity:1}45% {left:-600px; opacity:1;}47.5% {opacity:0.6;}50% {left:-1200px; opacity:1;}70% {left:-1200px; opacity:1;}72.5% {opacity:0.6;}75% {left:-1800px; opacity:1;}95% {opacity:1;}98% {left:-1800px; opacity:1} 100% {left:0px; opacity:0}}
.box-portfolio{width:1240px;min-height:410px;margin:70px auto 0}
.box-portfolio h3{width:1240px;height:40px;line-height:40px;color:#1c4ca5;font-size:30px;font-weight:bold;margin-bottom:40px}
.box-portfolio h3 a{float:left;color:#1a49a2;font-size:14px;font-weight:bold;margin-top:5px}
.box-portfolio h3 a.btn{float:left;background:#1a49a2;color:#fff;font-size:14px;font-weight:bold;padding:5px 15px;border-radius:15px}
.box-portfolio article{display:block;position:relative;width:280px;height:170px;float:right;border-radius:5px;margin:0 15px 30px;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);overflow:hidden;transition: 0.6s}
.box-portfolio article figure{width:280px;height:170px;border-radius:5px;position:absolute;z-index:1;overflow:hidden}
.box-portfolio article figure img{width:140px;height:170px;float:right}
.box-portfolio article h4{height:50px;width:255px;padding:40px 25px 0 0;line-height:40px;font-weight:bold;color:#fff;background:linear-gradient(transparent,#0a2a73 130%);border-radius:0 0 5px 5px;position:absolute;z-index:2;margin-top:80px;transition: 0.6s}
.box-portfolio article:hover h4{margin-top:170px}
.box-insurance{width:100%;height:380px;background:#f1f1f1;padding:100px 0}
.box-insurance h4{height:40px;line-height:40px;color:#1a49a2;font-size:25px;font-weight:bold;text-align:center;margin-bottom:40px}
.box-insurance article{justify-content:space-between;width:1240px;margin:0 auto}
.box-insurance article h5{float:right;width:73px;height:105px;padding:10px 7px;background:#fff;text-align:center;color:#1a49a2;font-size:10px;transition: 0.3s;line-height:25px;border-radius:7px;margin:0 8px 16px;overflow:hidden}
.box-insurance article h5 img{width:73px;height:73px;color:#1a49a2;font-size:10px;transition: 0.3s}
.box-insurance article h5:hover img{width:93px;height:93px;margin:-10px -10px 0 0}
.box-insurance article h5:hover{font-size:0}
.box-about{width:1240px;height:600px;background:#fff;border-radius:5px;overflow:hidden;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);margin:-60px auto 0}
.box-about div{width:1170px;padding-left:70px;height:400px}
.box-about div img{width:500px;height:400px;float:right;margin-left:70px}
.box-about div h2{display:block;height:40px;line-height:40px;padding:60px 0 30px;font-size:40px}
.box-about div h3{display:block;height:30px;line-height:30px;color:#1a49a2;font-size:22px}
.box-about div h4{display:block;height:40px;padding:30px 0 40px;font-size:15px;line-height:25px}
.box-about div a{display:block;float:left;width:150px;height:50px;line-height:47px;font-size:16px;font-weight:bold;background:#17449e;border-radius:10px;text-align:center;color:#fff;transition: 0.6s}
.box-about div a:hover{background:#a9d0ff}
.box-about p{width:1240px;height:200px;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1))}
.box-about p span{display:block;width:310px;margin-top:60px;float:right;text-align:center;color:#a9d0ff;font-size:20px}
.box-about p span b{font-size:40px;line-height:40px;height:40px;font-weight:bold;color:#fff;display:block;margin-bottom:20px}
.box-learn{width:1240px;text-align:right;margin:90px auto 20px}
.box-learn h2{width:100%;height:40px;line-height:40px;color:#1a49a2;font-size:22px;font-weight:bold;margin-bottom:35px}
.box-learn details{width:1160px;padding:0 40px;box-shadow: 0 0 15px rgba(0, 0, 0,0.1);border-radius:7px;margin-bottom:20px}
.box-learn details summary{list-style:none;height:65px;line-height:65px}
.box-learn details summary u{float:right;color:red;font-size:13px;font-weight:bold;display:block;width:80px}
.box-learn details summary i{float:right;color:green;font-size:12px;display:block;width:130px}
.box-learn details summary h3{float:right;font-size:15px;display:block;width:800px}
.box-learn details summary span{float:right;font-size:26px;font-weight:bold;color:#1a49a2;margin-left:30px}
.box-learn details summary::marker{content:none}
.box-learn details div{border-top:1px solid #eee;padding:20px 0 30px}
.box-learn details div a{display:block;width:150px;color:#fff;background:#4d93e9;height:40px;line-height:40px;border-radius:13px;text-align:center;margin-top:30px}
.shsolid{position:relative;width:100%;height:600px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.shsolid video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.shsolid figure{position:absolute;bottom:0;width:100%;height:500px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #1e4ea7 150%);}
.shsolid div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e4ea7;opacity:0.3;z-index:1}
.shsolid div:last-child{width:1100px;height:300px;color:#fff;margin-top:100px;z-index:2}
.shsolid div:last-child p{width:800px;font-size:40px;line-height:50px;font-weight:bold;margin-bottom:40px}
.shsolid div:last-child h1{width:700px;font-size:16px;line-height:30px;margin-bottom:40px}
.shsolid div:last-child a{width:800px;display:inline-block;text-align:center;width:250px;height:50px;line-height:50px;font-size:16px;color:#fff;background:#4d93e9;border-radius:22px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition: 0.3s}
.shsolid div:last-child a:hover{background:#1e4ea7}
.sh-blockportfolio{width:1240px;margin:50px auto}
.sh-blockportfolio article a{display:block;position:relative;width:280px;height:170px;float:right;border-radius:5px;margin:0 15px 30px;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);overflow:hidden;transition: 0.6s}
.sh-blockportfolio article a figure{width:280px;height:170px;border-radius:5px;position:absolute;z-index:1;overflow:hidden}
.sh-blockportfolio article a figure img{width:140px;height:170px;float:right}
.sh-blockportfolio article a h2{height:50px;width:255px;padding:40px 25px 0 0;line-height:40px;font-weight:bold;color:#fff;background:linear-gradient(transparent,#0a2a73 130%);border-radius:0 0 5px 5px;position:absolute;z-index:2;margin-top:80px;transition: 0.6s}
.sh-blockportfolio article a:hover h2{margin-top:170px}
.sh-blockinsurance{width:1240px;margin:50px auto}
.sh-blockinsurance article h2{float:right;width:105px;height:150px;padding:15px;text-align:center;color:#1a49a2;font-size:10px;transition: 0.3s;box-shadow: 0 0 35px rgba(0, 0, 0,0.1);border-radius:7px;margin:0 10px 20px}
.sh-blockinsurance article h2 img{width:105px;height:105px;color:#1a49a2;font-size:10px;margin-bottom:10px}
.sh-blockinsurance article h2:hover{font-size:0}
.sh-blockservice{width:1240px;margin:50px auto}
.sh-blockservice a{float:right;width:250px;height:270px;padding:40px 15px 0;text-align:center;color:#17449e;box-shadow: 0 0 10px rgba(0, 0, 0,0.1);border-radius:8px;margin:20px 15px}
.sh-blockservice a img{width:80px;height:80px;margin:0 85px 20px}
.sh-blockservice a h2{height:20px;line-height:20px;font-size:18px;font-weight:bold}
.sh-blockservice a p{height:20px;line-height:20px;font-size:13px;margin:24px 0 13px}
.sh-blockservice a h3{line-height:22px;font-size:14px;color:#000;margin-bottom:5px}
.fl-service{width:1240px;height:auto;padding-bottom:50px;margin:0 auto}
.fl-service > img{float:right;width:540px;height:auto;border:1px solid #ccc;border-radius:10px;margin-left:40px}
.fl-service > h2{display:inline-block;height:30px;line-height:30px;font-size:24px;font-weight:bold;color:#1b4ba4;padding-bottom:30px}
.fl-service section:nth-child(1){position:relative;z-index:2;width:1200px;height:265px;padding:55px 20px 0;color:#fff;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));border-radius:5px;margin:-65px auto 50px}
.fl-service section:nth-child(1) div:first-child{width:500px;padding:0 30px;float:left}
.fl-service section:nth-child(1) div:last-child{width:580px;padding:0 30px;float:right}
.fl-service section:nth-child(1) div h2{display:block;font-size:22px;font-weight:bold;height:30px;line-height:25px}
.fl-service section:nth-child(1) div h3{width:100%;font-size:14.5px;line-height:28px;color:#abcbff;display:block;padding:20px 0 15px}
.fl-service section:nth-child(1) div p{width:100%;height:45px;line-height:45px;text-decoration:none;color:#fff;border-bottom:1px solid #5a7ec6}
.fl-service section:nth-child(1) div strong{float:left;text-align:left}
.fl-service section:nth-child(2){float:left;width:650px;font-size:14px}
.fl-service section:nth-child(2) h2{display:block;width:650px;font-size:16px;font-weight:bold;padding-bottom:10px}
.fl-service section:nth-child(2) h3{display:block;width:650px;padding-bottom:30px}
.fl-learn{width:1240px;height:auto;padding-bottom:50px;margin:0 auto}
.fl-learn h2{position:relative;z-index:2;font-size:20px;width:1150px;height:130px;padding:55px 70px 0 20px;color:#abcbff;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));border-radius:5px;margin:-65px auto 50px}
.fl-learn h2 strong{display:block;font-size:26px;font-weight:bold;color:#fff;height:25px;line-height:25px;margin-bottom:30px}
.fl-learn h3{float:right;display:block;font-size:15px;line-height:30px}
.fl-learn img{float:right;width:500px;height:auto;border:1px solid #ccc;border-radius:10px;margin-left:50px}
.fl-learn video{width:1240px;height:auto;max-height:700px;border:1px solid #000;border-radius:10px;background:#fff;margin-top:70px}
.fl-portfolio{width:1240px;height:auto;padding-bottom:50px;margin:0 auto}
.fl-portfolio section{position:relative;z-index:2;width:1200px;height:265px;padding:55px 20px 0;color:#fff;background:linear-gradient(to left, rgba(23, 68, 158, 1), rgba(36, 93, 179, 1));border-radius:5px;margin:-65px auto 50px}
.fl-portfolio section div:last-child{width:580px;padding:0 30px;float:right}
.fl-portfolio section div:last-child h2{display:block;font-size:22px;font-weight:bold;height:30px;line-height:25px}
.fl-portfolio section div:last-child h3{width:100%;font-size:14.5px;line-height:28px;color:#abcbff;display:block;padding:20px 0 15px}
.fl-portfolio section div:first-child{width:500px;padding:0 30px;float:left}
.fl-portfolio section div:first-child span{display:block;font-size:22px;font-weight:bold;height:30px;line-height:25px}
.fl-portfolio section div:first-child p{width:480px;height:45px;line-height:45px;text-decoration:none;color:#fff;border-bottom:1px solid #5a7ec6}
.fl-portfolio section div:first-child strong{float:left;text-align:left}
.fl-portfolio > h3{font-size:25px;height:30px;line-height:30px;font-weight:bold;padding:30px 10px;color:#1c4ca5}
.fl-portfolio figure{width:1240px;height:620px;background:#1847a0;border-radius:20px;margin:0 auto}
.fl-portfolio figure img{float:right;width:605px;height:600px;margin:10px 10px 0 0}
.fl-portfolio figure img:first-child{border-radius:0 10px 10px 0}
.fl-portfolio figure img:last-child{border-radius:10px 0 0 10px}
.mdpages{width:100%;height:40px;margin-top:40px}
.mdpages a{float:right;height:40px;line-height:42px;font-size:16px;color:#fff;display:inline-block;background:#4d93e9;padding:0 17px;margin:0 4px;border-radius:3px}
.mdpages a:hover{background:#1e4b97;opacity:0.7}
.mdpages span{float:right;height:40px;line-height:42px;font-size:16px;color:#fff;display:inline-block;background:#1e4b97;padding:0 17px;margin:0 4px;border-radius:3px}