@charset "utf-8";
body,html{font-family:'Poppins',sans-serif,"Roboto","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%;font-size: 16px; background: #fff;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;justify-content: flex-start;}
#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}
#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}

.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}

.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.3s ease-out;display: block;top:50px;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;}
.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;max-height: 100vh;height: auto;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-indigo);color: #fff;}

/*start 定义式*/
:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-theme1-color:rgba(5,55,132,1);/*#053784*/
  --tblr-theme1-color-hover:rgba(2,96,247,.8);
  --tblr-theme2-color:rgba(221,172,47,1);/*#ddac2f*/
  --tblr-theme2-color-hover:rgba(221,172,47,.8);
  --tblr-theme3-color:rgba(11,173,149,1);/*#faf5ef*/
  --tblr-theme3-color-hover:rgba(11,173,149,.8);
}
/*start 定义式*/

a,a:hover{text-decoration: none;}
.text-grey{color:#666;}
.text-grey-sm{color:#888;}
.text-grey-max{color:#333;}
.text-blue{color:#364fa9 !important;}
.text-a{color:#2d92db !important;}
.text-theme1{color:rgba(226,210,89,1);}
.text-theme2{color:var(--tblr-theme2-color);}
.bg-theme1{background:rgb(89 203 116);}
.bg-theme2{background: var(--tblr-theme2-color);}
.btn-theme{
	--tblr-btn-border-color: transparent;
	--tblr-btn-hover-border-color: transparent;
	--tblr-btn-active-border-color: transparent;
	--tblr-btn-color: #fff;
	--tblr-btn-bg: rgba(226,210,89,1);
	--tblr-btn-hover-color: #fff;
	--tblr-btn-hover-bg: rgba(226,210,89,.8);
	--tblr-btn-active-color: #609cef;
	--tblr-btn-active-bg: rgba(226,210,89,.8);
	--tblr-btn-disabled-bg: rgba(226,210,89,1);
	--tblr-btn-disabled-color: rgba(226,210,89,1);
	--tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
	transition: all 0.4s;
}
.btope{border-top: 1px solid #eee;}
.z-4{z-index: 4;}
.z-5{z-index: 5;}
.z-99{z-index: 99;}
.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bg-f9{background: #f9f9f9!important;}
.bg-f7{background: #f7f7f7!important;}
.bg-f5{background: #f5f5f5!important;}
.bg-f3{background: #f3f3f3!important;}
.h-250{width: 100%;height: 250px;object-fit: cover;}
.h-300{width: 100%;height: 300px;object-fit: cover;}
.h-400{width: 100%;height: 400px;object-fit: cover;}
.h-500{width: 100%;height: 500px;object-fit: cover;}
.mh-400{width: 100%;max-height: 400px;object-fit: cover;}
.mh-500{width: 100%;max-height: 500px;object-fit: cover;}
p{font-size: 1rem;}
.a-btn{padding:.6rem 3rem;}
.a-box .a-btn{padding:.6rem 2rem;}
.a-box .a-btn2{padding:.6rem 2rem;border:1px solid #333;}
.a-box .a-btn svg{width: 18px;height: 18px;}
.a-box a{text-decoration: none;}

a{text-decoration: none;}
.listyle-none{list-style: none;}
ul{list-style: none;}
ul li{margin-bottom: .2rem;}
ul li:last-child{margin-bottom: 0;}
.carousel svg{width: 40px;height: 40px;margin-top: -5rem;}


/*single page*/
#navbar-example{position: fixed;top:0;z-index: 99;background: #fff0;transition: all 0.3s;}
.toptwo{background: rgba(255, 255, 255, 1) !important;
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
  backdrop-filter: blur(16px);}
#navbar-example dl{margin-bottom: 0;}
#navbar-example dl dd{margin-bottom: 0;padding:0 1rem;}
#navbar-example dl dd a{padding:1.4rem .2rem;text-decoration: none;display: inline-block;color:#fff;transition: all 0.3s;border-radius: 0 !important;opacity: .8;}
#navbar-example dl dd a.active,#navbar-example dl dd a:hover{color:#fff;transition: all 0.3s;opacity: 1;}
#navbar-example dl dd a.text-white{opacity: 1;}
.single .navbox .logo{width: 11%;-webkit-transform: translateX(-5px);transform: translateX(-5px);transition: all 0.3s ease;}
.single .toptwo .logo{-webkit-transform: translateX(5px);transform: translateX(5px);transition: all 0.3s ease;}
.single .navbox .logo img:nth-child(1){display: inline-block;}
.single .navbox .logo img:nth-child(2),.single .toptwo .logo img:nth-child(1){display: none;}
.single .toptwo .logo img:nth-child(2){display: inline-block;}

.single .conbox .cbox{padding:4rem 0;}
.single .conbox .cbox:nth-child(odd){background: #f7f7f7;}
.single .conbox .cbox:nth-child(even){background: #fff;}

.toptwo{background: rgba(255, 255, 255, 1) !important;
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
  backdrop-filter: blur(16px);}
#navbar-example dl{margin-bottom: 0;}
#navbar-example dl dd{margin-bottom: 0;padding:0 1rem;}
#navbar-example dl dd a{padding:1.5rem .2rem;text-decoration: none;display: inline-block;color:#fff;transition: all 0.3s;border-radius: 0 !important;opacity: .8;}
#navbar-example dl dd a.active,#navbar-example dl dd a:hover{color:#fff;transition: all 0.3s;opacity: 1;}
#navbar-example dl dd a.text-white{opacity: 1;}
.toptwo dl dd a{color:#212529 !important;}
.title{letter-spacing: 2px;}
.title b{margin-bottom: .8rem;display: block;text-align: center; color:var(--tblr-theme2-color);font-weight: inherit;}
.title span{display: block;margin:.8rem auto; width: 6%;height: 4px;background: var(--tblr-theme2-color);}

.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{background: var(--tblr-theme2-color);z-index: 5;}

.banner h1{letter-spacing: 2px;}
.banner{padding:8rem 0; background: linear-gradient(to right,#020b1c,#0c2552);}


.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg);}
.loader:before,.loader:after{content:"";position:absolute;top:50%;left:50%;display:block;width:0.5em;height:0.5em;border-radius:0.25em;transform:translate(-50%,-50%);}
.loader:before{animation:before8 2s infinite;}
.loader:after{animation:after6 2s infinite;}
@keyframes before8{0%{width:0.5em;box-shadow:1em -0.5em rgba(225,20,98,0.75),-1em 0.5em rgba(111,202,220,0.75);}35%{width:2.5em;box-shadow:0 -0.5em rgba(225,20,98,0.75),0 0.5em rgba(111,202,220,0.75);}70%{width:0.5em;box-shadow:-1em -0.5em rgba(225,20,98,0.75),1em 0.5em rgba(111,202,220,0.75);}100%{box-shadow:1em -0.5em rgba(225,20,98,0.75),-1em 0.5em rgba(111,202,220,0.75);}}
@keyframes after6{0%{height:0.5em;box-shadow:0.5em 1em rgba(61,184,143,0.75),-0.5em -1em rgba(233,169,32,0.75);}35%{height:2.5em;box-shadow:0.5em 0 rgba(61,184,143,0.75),-0.5em 0 rgba(233,169,32,0.75);}70%{height:0.5em;box-shadow:0.5em -1em rgba(61,184,143,0.75),-0.5em 1em rgba(233,169,32,0.75);}100%{box-shadow:0.5em 1em rgba(61,184,143,0.75),-0.5em -1em rgba(233,169,32,0.75);}}
.loader{position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em);}


.slide2 .cbox{box-shadow:2px 2px 15px 1px #e7d5edb5}
.slide2 .cbox span{width: 60px;display: inline-block; height:60px; text-align: center;line-height: 45px; background: #020b1b;}
.slide2 .cbox span svg{fill:var(--tblr-theme2-color);width: 30px;height: 30px;}
.slide2 .cbox dl svg{fill:var(--tblr-theme2-color);}
.slide2 .cbox dl dd{margin-bottom: .8rem;}
.slide2 .cbox dl dd:last-child{margin-bottom: 0;}

.slide3 .cbox .svg svg{width: 60px;height: 60px;}
.slide3 .cbox h3{color:#7b6ee1;}
.slide3 .cbox{border: 3px solid #e1e5ff;background: #f5f9ff;}
.slide3 .cbox dl svg{fill:var(--tblr-theme2-color);}
.slide3 .cbox dl dd{margin-bottom: .8rem;}
.slide3 .cbox dl dd:last-child{margin-bottom: 0;}
@keyframes blob-bounce{0%{transform:translate(-100%,-100%) translate3d(0,0,0);}25%{transform:translate(-100%,-100%) translate3d(100%,0,0);}50%{transform:translate(-100%,-100%) translate3d(100%,100%,0);}75%{transform:translate(-100%,-100%) translate3d(0,100%,0);}100%{transform:translate(-100%,-100%) translate3d(0,0,0);}}

.slide4{padding:8rem 0; background: linear-gradient(to right,#020b1c,#0c2552);}
.slide4 .svgg{width: 60px;height: 60px;fill:var(--tblr-theme2-color);}
.slide4 .svgg2{width: 40px;height: 40px;fill:var(--tblr-theme2-color);}
.slide4 .container-card .span{display: inline-block; width: 76px;height:76px;border:2px solid rgb(171 166 251 / 25%);line-height: 68px;text-align: center;}
.slide4 .container-card .span svg{width: 60px;height: 60px;}
.slide4 .container-card .span{display: inline-block;width: 80px;height: 80px;border: 1px solid rgb(185 172 68 / 51%);line-height: 68px;text-align: center;box-shadow: 0px 0px 9px 1px #897b1f7a inset;}
.slide4 .card{border:0;width:100%;margin-inline:auto;--tblr-card-bg:none;}
.container-card{position:relative;border:2px solid rgb(171 166 251 / 25%);background: linear-gradient(71deg, #3d0f4c, #2b265a, #0e1840);background-clip:padding-box;border-radius:45px;padding:40px;} .container-card img{margin-bottom:32px;}
.bg-yellow-box{position:relative;}
.slide4 .bg-yellow-box::after{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;content:"";z-index:-1;border-radius:45px;background:linear-gradient(71deg,#110e0e,#afa220,#110e0e);}
.slide4 .card-title{font-weight:600;color:white;letter-spacing:-0.02em;line-height:40px;font-style:normal;font-size:28px;padding-bottom:8px;}
.slide4 .card-description{font-weight:600;line-height:32px;color:hsla(0,0%,100%,.5);font-size:16px;max-width:470px;}
.slide4 ul{list-style: circle;}
.slide4 ul li{margin-bottom: .8rem;}
.slide4 ul li:last-child{margin-bottom: 0;}
.slide4 .cbox{background: #231c41;}


.slide5 .accordion .accordion-item{margin-bottom: 1.5rem;border:1px solid #ddd;background: #f9f9f9;}
.slide5 .accordion .accordion-item:last-child{margin-bottom: 0;}
.slide5 .accordion h3,.slide5 .accordion .accordion-item button{font-size: 1.2rem;color:#333;font-weight: 600;padding: 1rem 2rem;}
.slide5 .accordion .accordion-body{padding:0 2rem 1rem 2rem; font-size: .95rem;color:#666;}
.slide5 .accordion .accordion-body p{font-size: .95rem;color:#666;}

.footer{background: linear-gradient(to right,#020b1c,#0c2552);}
.footer .uiverse svg{width: 24px;height: 24px;}
.footer .cbox{border:2px solid #404f6b;}
.footer .cbox dl svg{width: 26px;height: 26px;fill:var(--tblr-theme2-color);}
.footer .cbox dl dd{margin-bottom: 1.5rem;}
.footer .cbox dl dd:last-child{margin-bottom: 0;}
.powerby{border-top: 1px solid #26395d;background: #0a162c;}

.pl{width:6em;height:6em;}
.pl__ring{animation:ringA 2s linear infinite;}
.pl__ring--a{stroke:#f42f25;}
.pl__ring--b{animation-name:ringB;stroke:#ffdd00;}
.pl__ring--c{animation-name:ringC;stroke:#255ff4;}
.pl__ring--d{animation-name:ringD;stroke:#2cf425;}
@keyframes ringA{from,4%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-330;}12%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-335;}32%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-595;}40%,54%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-660;}62%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-665;}82%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-925;}90%,to{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-990;}}
@keyframes ringB{from,12%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-110;}20%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-115;}40%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-195;}48%,62%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-220;}70%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-225;}90%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-305;}98%,to{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-330;}}
@keyframes ringC{from{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0;}8%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5;}28%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175;}36%,58%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220;}66%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225;}86%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395;}94%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440;}}
@keyframes ringD{from,8%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0;}16%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5;}36%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175;}44%,50%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220;}58%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225;}78%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395;}86%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440;}}


.codepen-button svg{width: 22px;height:22px;margin-bottom: .1rem;margin-right: .2rem; fill:var(--tblr-theme2-color);}
.codepen-button {display: block;cursor: pointer;color: white;margin: 0 auto;position: relative;text-decoration: none;font-weight: 600;border-radius: 6px;overflow: hidden;padding: 3px;isolation: isolate;}
.codepen-button::before {content: "";position: absolute;top: 0;left: 0;width: 400%;height: 100%;background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);background-size: 25% 100%;animation: an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop .75s linear infinite;animation-play-state: paused;translate: -5% 0%;transition: translate 0.25s ease-out;}
.codepen-button:hover::before {animation-play-state: running;transition-duration: 0.75s;translate: 0% 0%;}
@keyframes an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop {to {transform: translateX(-25%);}}
.codepen-button span {position: relative;display: block;padding: 1rem 1.5rem;font-size: 1.1rem;background: #000;border-radius: 3px;height: 100%;}



.conbtn{display:flex;justify-content:center;align-items:center;overflow:hidden;height:3rem;background-size:300% 300%;cursor:pointer;backdrop-filter:blur(1rem);border-radius:5rem;transition:0.5s;animation:gradient_301 5s ease infinite;border:double 4px transparent;background-image:linear-gradient(#212121,#212121),linear-gradient(137.48deg,#ffdb3b 10%,#fe53bb 45%,#8f51ea 67%,#0044ff 87%);background-origin:border-box;background-clip:content-box,border-box;}
#container-stars{position:absolute;z-index:-1;width:100%;height:100%;overflow:hidden;transition:0.5s;backdrop-filter:blur(1rem);border-radius:5rem;}
.conbtn a{z-index:2; font-family:"Avalors Personal Use";font-size:16px;letter-spacing:2px;color:#fff !important;text-shadow:0 0 4px white;}
.toptwo dl dd .conbtn a{color:#fff !important;}
.conbtn a svg{fill:#fff !important;}
#glow{position:absolute;display:flex;width:12rem;}
.conbtn .circle{width:100%;height:30px;filter:blur(2rem);animation:pulse_3011 4s infinite;z-index:-1;}
.conbtn .circle:nth-of-type(1){background:rgba(254,83,186,0.636);}
.conbtn .circle:nth-of-type(2){background:rgba(142,81,234,0.704);}
.conbtn:hover #container-stars{z-index:1;background-color:#212121;}
.conbtn:hover{transform:scale(1.1);}
.conbtn:active{border:double 4px #fe53bb;background-origin:border-box;background-clip:content-box,border-box;animation:none;}
.conbtn:active .circle{background:#fe53bb;}
.conbtn #stars{position:relative;background:transparent;width:200rem;height:200rem;}
.conbtn #stars::after{content:"";position:absolute;top:-10rem;left:-100rem;width:100%;height:100%;animation:animStarRotate 90s linear infinite;}
.conbtn #stars::after{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px;}
.conbtn #stars::before{content:"";position:absolute;top:0;left:-50%;width:170%;height:500%;animation:animStar 60s linear infinite;}
.conbtn #stars::before{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px;opacity:0.5;}
@keyframes animStar{from{transform:translateY(0);}to{transform:translateY(-135rem);}}
@keyframes animStarRotate{from{transform:rotate(360deg);}to{transform:rotate(0);}}
@keyframes gradient_301{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes pulse_3011{0%{transform:scale(0.75);box-shadow:0 0 0 0 rgba(0,0,0,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0);}100%{transform:scale(0.75);box-shadow:0 0 0 0 rgba(0,0,0,0);}}

.gotop{position: fixed;right: 1rem;z-index: 999; bottom:6rem;border:none;width: 40px;height: 40px;background: var(--tblr-theme2-color);color:#fff;transition: all 0.4s;}
.gotop svg{fill:#fff;width: 20px;height:20px;transition: all 0.4s;}
.gotop:hover{background: var(--tblr-theme1-color);transition: all 0.4s;}

a{color:#fff;transition: all 0.4s;}
a:hover{color:var(--tblr-theme2-color);transition: all 0.4s;}
.letter-spacing-1{letter-spacing: 1px;}
.letter-spacing-2{letter-spacing: 2px;}
.w-90{width:90%;}
.w-80{width:80%;}
.w-70{width:70%;}
.w-60{width:60%;}
.w-50{width:50%;}
.w-40{width:40%;}
.w-30{width:30%;}
.w-20{width:20%;}
.w-10{width:10%;}
@media (min-width:992px){
	.container{width: 70%;max-width: 1400px;margin:auto;}
	.desp{font-size:1rem;line-height: 1.6rem;color:#666;}
	.pb-md-5, .py-md-5{padding-bottom: 5rem!important;}
	.pt-md-5, .py-md-5{padding-top: 5rem!important;}
	.d-flex{display: flex;} 
	.jc-start{display: flex;justify-content: flex-start;}
	.jc-end{display: flex;justify-content: flex-end;}
	.jc-center{display: flex;justify-content: center;}
	.jc-between{display: flex;justify-content: space-between;}
	.jc-around{display: flex;justify-content: space-around;}
	.ai-end{display: flex;align-items: flex-end;}
	.ai-center{display: flex;align-items: center;}
  	.navbar-toggler{display:none;}
  	.navbar-brand{margin-top:.4rem;}

	.w-lg-90{width: 90%;}
	.w-lg-80{width: 80%;}
	.w-lg-70{width: 70%;}
	.w-lg-60{width: 60%;}
	.w-lg-50{width: 50%;}
	.w-lg-40{width: 40%;}
	.w-lg-30{width: 30%;}
	.w-lg-20{width: 20%;}
	.w-lg-10{width: 10%;}
}


@media screen and (min-width: 1400px) and (max-width: 1920px){
	.g-lg-5 .col{padding:0 1.5rem;}
}

@media screen and (min-width: 1201px) and (max-width: 1399px){
  	.container{width: 86%;margin:auto;}
	.footer .whatapp-a{width: 100% !important;}
  	.h-400{width: 100%;height: 200px;object-fit: cover;}
}

@media screen and (min-width: 768px) and (max-width: 1200px){
  	.container{width: 90%;margin:auto;}
	.footer .whatapp-a{width: 100% !important;}
  	.h-400{width: 100%;height: 200px;object-fit: cover;}
  	.navbox .logo span{font-size: 1rem;}
  	.banner h1{font-size: 2rem !important;}
}

@media (max-width:992px){
	.hvr-buzz-out,.hvr-icon-spin,.hvr-underline-from-left,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{transform: none;}
  	.container{width: 94%;margin:auto;}
	.nav-toptwo{margin-top:14vh;}
	.navbox{background: #fff;}
	.logo{width: 100%;padding:10px;display: flex; justify-content: space-between;align-items: center;}
	.logo svg{width: 25px;height: 25px;}
	.logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
	.logo .app-email{fill:#333;display: inline-block;text-align: center;}
	.navbox .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
	.navbox .logo .ofimg1{display:none;}
	.navbar{min-height:initial;}
	.ofnbox{display: inline-block;}
	.ofnbox svg:nth-child(1){display:inline-block;}
	.ofnbox svg:nth-child(2){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
	.navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
	.app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 10px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
	.app-down i{display: block;color: #3650aa;font-size: 12px;}
	.navbox .logo span{color:#000;}
	.navbox .container{width: 100% !important;margin: 0;padding: 0;}
	#navbar-example dl dd{padding:0 .5rem;}
	#navbar-example dl dd a{white-space: nowrap;font-size: 1rem !important;opacity: 1;}


	.navbox .dropdown.open>.dropdown-menu{position: relative;display: block !important;}
	.navbox .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding:1rem !important;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #eee;}
	.nav-search{flex-direction: initial !important;justify-content: start !important;}
	.navbox .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
	.navbox .lang .dropdown-menu.show{top:12px !important;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#333 !important;font-size: 16px !important;display: block !important;padding: 5px 10px !important;background: #f5f7ff;margin-bottom: 5px;border-left: 2px solid #3650aa;padding-left: 1rem !important;}
	.navbox .navbar-nav .hvr-underline-from-left:before{display: none;}
	.navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
	.app-down5,.app-down6,.app-down7,.app-down8,.app-down11,.app-down12,.app-down13,.app-down14{display: none;}
	.navbox .navbar .navbar-nav .nav-item a svg{display: none;}

	.navbox,.toptwo{background: rgba(255, 255, 255, 0.9) !important;
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
  backdrop-filter: blur(16px);}
  	.navbox dl dd a,.navbox dl dd a{color:#212529 !important;}
  	.navbox .bg-f11b1b{border:1px solid #212529 !important;transition: all 0.3s;}
	.navbox .bg-f11b1b svg{fill:#212529 !important;transition: all 0.3s;}
	.banner{padding:4rem 0;}
	.banner .w-80{width: 100% !important;}
	.banner h1{font-size: 1.6rem;margin-top: 2rem;}
	.banner p,.about p,.slide1 p,.slide2 p,.slide3 p,.slide4 p{font-size: 1rem !important;line-height: 1.6rem;}
	.banner .imgbox{margin:.5rem 0 2rem 0 !important;}
	.article .position ul{width: 100%;display: flex; justify-content: flex-start;margin:0;padding:0;}
	.article .position ul li a{margin-left: .8rem;padding:.5rem; color:#333;}
	.article .position ul li:first-child a{margin-left: 0;margin-right: .8rem;}

	#navbar-example dl dd a{padding: 1.2rem .2rem;}
}


.uiverse{--duration:7s;--easing:linear;--c-color-1:rgba(255,163,26,0.7);--c-color-2:#1a23ff;--c-color-3:#e21bda;--c-color-4:rgba(255,232,26,0.7);--c-shadow:rgba(255,223,87,0.5);--c-shadow-inset-top:rgba(255,223,52,0.9);--c-shadow-inset-bottom:rgba(255,250,215,0.8);--c-radial-inner:#ffd215;--c-radial-outer:#fff172;--c-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;outline:none;position:relative;cursor:pointer;border:none;display:table;border-radius:24px;padding:0;margin:0;text-align:center;font-weight:600;font-size:16px;letter-spacing:0.02em;line-height:1.5;color:var(--c-color);background:radial-gradient(circle,var(--c-radial-inner),var(--c-radial-outer) 80%);box-shadow:0 0 14px var(--c-shadow);}
.uiverse:before{content:"";pointer-events:none;position:absolute;z-index:3;left:0;top:0;right:0;bottom:0;border-radius:24px;box-shadow:inset 0 3px 12px var(--c-shadow-inset-top),inset 0 -3px 4px var(--c-shadow-inset-bottom);}
.uiverse .wrapper{-webkit-mask-image:-webkit-radial-gradient(white,black);overflow:hidden;border-radius:24px;min-width:132px;padding:12px 0;}
.uiverse .wrapper span{display:inline-block;position:relative;z-index:1;}
.uiverse:hover{--duration:1400ms;}
.uiverse .wrapper .circle{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;filter:blur(var(--blur,8px));background:var(--background,transparent);transform:translate(var(--x,0),var(--y,0)) translateZ(0);animation:var(--animation,none) var(--duration) var(--easing) infinite;}
.uiverse .wrapper .circle.circle-1,.uiverse .wrapper .circle.circle-9,.uiverse .wrapper .circle.circle-10{--background:var(--c-color-4);}
.uiverse .wrapper .circle.circle-3,.uiverse .wrapper .circle.circle-4{--background:var(--c-color-2);--blur:14px;}
.uiverse .wrapper .circle.circle-5,.uiverse .wrapper .circle.circle-6{--background:var(--c-color-3);--blur:16px;}
.uiverse .wrapper .circle.circle-2,.uiverse .wrapper .circle.circle-7,.uiverse .wrapper .circle.circle-8,.uiverse .wrapper .circle.circle-11,.uiverse .wrapper .circle.circle-12{--background:var(--c-color-1);--blur:12px;}
.uiverse .wrapper .circle.circle-1{--x:0;--y:-40px;--animation:circle-1;}
.uiverse .wrapper .circle.circle-2{--x:92px;--y:8px;--animation:circle-2;}
.uiverse .wrapper .circle.circle-3{--x:-12px;--y:-12px;--animation:circle-3;}
.uiverse .wrapper .circle.circle-4{--x:80px;--y:-12px;--animation:circle-4;}
.uiverse .wrapper .circle.circle-5{--x:12px;--y:-4px;--animation:circle-5;}
.uiverse .wrapper .circle.circle-6{--x:56px;--y:16px;--animation:circle-6;}
.uiverse .wrapper .circle.circle-7{--x:8px;--y:28px;--animation:circle-7;}
.uiverse .wrapper .circle.circle-8{--x:28px;--y:-4px;--animation:circle-8;}
.uiverse .wrapper .circle.circle-9{--x:20px;--y:-12px;--animation:circle-9;}
.uiverse .wrapper .circle.circle-10{--x:64px;--y:16px;--animation:circle-10;}
.uiverse .wrapper .circle.circle-11{--x:4px;--y:4px;--animation:circle-11;}
.uiverse .wrapper .circle.circle-12{--blur:14px;--x:52px;--y:4px;--animation:circle-12;}
@keyframes circle-1{33%{transform:translate(0px,16px) translateZ(0);}66%{transform:translate(12px,64px) translateZ(0);}}
@keyframes circle-2{33%{transform:translate(80px,-10px) translateZ(0);}66%{transform:translate(72px,-48px) translateZ(0);}}
@keyframes circle-3{33%{transform:translate(20px,12px) translateZ(0);}66%{transform:translate(12px,4px) translateZ(0);}}
@keyframes circle-4{33%{transform:translate(76px,-12px) translateZ(0);}66%{transform:translate(112px,-8px) translateZ(0);}}
@keyframes circle-5{33%{transform:translate(84px,28px) translateZ(0);}66%{transform:translate(40px,-32px) translateZ(0);}}
@keyframes circle-6{33%{transform:translate(28px,-16px) translateZ(0);}66%{transform:translate(76px,-56px) translateZ(0);}}
@keyframes circle-7{33%{transform:translate(8px,28px) translateZ(0);}66%{transform:translate(20px,-60px) translateZ(0);}}
@keyframes circle-8{33%{transform:translate(32px,-4px) translateZ(0);}66%{transform:translate(56px,-20px) translateZ(0);}}
@keyframes circle-9{33%{transform:translate(20px,-12px) translateZ(0);}66%{transform:translate(80px,-8px) translateZ(0);}}
@keyframes circle-10{33%{transform:translate(68px,20px) translateZ(0);}66%{transform:translate(100px,28px) translateZ(0);}}
@keyframes circle-11{33%{transform:translate(4px,4px) translateZ(0);}66%{transform:translate(68px,20px) translateZ(0);}}
@keyframes circle-12{33%{transform:translate(56px,0px) translateZ(0);}66%{transform:translate(60px,-32px) translateZ(0);}}}