.index-intro{background:#fff url('../img/shapes/bg-3.webp') repeat-y center;animation:scroll-data-v-7cb1a845 20s linear infinite;background-size:100%;min-height:480px}
.index-intro .gradient-bg,.index-intro .gradient-bg2{width:400px;height:300px;transform:rotate(90deg);top:0;border-radius:150px;background:var(--color2);filter:blur(355.5px);z-index:1;opacity:.2}
.index-intro .gradient-bg{left:-150px}
.index-intro .gradient-bg2{right:0;background:#3c4354;opacity:.15}
.index-intro .lines{top: 0;left: 0;right: 0;width: 100%;z-index: 1;height: 100%;margin: auto;position: absolute}
.index-intro .lines .line{top: 0;left: 50%;width: 1px;height: 100%;overflow: hidden;position:absolute;background:rgba(139, 132, 86, 0.1)}
.index-intro .lines .line::after{left: 0;top: -50%;width: 100%;content: "";height: 15vh;display: block;position: absolute;animation: run 7s 0s infinite;animation-fill-mode: forwards;animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--color) 75%, var(--color2) 100%);}
.index-intro .lines .line:nth-child(1){margin-left: -35%}
.index-intro .lines .line:nth-child(1)::after{-webkit-animation-delay: 2s;animation-delay: 2s}
.index-intro .lines .line:nth-child(3){margin-left: -17.5%}
.index-intro .lines .line:nth-child(3)::after{-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}
.index-intro .lines .line:nth-child(4){margin-left: 17.5%;}
.index-intro .lines .line:nth-child(4)::after{-webkit-animation-delay: 3s;animation-delay: 3s;}
.index-intro .lines .line:nth-child(5){margin-left: 35%}
.index-intro .lines .line:nth-child(5)::after{-webkit-animation-delay: 3.5s;animation-delay: 3.5s;}
.index-intro:before{background:linear-gradient(to bottom,transparent,var(--body));height:100px;position:absolute;left:0;bottom:0;z-index:10;width:100%;content:""}
.index-intro .entery{height:480px}
.index-intro .entery .shape-1{top:0;left:200px;height:100%;opacity:.3}
.index-intro .entery .hero{bottom:60px;left:180px;width:400px}
.index-intro .entery .inside{margin:80px 0 0 0;width:calc(100% - 700px)}
.index-intro .entery .inside .title .anim{display:inline-block}
.index-intro .entery .inside .title .anim .elm1{animation:spinScale 3s linear 0s infinite;width:20px;left:50px;top:0;z-index:10}
.index-intro .entery .inside .title .anim .elm2{animation:spinScale 3s linear 1s infinite;width:20px;right:95px;bottom:10px;z-index:11}
.index-intro .entery .inside .text{line-height:2.1;padding-right:25px;margin-top:10px}
.index-intro .entery .inside .text:before{content:"";width:10px;height:calc(100% - 20px);top:10px;right:0;position:absolute;border-radius:15px;background:var(--aaa);opacity:.25}
.index-intro .entery .inside .btns .btn{backdrop-filter:blur(5px);padding:10px 15px;margin:10px 0 0 15px;line-height:24px;border:2px transparent solid}
.index-intro .entery .inside .btns .btn .icon{margin-left:8px}
.index-intro .entery .inside .btns .btn.rt-rang{border-color:var(--color)}
.index-intro .entery .inside .search{margin:15px 0}
.index-intro .entery .inside .search input{border:1px #EBEBEB solid;padding:15px 30px 16px 50px}
.index-intro .entery .inside .search button{left:13px;top:23px;padding:9px;border:1px var(--color) solid;background:none}
.index-intro .entery .feature{backdrop-filter:blur(5px);background:linear-gradient(to right,rgba(255, 255, 255, 0.95),rgba(255, 255, 255, 0.5));padding:10px 20px;z-index:2;border:1px rgba(144, 140, 107, 0.2) solid;line-height:44px}
.index-intro .entery .feature.fe1{animation:animation-blinkxxxspp 14s ease-in-out infinite alternate;left:100px;top:120px}
.index-intro .entery .feature.fe2{animation:animation-blinkxxxspp 10s ease-in-out infinite alternate;left:0;top:250px}
.index-intro .entery .feature .numb{direction:ltr;margin-left:10px;font-size:31px;background:linear-gradient(to top, transparent, var(--color));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

@media only screen and (min-width:920px){
.index-intro .entery .inside .btns .btn:hover{background:var(--color);color:#fff;opacity:.8}
.index-intro .entery .inside .search button:hover{color:#fff;background:var(--color)}
}
@media only screen and (max-width:1220px){
.index-intro .entery .inside .title{font-size:30px}
.index-intro .entery .inside .text{font-size:14px}
.index-intro .entery .inside{margin:100px 20px 0 0;width:calc(100% - 550px)}
.index-intro .entery .hero{left:80px}
}
@media only screen and (max-width:1110px){
.index-intro .entery .inside .title{font-size:20px}
}
@media only screen and (max-width:920px){
.index-intro{margin-bottom:35px;min-height:573px}
.index-intro .entery{height:auto}
.index-intro .entery .shape-1{left:50%;transform:translateX(-50%)}
.index-intro .entery .hero{width:300px;bottom:inherit;top:30px;left:calc(50% - 150px)}
.index-intro .entery .feature{font-size:13px;line-height:22px}
.index-intro .entery .feature .numb{font-size:22px}
.index-intro .entery .feature.fe1{left:10px;top:200px}
.index-intro .entery .feature.fe2{left:inherit;right:0;top:270px}
.index-intro .entery .inside{width:100%;margin:340px 0 0 0}
.index-intro .entery .inside .title{font-size:20px;text-align:center}
.index-intro .entery .inside .text{text-align:center;margin-top:0;padding-right:0}
.index-intro .entery .inside .text:before{display:none}
.index-intro .entery .inside .btns{font-size:14px;text-align:center;margin-top:15px}
.index-intro .entery .inside .btns .btn{float:none;display:inline-block;padding:8px 12px;margin:2px;width:auto}
.index-intro .entery .inside .btns .btn .icon{width:22px;height:22px;margin-left:5px}
.index-intro .entery .inside .search{margin:15px 0 5px}
.index-intro .entery .inside .search input{text-align:right;padding:13px 20px 14px 50px}
.index-intro .entery .inside .search button{top:10px;left:10px}
.index-intro .entery .inside .title .anim .elm1{left:0;top:-7px}
.index-intro .entery .inside .title .anim .elm2{right:0;bottom:-5px}
}
@media only screen and (max-width:616px){
.index-intro{min-height:605px}
}
@media only screen and (max-width:510px){
.index-intro{min-height:634px}
}
@media only screen and (max-width:361px){
.index-intro{min-height:663px}
}