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,main{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-weight:100;src:url(https://portal.hoonel.com/templates/static/fonts/100.eot);src:url(//portal.hoonel.com/templates/static/fonts/100.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/100.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/100.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:300;src:url(https://portal.hoonel.com/templates/static/fonts/300.eot);src:url(//portal.hoonel.com/templates/static/fonts/300.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/300.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/300.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/300.woff2) format("woff2")}
@font-face{font-family:hoonel;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-weight:500;src:url(https://portal.hoonel.com/templates/static/fonts/500.eot);src:url(//portal.hoonel.com/templates/static/fonts/500.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/500.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/500.ttf) format("truetype")}
@font-face{font-family:hoonel;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")}
@font-face{font-family:hoonel;font-weight:800;src:url(https://portal.hoonel.com/templates/static/fonts/800.eot);src:url(//portal.hoonel.com/templates/static/fonts/800.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/800.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/800.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:900;src:url(https://portal.hoonel.com/templates/static/fonts/900.eot);src:url(//portal.hoonel.com/templates/static/fonts/900.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/900.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/900.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:950;src:url(https://portal.hoonel.com/templates/static/fonts/950.eot);src:url(//portal.hoonel.com/templates/static/fonts/950.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/950.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/950.ttf) format("truetype")}
.wrp{width:1200px;margin:0 auto}
.clr{clear:both}
header{width:100%;height:100px;border-top:8px solid #472bd1;box-shadow:inset  0px 95px 50px -55px #472bd1;position:absolute;top:0;left:0;z-index:2;text-shadow: 1px 2px 8px #472bd1}
header div{width:1200px;margin:0 auto}
header .logo{height:70px;width:90px;float:right;background-color:#472bd1;background-image:url(img/logo.svg);background-size:auto 40px;background-repeat:no-repeat;background-position:center;border-radius:0 0 25px 25px;margin:-8px 0 0 20px;box-shadow:0 5px 15px #7559ff}
header nav{width:800px;float:right;height:70px;line-height:70px}
header nav a{float:right;padding:0 10px;font-size:16px;color:#fff;font-weight:bold;transition: 0.3s}
header nav a:hover{color:#eee}


.solid{position:relative;width:100%;height:650px;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:450px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #7559ff 100%)}
.solid div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f7f7f7;opacity:0.3;z-index:1}
.solid div:last-child{float:right;width:1100px;height:300px;color:#fff;text-align:right;text-shadow: 0 0 4px #000;margin:200px auto 0;z-index:2}
.solid div:last-child p{font-size:35px;line-height:35px;font-weight:bold}
.solid div:last-child h1{width:700px;display:block;font-size:16px;line-height:30px;margin:30px 0 40px}
.solid div:last-child a{display:inline-block;width:200px;height:50px;line-height:50px;font-size:16px;color:#fff;background:#7559ff;text-align:center;border-radius:22px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition: 0.3s;}
.solid div:last-child a:hover{background:#1e4ea7}

.box-service{width:1200px;height:335px;margin:60px auto 0}
.box-service h2{width:1170px;height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin:0 15px 20px}
.box-service a{display:inline-block;width:188px;height:100px;line-height:20px;padding:15px 30px 15px 0px;border-radius:6px;color:#757575;margin:0 8px 14px;overflow:hidden;transition: 0.3s;font-size:12px;border: 1px solid rgb(232, 234, 238);box-shadow: 0 0 12px 2px rgb(0 25 85 / 5%),0 0 10px 3px rgb(0 25 85 / 3%)}
.box-service a img{display:block;width:24px;height:24px;padding:8px;background:#f4f2ff;transition: 0.6s;border-radius:50%}
.box-service a h3{display:block;color:rgb(62, 64, 73);font-size:14px;height:30px;line-height:30px;font-weight:bold;padding:5px 0;transition: 0.6s}
.box-service a:hover{transform:scale(1.07)}

.box-comments{width:100%;height:400px;padding:100px 250px;box-sizing:border-box;background-image:url(https://static.heygen.ai/heygen/guest/imageOnboardingBannerBG.jpg);background-size:cover;overflow:hidden;position:relative;margin:80px auto 0;border-top:1px solid rgb(237, 237, 237);border-bottom:1px solid rgb(237, 237, 237);box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%)}
.box-comments h5{width:1100px;height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin-bottom:30px}
.box-comments-in{overflow:hidden;position:relative;width:800px;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;width:800px;display:inline-block;height:200px}
.block-comments article p{display:block;width:200px;height:60px;line-height:30px;margin-top:20px;font-size:12px;font-weight:bold;text-align:right}
.block-comments article p span{display:block;color:#aaa;font-size:12px}
.block-comments article p img{float:right;width:50px;height:50px;border-radius:50%;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:-800px; opacity:1;}
45% {left:-800px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1600px; opacity:1;}
70% {left:-1600px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-2400px; opacity:1;}
95% {opacity:1;}
98% {left:-2400px; opacity:1} 
100% {left:0px; opacity:0}
}
.box-about{width:1000px;height:300px;padding:100px 130px 0 50px;border-radius:15px;background-image:url(https://static.heygen.ai/heygen/guest/imageOnboardingBannerBG.jpg);background-size:1200px;overflow:hidden;position:relative;margin:80px auto 0;border:1px solid rgb(237, 237, 237);box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%)}
.box-about h3{width:800px;height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin-bottom:30px}
.box-about h5{width:800px;font-size:12px;line-height:30px}
.box-resome{width:1200px;height:125px;margin:20px auto}
.box-resome article{width:360px;height:100px;padding:11px;float:right;margin:0 7px 0 9px;border-radius:10px;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%);overflow:hidden;border-radius:10px;border: 1px solid rgb(232, 234, 238);transition: 0.6s}
.box-resome article img{float:right;width:120px;height:100px;border-radius:10px;margin-left:15px}
.box-resome article:hover{transform:scale(1.03)}


.box-video{width:1200px;height:240px;margin:80px auto}
.box-video h2{width:1170px;height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin:0 15px 20px}
.box-video article{display:block;width:278px;height:180px;float:right;position:relative;margin:0 10px 20px;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%);overflow:hidden;border-radius:10px;border: 1px solid rgb(232, 234, 238);transition: 0.6s}
.box-video article img{width:278px;height:180px;position:absolute;z-index:1}
.box-video article span{display:block;background-color:#7458ff;background-image:url(img/social-youtube.svg);background-size:25px;background-position:center;background-repeat:no-repeat;border-radius:50%;width:38px;height:38px;margin:65px 120px 0;position:absolute;z-index:2;box-shadow:0 0 10px rgba(0, 0, 0,0.1)}
.box-video article h3{display:block;background-color:#7458ff;color:#fff;font-size:11px;border-radius:7px;padding:1px 10px;left:0;margin:10px;position:absolute;z-index:2;box-shadow:0 0 10px rgba(0, 0, 0,0.1)}
.box-video article h4{padding:10px 15px;color:#fff;line-height:22px;font-size:12px;position:absolute;z-index:2;bottom:0;background: linear-gradient(transparent,#907feb 130%)}
.box-video article:hover{transform:scale(1.03)}
.box-video article:last-child{margin-left:0}

.box-insurance{width:1200px;height:360px;margin:60px auto 0}
.box-insurance h2{width:1170px;height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin:0 15px 20px}
.box-insurance article h4{float:right;width:90px;height:125px;padding:9px;border-radius:6px;margin:0 11px 10px 0;box-shadow: 0 0 8px 2px rgb(0 25 85 / 5%),0 0 8px 2px rgb(0 25 85 / 3%);text-align:center;line-height:20px;overflow:hidden;color:#353535;font-size:12.5px;transition: 0.3s}
.box-insurance article h4 img{width:90px;height:90px;background:#fff}
.box-insurance article h4:hover{transform:scale(1.1)}


.box-learn{width:1200px;height:200px;margin:100px auto 0}
.box-learn h2{height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin-bottom:30px}
.box-learn div:nth-child(1){width:570px;float:right}
.box-learn div:nth-child(2){width:570px;float:left}
.box-learn a{overflow:hidden;display:block;border-radius:10px;padding:12px 25px;color:#353535;margin-bottom:15px;transition: 0.3s;line-height:30px;font-size:14px;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%)}
.box-learn a span{height:10px;line-height:10px;font-size:10px;display:block;color:#000;padding:8px 0}
.box-learn a b{display:block;height:40px;line-height:40px;font-size:16px;margin-bottom:5px}
.box-learn a span:before{content:'';float:right;width:10px;height:10px;margin-left:10px;border-radius:50%;background:#7559ff}



footer{width:100%;height:390px;margin-top:80px;color:#fff;background:#472bd1}
footer div:nth-child(1){width:1240px;height:180px;padding:60px 0 30px;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;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:left;width:530px;font-style:normal}
footer div:nth-child(1) menu:nth-child(2) li{width:100%;display:block;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:#705dca}
footer div:nth-child(2) a img{width:25px;height:25px;color:#fff}

.flsolid{position:relative;width:100%;height:650px;text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden}
.flsolid video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.flsolid figure{position:absolute;bottom:0;width:100%;height:350px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #7559ff 200%)}
.flsolid div{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f7f7f7;opacity:0.3;z-index:1}
.fl-service{width:1200px;height:auto;z-index:3;position:relative;margin:-500px auto 70px}
.fl-service > p{font-size:35px;line-height:35px;font-weight:bold;height:35px;margin-bottom:30px;text-shadow: 0 0 4px #fff}
.fl-service > h1{width:700px;display:inline-block;height:150px;font-size:16px;line-height:30px;text-shadow: 0 0 4px #fff}
.fl-service > a{float:left;width:270px;display:block;height:60px;line-height:60px;font-size:16px;color:#fff;background:#583ce2;text-align:center;border-radius:20px;transition: 0.3s;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
.fl-service > a:hover{background:#1e4ea7}
.fl-service section{width:1120px;background:#fff;padding:50px 40px;border-radius:30px;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%);}
.fl-service section h2{height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin-bottom:30px}
.fl-service section div:nth-child(1){width:800px;display:inline-block}
.fl-service section div:nth-child(1) h2{font-size:22px;line-height:30px;color:#7559ff;font-weight:bold;padding:20px 10px 25px 0}
.fl-service section div:nth-child(1) h3{font-size:17px;line-height:30px;font-weight:bold;text-align:right;padding:0 10px 7px}
.fl-service section div:nth-child(1) p{font-size:15px;line-height:28px;padding-right:10px;padding-bottom:30px}
.fl-service section div:nth-child(1) img{width:800px;height:400px;border-radius:30px}
.fl-service section div:nth-child(2){width:270px;float:left}
.fl-service section div:nth-child(2) img{width:400px;height:250px;border-radius:30px}
.fl-service section div:nth-child(2) p{height:50px;line-height:50px;font-size:14px;border-bottom:1px solid #eee}
.fl-service section div:nth-child(2) p b{float:left;font-weight:bold}


.fl-video{width:1120px;padding:50px 40px;border-radius:20px;margin:130px auto 100px;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%)}
.fl-video div:nth-child(1){float:left;width:310px}
.fl-video div:nth-child(1) h1{float:left;width:310px;font-size:22px;color:#583ce2;line-height:40px}
.fl-video div:nth-child(1) h2{float:left;width:310px;padding:20px 0 10px;color:#888;font-size:13px}
.fl-video div:nth-child(1) p{float:left;width:310px;color:#111;font-size:14px;line-height:25px;text-align:justify}
.fl-video div:nth-child(2){width:770px;height:auto;display:inline-block;padding-bottom:50px}
.fl-video div:nth-child(2) video{width:100%;height:auto;float:right;background:#aaa;border-radius:20px;border:1px solid #ccc;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%);margin-bottom:20px}
.fl-video div:nth-child(2) > a{float:left;height:45px;line-height:45px;text-align:center;color:#fff;font-weight:bold;font-size:15px;width:150px;border-radius:25px;background:#7458ff;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%)}
.fl-video div:nth-child(2) p{float:right;height:40px;line-height:40px;font-size:17px}
.fl-video div:nth-child(2) p a{float:left;display:block;width:20px;height:20px;line-height:20px;padding:10px;margin-right:10px;border-radius:50%}
.fl-video div:nth-child(2) p a img{width:20px;height:20px;color:#fff}
.fl-video div:nth-child(2) p a:nth-child(1){background:#9e32ae}
.fl-video div:nth-child(2) p a:nth-child(2){background:#2093cd}
.fl-video div:nth-child(2) p a:nth-child(3){background:#0cc143}
.fl-video div:nth-child(2) p a:nth-child(4){background:#ef7e17}
.fl-video div:nth-child(2) p a:nth-child(5){background:#794387}

.fl-learn{width:1120px;padding:50px 40px;border-radius:20px;margin:130px auto 100px;box-shadow: 0 0 20px 5px rgb(0 25 85 / 5%),0 0 20px 6px rgb(0 25 85 / 3%)}
.fl-learn > article{width:700px;display:inline-block}
.fl-learn > article h2{font-size:22px;line-height:30px;color:#7559ff;font-weight:bold;padding:20px 10px 25px 0}
.fl-learn > article h3{font-size:17px;line-height:30px;font-weight:bold;text-align:right;padding:0 10px 7px}
.fl-learn > article p{font-size:15px;line-height:28px;padding-right:10px;padding-bottom:30px}
.fl-learn > article img{width:720px;height:400px;border-radius:30px}
.fl-learn section{float:left;width:350px}
.fl-learn section h2{height:30px;line-height:30px;color:#353535;font-size:18px;font-weight:bold;margin:35px 5px 15px}
.fl-learn section > a{width:350px;display:block;height:60px;line-height:60px;font-size:17px;color:#fff;background:#583ce2;text-align:center;border-radius:20px;transition: 0.3s;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}

.fl-learn section article{display:block;border-radius:10px;padding:12px 25px;color:#353535;margin-bottom:15px;transition: 0.3s;line-height:30px;font-size:14px;border:1px solid #eee}
.fl-learn section article span{height:10px;line-height:10px;font-size:10px;display:block;color:#000;padding:8px 0}
.fl-learn section article span:before{content:'';float:right;width:10px;height:10px;margin-left:10px;border-radius:50%;background:#7559ff}

.sh-video-solid{width:1200px;height:400px;margin:150px auto 100px}
.sh-video-solid article:nth-child(1){width:874px;height:556px;float:right;border-radius:15px;overflow:hidden;position:relative;border: 1px solid rgb(232, 234, 238)}
.sh-video-solid article:nth-child(1) img{width:884px;height:556px;position:absolute;z-index:1}
.sh-video-solid article:nth-child(1) span{display:block;background-color:#7458ff;background-image:url(img/social-youtube.svg);background-size:25px;background-position:center;background-repeat:no-repeat;border-radius:50%;width:38px;height:38px;margin:65px 120px 0;position:absolute;z-index:2;box-shadow:0 0 10px rgba(0, 0, 0,0.1)}
.sh-video-solid article:nth-child(1) h4{width:250px;padding:20px 18px 15px 10px;line-height:20px;font-size:12px;color:#fff;position:absolute;z-index:2;bottom:0}
.sh-video-solid article:nth-child(1):hover{transform:scale(1.01)}
.sh-video-solid article{display:block;width:278px;height:170px;float:left;position:relative;margin:0 10px 20px;transition: 0.6s;overflow:hidden;border-radius:10px;border: 1px solid rgb(232, 234, 238)}
.sh-video-solid article img{width:278px;height:170px;position:absolute;z-index:1}
.sh-video-solid article span{display:block;background-color:#7458ff;background-image:url(img/social-youtube.svg);background-size:25px;background-position:center;background-repeat:no-repeat;border-radius:50%;width:38px;height:38px;margin:65px 120px 0;position:absolute;z-index:2;box-shadow:0 0 10px rgba(0, 0, 0,0.1)}
.sh-video-solid article h4{width:250px;padding:20px 18px 15px 10px;line-height:20px;font-size:12px;color:#fff;position:absolute;z-index:2;bottom:0}
.sh-video-solid article:hover{transform:scale(1.07)}

.cat-service{margin-top:160px}
.cat-service section{width:1200px;margin:50px auto 0}
.cat-service section h2{width:1170px;height:30px;line-height:30px;color:#353535;font-size:20px;font-weight:bold;margin:0 15px 20px}
.cat-service section a{display:inline-block;width:188px;height:100px;line-height:20px;padding:15px 30px 15px 0px;border-radius:6px;color:#757575;margin:0 8px 15px;overflow:hidden;transition: 0.3s;font-size:12px;border: 1px solid rgb(232, 234, 238);box-shadow: 0 0 12px 2px rgb(0 25 85 / 5%),0 0 10px 3px rgb(0 25 85 / 3%)}
.cat-service a svg{display:block;width:24px;height:24px;padding:8px;background:#f4f2ff;transition: 0.6s;border-radius:50%}
.cat-service a b{display:block;color:rgb(62, 64, 73);font-size:14px;height:30px;line-height:30px;font-weight:bold;padding:5px 0;transition: 0.6s}
.cat-service a:hover{transform:scale(1.07)}