/*
Theme Name: lava1688.art
Theme URI: https://lava1688.art/
Author: lava1688.art
Author URI: https://lava1688.art/
Description: lava1688.art
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,400;0,700;1,400;1,700&display=swap);
.btn-register,
.button {
    background-color: transparent
}

.image-bg-cover,
main {
    background-size: cover;
    background-repeat: no-repeat
}

::-webkit-scrollbar {
    content-visibility: auto;
    display: none
}

.btn-register-main,
.button {
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    text-decoration: none
}

.button {
    color: #212529;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.button-large {
    padding: 1rem .5rem;
    font-size: 1.5rem
}

.btn-register {
    color: #fff;
    background-image: linear-gradient(168deg, rgb(44 114 210) 0, rgb(31 26 112) 100%);
    border: none;
    box-shadow: rgb(255 255 255) 0 0 0 1.5px inset
}

.btn-register-main {
    padding: .75rem 1.25rem;
    font-size: 1.5rem;
    color: #1fffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: -2px 4px 4px #091243, 0 0 10px #00d0ff, inset 1px 1px 1px #fff;
    border: 2px solid;
    border-radius: 50px;
    background-color: #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6), 2px 1px 4px rgba(0, 0, 0, .3), 2px 4px 3px rgba(3, 0, 128, .3), 0 0 7px 2px rgba(0, 208, 255, .6), inset 0 1px 2px rgba(0, 0, 0, .6), inset 2px 1px 4px rgba(0, 0, 0, .3), inset 2px 4px 3px rgba(3, 0, 128, .3), inset 0 0 7px 2px rgba(0, 208, 255, .6);
    animation: 3s ease-out infinite flickering
}

.neon-button,
article a,
article strong {
    color: #FAFF00
}

@keyframes flickering {
    0%,
    30%,
    4% {
        border-color: transparent;
        opacity: .2
    }
    100%,
    2%,
    28%,
    36%,
    8% {
        border-color: #1fffff;
        opacity: 1
    }
}

.click-me {
    -moz-animation: .8s infinite shake;
    -o-animation: .8s infinite shake;
    -webkit-animation: .8s infinite shake;
    animation: .8s infinite shake
}

@keyframes hamburger-wave {
    0% {
        width: 70%
    }
    to {
        width: 100%
    }
}

@keyframes fadeOpa {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0)
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-2deg)
    }
    20% {
        -webkit-transform: translate(-3px, 0) rotate(3deg)
    }
    30% {
        -webkit-transform: translate(0, 2px) rotate(0)
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0)
    }
    70% {
        -webkit-transform: translate(2px, 1px) rotate(-2deg)
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(4deg)
    }
    90% {
        -webkit-transform: translate(2px, 2px) rotate(0)
    }
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg)
    }
}

@keyframes shakecircle {
    0%,
    15% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
    5% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7)
    }
    10% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3)
    }
    20% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    30% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(.95)
    }
}

.anizoom {
    animation: .8s ease-in-out .3s infinite alternate zoom
}

@keyframes blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

img {
    max-width: 100%
}

body,
html,
main {
    font-family: Prompt, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    scroll-behavior: smooth;
    color: #fff
}

body {
    background: #000;
    background-position: center center;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

header {
    background: #000000a1;
    box-shadow: 0 0 15px #00000094;
}

header:after {
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1030;
    display: block;
    height: 2px;
    background: linear-gradient(90deg, #fe1bb2, #3c062a 19.79%, #fe1bb2 39.06%, #3c062a 60.42%, #fe1bb2 80.21%, #3c062a)
}

@media (max-width:991.98px) {
    header:after {
        left: 0;
        width: 100%
    }
}

.web-image img,
header .navbar-brand img {
    height: auto;
    max-height: 100%
}

.icon-boxes,
.main-wrapper,
header .navbar .navbar-nav {
    width: 100%
}

.bottom-menu .menu-button.active p,
header a.nav-link {
    color: #fff
}

header a.nav-link:hover {
    color: #cfa7ff
}

header a.nav-link.show,
header a.nav-link:active,
header a.nav-link:focus {
    color: #e3df02 !important
}

header .navbar-toggler {
    position: relative;
    width: 25px;
    height: 22px;
    border: none
}

header .navbar-toggler:focus {
    box-shadow: none
}

header .navbar-toggler span {
    position: absolute;
    left: 0;
    display: block;
    width: 70%;
    height: 2px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    transition: .25s ease-in-out
}

.bottom-menu a span,
.neon-button::after {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0
}

header .navbar-toggler span:first-child {
    top: 0;
    -webkit-animation: .4s ease-out infinite alternate hamburger-wave;
    animation: .4s ease-out infinite alternate hamburger-wave
}

.x-hamburger span:nth-child(2),
header .navbar-toggler span:first-child {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

header .navbar-toggler span:nth-child(2) {
    top: 10px;
    -webkit-animation: .4s ease-out .3s infinite alternate hamburger-wave;
    animation: .4s ease-out .3s infinite alternate hamburger-wave
}

header .navbar-toggler span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: .4s ease-out .6s infinite alternate hamburger-wave;
    animation: .4s ease-out .6s infinite alternate hamburger-wave
}

header .canvas-menu {
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 1031;
    width: 300px;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    overflow-x: hidden;
    pointer-events: auto;
    transition: .5s
}

@media (max-width:575.98px) {
    header .canvas-menu {
        width: 100%;
        left: -100%
    }
}

header .canvas-menu.active {
    left: 0
}

header .canvas-menu .btn-x {
    font-size: 1.5rem;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

header .canvas-menu .menu-item {
    color: #fff;
    border: 2px solid #f5841f;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none
}

main {
    background-position: center center;
    background-attachment: fixed
}

.btn-snakeBorder {
	position: relative;
	display: inline-block;
	padding: 1rem 1.5rem;
	color: #fffcdb;
	font-size: 1.2rem;
	letter-spacing: 2px;
	text-decoration: none;
	border-radius: 5px;
	outline: none;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	box-sizing: border-box;
	background: linear-gradient(180deg,#79c1f4,#4300d2);
	overflow: hidden;
}
@media (max-width: 575.98px) {
	.btn-snakeBorder {
		padding: .5rem 1rem;
		font-size: 1rem;
		letter-spacing: 0;
	}
}
.btn-snakeBorder::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 2px;
}
.btn-snakeBorder span {
	position: absolute;
}
.btn-snakeBorder span:nth-child(1) {
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #ff0000, #ffff00);
	animation: borderAnimation1 2s linear infinite;
}
@keyframes borderAnimation1 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}
.btn-snakeBorder span:nth-child(2) {
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(to bottom, #ff0000, #ffff00);
	animation: borderAnimation2 2s linear infinite;
	animation-delay: 1s;
}
@keyframes borderAnimation2 {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}
.btn-snakeBorder span:nth-child(3) {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #ff0000, #ffff00);
	animation: borderAnimation3 2s linear infinite;
}
@keyframes borderAnimation3 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
.btn-snakeBorder span:nth-child(4) {
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(to top, #ff0000, #ffff00);
	animation: borderAnimation4 2s linear infinite;
	animation-delay: 1s;
}
@keyframes borderAnimation4 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(-100%);
	}
}

.neon-button {
	position: relative;
	padding: .5em 1em;
	font-size: 1rem;
	cursor: pointer;
	text-decoration: none;
	border-radius: .25em;
	border: .125em solid #FAFF00;
	text-shadow: 0 0 .125em hsl(0 0% 100% / .3), 0 0 .45em #FAFF00;
	box-shadow: inset 0 0 .5em 0 #FAFF00, 0 0 .5em 0 #FAFF00;
	animation: 1s linear infinite neonBlinkTXT
}

.bottom-menu .neon-button {
    padding: 1rem 1.5rem;
    font-size: 2rem
}

.neon-button::after {
    content: "";
    bottom: 0;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 2em .5em #FAFF00;
    background-color: #FAFF00;
    transition: opacity .1s linear;
    animation: 1s linear infinite neonBlinkBG
}

.hero,
.under-hero {
    position: relative
}

@keyframes neonBlinkTXT {
    50% {
        outline: 0;
        color: #000;
        text-shadow: none
    }
}

@keyframes neonBlinkBG {
    50% {
        opacity: 1
    }
}

.hero {
    padding-top: 120px;
    background-color: rgba(0, 0, 0, .6);
    background-size: cover;
    background-position: top center;
}

.hero p,
.icon-boxes .icon-box h4 {
    font-size: 1.2rem
}

.neon-text {
    font-size: 2rem;
    color: #fff;
    text-shadow: 0 0 5px #e5b96b, 0 0 15px #e5b96b, 0 0 35px #e5b96b, 0 0 45px #e5b96b
}

.under-hero {
    z-index: 1
}

.icon-boxes .icon-box {
    background: rgba(73, 20, 159, .7);
    color: #fff;
    word-break: break-word;
    border-radius: 20px;
    box-shadow: 3px 3px 10px #000
}

.icon-boxes .icon-box img {
    animation: 1.5s ease-in-out infinite x-floating-tab
}

.x-floating-tab {
	animation: 1.5s ease-in-out infinite x-floating-tab
}

@keyframes x-floating-tab {
    0%,
    100% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(-10px) rotate(-2deg)
    }
}

.icon-boxes .icon-box p {
    font-size: .7rem
}

article.filedset {
    border: 4px solid #fff;
    border-radius: 30px;
    box-shadow: 0 5px 15px #000, 0 5px 10px #000
}

article p {
    word-break: break-word;
    margin: 0
}

.bottom-menu,
.line-contact-circle {
    position: fixed;
    z-index: 1030
}

.bottom-menu {
    width: 100%;
    bottom: 1rem
}

.side-menu-wrapper .menu,
article .accordion .accordion-button:not(.collapsed) {
    background: linear-gradient(180deg, #a200ff 0, #49149f 100%)
}

.side-menu-wrapper {
    overflow: hidden;
    overflow-y: auto
}

.side-menu-wrapper .menu {
    position: relative;
    color: #fff;
    line-height: 1.2rem;
    background-size: 400%;
    background-position: 0 0;
    background-origin: border-box;
    border: 2px solid #d3c314;
    border-radius: .75rem;
    box-shadow: inset 0 0 4px 2px rgba(75, 75, 75, .25)
}

.bottom-menu .menu-button.active,
.side-menu-wrapper .menu:hover {
    background: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%)
}

.side-menu-wrapper .menu img {
    max-height: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

.side-menu-wrapper .menu .link-text {
    color: #fff;
    margin-bottom: -2px
}

.side-menu-wrapper .menu .link-text-eng {
    color: #ddd;
    font-size: 12px;
    font-weight: 400
}

.side-menu-wrapper .line-contact {
    background: linear-gradient(180deg, #52c407, #21a500)
}

.content-wrapper {
    padding-bottom: 0;
    width: 100%;
    background-position: bottom;
    scroll-behavior: smooth;
    animation: 1s linear fadeOpa
}

.content-wrapper>.bg-content {
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
    word-break: break-word
}

.content-wrapper>.bg-content img {
    border-radius: 20px
}

.middle-menu {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.bottom-menu a span {
    width: 15%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    transform: skew(-10deg, 0deg);
    animation: 2s 1s infinite move
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }
    5%,
    80% {
        opacity: 0
    }
    48% {
        opacity: .2
    }
    100% {
        left: 82%
    }
}

.line-contact-circle {
    right: 10px;
    top: calc(50% - 65px);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    -moz-animation: 3s infinite shakecircle;
    -o-animation: 3s infinite shakecircle;
    -webkit-animation: 3s infinite shakecircle;
    animation: 3s infinite shakecircle
}

.image-bg-cover {
    min-width: 100%;
    height: 0;
    overflow: hidden;
    background-position: center
}

.lazy-background.visible {
    background-image: var(--bg-image)
}

.image-menu-cover {
    padding-top: calc(240 / 195 * 100%)
}

.image-promotion-cover {
    padding-top: calc(1000 / 1000 * 100%)
}

.image-slider-cover {
    padding-top: 100%
}

.image-service-cover {
    padding-top: calc(339 / 244 * 100%)
}

.image-bank-cover {
    padding-top: calc(97 / 97 * 100%)
}

.image-account-cover {
    padding-top: calc(170 / 528 * 100%)
}

article p+p {
    margin-top: 2rem
}

article h1,
article h2,
article h3,
article h4,
article h5 {
    color: #FAFF00
}

article .toc-list a {
    list-style: kannada;
    text-decoration: none
}

article .accordion * {
    color: #fff !important;
    background-color: transparent;
    border-color: #a200ff;
    box-shadow: none !important;
    border-radius: 0 !important
}

article .accordion .accordion-button {
    background: #49149f
}

footer {
    background-size: cover;
    background-position: top center;
}

@media (min-width:992px) {
    .hero {
        padding-top: 120px
    }
    footer {
        padding-bottom: 0
    }
}