

.full-wh {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: radial-gradient(circle, rgb(255 108 0 / 10%) 0%, rgb(255 255 255) 80%);
}
.full-wh1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: radial-gradient(circle, rgb(255 108 0 / 10%) 0%, rgb(255 255 255) 80%);
	backdrop-filter: blur(9px);
}
.dark .full-wh {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: radial-gradient(circle, rgb(0 0 0 / 23%) 0%, rgb(0 0 0) 80%);
}
.dark .full-wh1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: radial-gradient(circle, rgb(0 0 0 / 23%) 0%, rgb(0 0 0) 80%);
    backdrop-filter: blur(9px);
}
.ckav-body .zindex-3 {
    z-index: 3;
}
@media (max-width: 961px) and (min-width: 300px){
	.card1 {
    width: var(--card-width);
    height: 165px !important;
    padding: 0px;
    position: relative;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    font-size: 1.5em;
    color: rgb(88 199 250 / 0%);
    cursor: pointer;
    font-family: cursive;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    background-image: linear-gradient(to top, #731c12, #761d13, #791e14, #7d2014, #802115, #852316, #8a2517, #8f2718, #972a1a, #9e2c1b, #a62f1d, #ae321f);
}}
@media (max-width: 961px) and (min-width: 300px){
.rd {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    margin: 80px 0px 20px 0px !important;
	padding-bottom: 70px;
}}
.bg-holder{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    z-index:0
}
.dark img {
	border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    border: 0px solid #525252;
	border-radius:6px;
}

[data-bgholder="background-image"]{
    background-repeat:no-repeat;
    background-size:cover
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    border: 0px solid  #e3e3e3;
	border-radius:6px;
}

@-webkit-keyframes load-three-bounce{
    0%,80%,100%{
        -webkit-transform:sacle(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-o-keyframes load-three-bounce{
    0%,80%,100%{
        -webkit-transform:sacle(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes load-three-bounce{
    0%,80%,100%{
        -webkit-transform:sacle(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes load-three-bounce{
    0%,80%,100%{
        -webkit-transform:sacle(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}

@keyframes scroll{
    from{
        left:0
    }
    50%{
        left:-1000px
    }
    to{
        left:-1920px
    }
}
@-webkit-keyframes scroll{
    from{
        left:0
    }
    50%{
        left:-1000px
    }
    to{
        left:-1920px
    }
}
.bg-anim{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background-repeat:repeat-x
}
.bg-anim{
    -webkit-animation:scroll 60s infinite linear;
    animation:scroll 60s infinite linear
}
.ckav-shap{
    width:100%;
    position:absolute;
    bottom:-1px;
    transform:rotateX(180deg)
}
.header-section .logo-link{
    display:inline-flex
}
.header-section .logo-image{
    width:60%;
}

}
[data-animate]{
    opacity:0
}
.delay-01{
    animation-delay:0.1s
}
.delay-02{
    animation-delay:0.2s
}
.delay-03{
    animation-delay:0.3s
}
.delay-04{
    animation-delay:0.3s
}
.delay-05{
    animation-delay:0.5s
}
.delay-06{
    animation-delay:0.6s
}
.delay-07{
    animation-delay:0.7s
}
.delay-08{
    animation-delay:0.8s
}
.delay-09{
    animation-delay:0.9s
}
.v-animtaion,.bounce,.pulse,.rubberBand,.shake,.headShake,.swing,.tada,.wobble,.jello,.heartBeat,.flip,.slideInUp,.slideInDown,.slideInLeft,.slideInRight{
    opacity:1
}
@-webkit-keyframes bounceInDown{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInDown{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes bounceInLeft{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInRight{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        opacity:1
    }
}
@keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        opacity:1;
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInUp{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInLeft{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,60px,0);
        transform:translate3d(0,60px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,60px,0);
        transform:translate3d(0,60px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-60px,0,0);
        transform:translate3d(-60px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-60px,0,0);
        transform:translate3d(-60px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.3,0.3,0.3);
        transform:scale3d(0.3,0.3,0.3)
    }
    50%{
        opacity:1
    }
    to{
        opacity:1
    }
}
@keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
        transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
    }
    to{
        opacity:1
    }
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
        transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
        transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
    }
    to{
        opacity:1
    }
}
@keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
        transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
        transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
    }
    to{
        opacity:1
    }
}
@keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
        transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
        animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
        animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(60px,0,0);
        transform:translate3d(60px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(60px,0,0);
        transform:translate3d(60px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}






