@import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900|Merriweather:100,100i,300,300i,400,400i,700,700i,900,900i|Vidaloka:400|Cabin:400,400i,500,500i,600,600i,700,700i|Hind+Madurai:300,400,500,600,700';
@import 'https://fonts.googleapis.com/css?family=Fjalla+One:400|Bree+Serif:400';
@import 'https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i';
@import 'https://fonts.googleapis.com/css?family=Proxima+Nova:400';
@import 'https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900';

@import 'https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap';

@import url('https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&display=swap');/*Heading*/

/* @import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Honk&display=swap');/*Desing*/

/* @import url('https://fonts.googleapis.com/css2?family=Bungee+Spice&display=swap'); *//*Colorfull*/

@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Roboto+Slab:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kumar+One&family=Oleo+Script:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Handjet:wght@100..900&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

:root{
  --p: #b7e8ff;
  --pb: #3faeff;
  --pb2: #c7edff;
  --pb3: #dff6fc;
  --pb4: #f3faff;
  --pd: #1c2c35;
  --pdb: #12212b;
  --pdl: #1a6c88;
  --s: #00d4ff;
  --pl: #ffb8cf;
  --pbg: rgba(13, 138, 172, 0.2);
  --border: #81c6ff;
  --border-r: 3px;
  --border-r-sm: 2px;
  --t: #0596ed;
  --t2: #636363;
  --t3: #0068b3;
  --t4: #0d9aff;
  --t5: #54b8ff;
  --t6: #111111;
  --t7: #e0a800;
  --t8: #1d6474;
  --y: #ffc107;
  --w: #ffffff;
  --b: #000000;
  --wl: rgba(255,255,255,0.02);
  --wl2: rgba(255,255,255,0.1);
  --bl: rgb(1 54 255 / 3%);
  --blue: #4993ff;
  --blue-dark: #0058af;
  /* --bs: 0px 2px 6px 0.05px rgba(1, 133, 173, 0.5); */
  --c1: #CD9F34;
  --c2: #F6DB77;
  --spacing: .25rem;
  --gap: calc(var(--spacing)*2);
  --c-red-300: oklch(80.8% .114 19.571);
  --c-red-400: oklch(70.4% .191 22.216);
  --c-red-500: oklch(63.7% .237 25.331);
  --c-red-600: oklch(57.7% .245 27.325);
  --c-red-700: oklch(50.5% .213 27.518);
  --c-red-800: oklch(44.4% .177 26.899);
  --c-red-900: oklch(39.6% .141 25.723);
  --c-orange-300: oklch(83.7% .128 66.29);
  --c-orange-400: oklch(75% .183 55.934);
  --c-orange-500: oklch(70.5% .213 47.604);
  --c-orange-600: oklch(64.6% .222 41.116);
  --c-orange-900: oklch(40.8% .123 38.172);
  --c-amber-300: oklch(87.9% .169 91.605);
  --c-amber-400: oklch(82.8% .189 84.429);
  --c-amber-500: oklch(76.9% .188 70.08);
  --c-amber-600: oklch(66.6% .179 58.318);
  --c-amber-700: oklch(55.5% .163 48.998);
  --c-amber-800: oklch(47.3% .137 46.201);
  --c-amber-900: oklch(41.4% .112 45.904);
  --c-yellow-100: oklch(97.3% .071 103.193);
  --c-yellow-300: oklch(90.5% .182 98.111);
  --c-yellow-400: oklch(85.2% .199 91.936);
  --c-yellow-500: oklch(79.5% .184 86.047);
  --c-yellow-600: oklch(68.1% .162 75.834);
  --c-yellow-900: oklch(42.1% .095 57.708);
  --c-green-300: oklch(87.1% .15 154.449);
  --c-green-400: oklch(79.2% .209 151.711);
  --c-green-500: oklch(72.3% .219 149.579);
  --c-green-600: oklch(62.7% .194 149.214);
  --c-green-700: oklch(52.7% .154 150.069);
  --c-green-800: oklch(44.8% .119 151.328);
  --c-emerald-400: oklch(76.5% .177 163.223);
  --c-emerald-500: oklch(69.6% .17 162.48);
  --c-emerald-600: oklch(59.6% .145 163.225);
  --c-cyan-200: oklch(91.7% .08 205.041);
  --c-cyan-400: oklch(78.9% .154 211.53);
  --c-cyan-500: oklch(71.5% .143 215.221);
  --c-cyan-600: oklch(60.9% .126 221.723);
  --c-blue-100: oklch(93.2% .032 255.585);
  --c-blue-300: oklch(80.9% .105 251.813);
  --c-blue-400: oklch(70.7% .165 254.624);
  --c-blue-500: oklch(62.3% .214 259.815);
  --c-blue-600: oklch(54.6% .245 262.881);
  --c-blue-700: oklch(48.8% .243 264.376);
  --c-blue-800: oklch(42.4% .199 265.638);
  --c-indigo-300: oklch(78.5% .115 274.713);
  --c-indigo-400: oklch(67.3% .182 276.935);
  --c-indigo-500: oklch(58.5% .233 277.117);
  --c-indigo-600: oklch(51.1% .262 276.966);
  --c-indigo-700: oklch(45.7% .24 277.023);
  --c-indigo-800: oklch(39.8% .195 277.366);
  --c-violet-500: oklch(60.6% .25 292.717);
  --c-purple-300: oklch(82.7% .119 306.383);
  --c-purple-400: oklch(71.4% .203 305.504);
  --c-purple-500: oklch(62.7% .265 303.9);
  --c-purple-600: oklch(55.8% .288 302.321);
  --c-purple-700: oklch(49.6% .265 301.924);
  --c-purple-800: oklch(43.8% .218 303.724);
  --c-pink-400: oklch(71.8% .202 349.761);
  --c-pink-500: oklch(65.6% .241 354.308);
  --c-rose-500: oklch(64.5% .246 16.439);
  --c-slate-100: oklch(96.8% .007 247.896);
  --c-slate-200: oklch(92.9% .013 255.508);
  --c-slate-300: oklch(86.9% .022 252.894);
  --c-slate-400: oklch(70.4% .04 256.788);
  --c-slate-500: oklch(55.4% .046 257.417);
  --c-slate-600: oklch(44.6% .043 257.281);
  --c-slate-700: oklch(37.2% .044 257.287);
  --c-slate-800: oklch(27.9% .041 260.031);
  --c-slate-900: oklch(20.8% .042 265.755);
  --c-gray-50: oklch(98.5% .002 247.839);
  --c-gray-100: oklch(96.7% .003 264.542);
  --c-gray-200: oklch(92.8% .006 264.531);
  --c-gray-300: oklch(87.2% .01 258.338);
  --c-gray-400: oklch(70.7% .022 261.325);
  --c-gray-500: oklch(55.1% .027 264.364);
  --c-gray-600: oklch(44.6% .03 256.802);
  --c-gray-700: oklch(37.3% .034 259.733);
  --c-gray-800: oklch(27.8% .033 256.848);
  --c-gray-900: oklch(21% .034 264.665);
  --c-black: #000;
  --c-white: #fff;
  /**Height**/
  --hd: 50px;
  --hd2: 55px;
  --bhd: 60px;
  --bhdp: 60px;
  --font: 'Inter', 'Kanit', 'Poppins', 'Lato', 'Calibri', 'Arial', 'sans-serif';
  --font2: 'Poetsen One', 'Poppins', 'Lato', 'Calibri', 'Arial', 'sans-serif';
  --font3: 'Bricolage Grotesque', 'Kanit', 'Poppins', 'Lato', 'Calibri', 'Arial', 'sans-serif';
  --font4: 'Asap Condensed', 'Poetsen One', 'Kanit', 'Poppins', 'Lato', 'Calibri', 'Arial', 'sans-serif';
  --bs: 0 2px 12px rgba(0, 0, 0, 0.1);
}
a {
	text-decoration:none;
	color:#004080;
}


table {
	font-size:inherit;
}

html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,fieldset,form,label,font,legend,table,caption,tbody,tfoot,thead,tr,th,td{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
body{
  /* [disabled]text-align:center; */
  /*cursor: url(../img/cur02-a.cur),
  url(../img/cur02-b.png), progress !important;*/
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  background: #ffffff;
  text-align:center;
  font-size:small;
  font-family: var(--font3);
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
}

/*
	animation: autopopup_top 1s alternate;*/

@keyframes error_animation{
  0% { top:-800px; }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { top:60px; }
  100% { top:-800px; display:none; }

}
@-webkit-keyframes error_animation{
  0% { top:-800px; }
  10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { top:60px; }
  100% { top:-800px; display:none; }
}
/* ----- // Scoral ||  ---*/
body::-webkit-scrollbar{
	width:8px;
	height:8px;
}
body::-webkit-scrollbar-track{
	background:#fff;
	-webkit-box-shadow:inset 1px 1px 2px #e0e0e0;
	border:2px solid #d8d8d8;
	}
body::-webkit-scrollbar-thumb{
	background:var(--pb);
	-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,.4);
}
body::-webkit-scrollbar-thumb:hover{
	-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,.3);
}
body::-webkit-scrollbar-thumb:active{
	background:#888;
	-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
}
body::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);border-radius:8px;}

/* ----- // Scoral END ||  ---*/
/*----------------------------------------------OTHERS----------------------------S-------------*/
#vm_blink {
	text-decoration:blink;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-name: vm_blink;
	-webkit-animation-name: vm_blink;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	-webkit-animation-duration: 1s;
}
.typed-cursor{
	opacity: 1;
	font-weight: 100;
	-webkit-animation: vm_blink 0.7s infinite;
	animation: vm_blink 0.7s infinite;
}
@keyframes vm_blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes vm_blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/*----------------------------------------------OTHERS----------------------------E-------------*/

#main-body{
	overflow:hidden;
	width:100%;
	margin:0 auto;
	min-width:1200px;
}
#head-box{
	width:100%;
	margin:0 auto;
	text-align:center;
}
#body-box{
	overflow:hidden;
	width:100%;
}
#foot-box{
	width:100%;
	overflow:hidden;
}
.vm_hd_box1{
    min-width: 1050px;
    overflow: hidden;
}

.applay_btn{
	-webkit-animation: sv_background_color 10s infinite, sv_pulse 1.5s ease-in infinite;
	        animation: sv_background_color 10s infinite, sv_pulse 1.5s ease-in infinite; color: #FFF;
}
/**Foot**/

/*---Animation--Plugs--Code-*/
.sv_rotate_3s{/*Rotet Image 2s */
    -webkit-animation:rotate 2s ease-in-out infinite;
            animation:rotate 2s ease-in-out infinite;
}
.sv_text_shadow{
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.inm_spin{
	-webkit-animation: inm_spin 1s infinite linear;
	        animation: inm_spin 1s infinite linear;
}
@keyframes inm_opacity{	from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes inm_opacity{	from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes sv_OpecityUp {
	/*animation:sv_OpecityUp 0.1s forwards;*/
	0% { opacity:0.1; }
	50% {  opacity:0.5; }
	100% {  opacity:1; }
}
@keyframes sv_OpecityUp {
	/*animation:sv_OpecityUp 0.1s forwards;*/
	0% { opacity:0.1; }
	50% {  opacity:0.5; }
	100% {  opacity:1; }
}

@keyframes error_animation{
	0% { top:-800px; }
	10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { top:60px; }
	100% { top:-800px; display:none; }

}
@-webkit-keyframes error_animation{
	0% { top:-800px; }
	10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { top:60px; }
	100% { top:-800px; display:none; }
}

@keyframes pulse2 {
    0% {
     box-shadow: 0 0 0 0 rgb(0 0 0 / 20%);
    }

    70% {
     box-shadow: 0 0 0 5px rgb(0 0 0 / 0%);
    }

    100% {
     box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
    }
}
/*Notificationpulse effect*/
/*animation: notificationpulse 1s infinite;
-webkit-animation: notificationpulse 1s infinite;*/
@-webkit-keyframes notificationpulse{0%{-webkit-box-shadow:0 0 0.00em 0.00em #F00;box-shadow:0 0 0.00em 0.00em #F00}25%{-webkit-box-shadow:0 0 0.25em 0.25em #F00;box-shadow:0 0 0.25em 0.25em #F00}50%{-webkit-box-shadow:0 0 0.50em 0.50em #F00;box-shadow:0 0 0.50em 0.50em #F00}75%{-webkit-box-shadow:0 0 0.25em 0.25em #F00;box-shadow:0 0 0.25em 0.25em #F00}100%{-webkit-box-shadow:0 0 0.15em 0.15em #c0392b;box-shadow:0 0 0.15em 0.15em #c0392b}}
@keyframes notificationpulse{0%{-webkit-box-shadow:0 0 0.00em 0.00em #F00;box-shadow:0 0 0.00em 0.00em #F00}25%{-webkit-box-shadow:0 0 0.25em 0.25em #F00;box-shadow:0 0 0.25em 0.25em #F00}50%{-webkit-box-shadow:0 0 0.50em 0.50em #F00;box-shadow:0 0 0.50em 0.50em #F00}75%{-webkit-box-shadow:0 0 0.25em 0.25em #F00;box-shadow:0 0 0.25em 0.25em #F00}100%{-webkit-box-shadow:0 0 0.15em 0.15em #c0392b;box-shadow:0 0 0.15em 0.15em #c0392b}}
.InmShake {
    -webkit-animation: InmShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
            animation: InmShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
@-webkit-keyframes InmShake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes InmShake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes inm_zoom_in_out1 {
    0% {
        -webkit-transform: scale(0.5,0.5);
                transform: scale(0.5,0.5);
    }
    50% {
        -webkit-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
    }
    100% {
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
    }
}
@keyframes inm_zoom_in_out1 {
    0% {
        -webkit-transform: scale(0.5,0.5);
                transform: scale(0.5,0.5);
    }
    50% {
        -webkit-transform: scale(1.1,1.1);
                transform: scale(1.1,1.1);
    }
    100% {
        -webkit-transform: scale(1,1);
                transform: scale(1,1);
    }
}
@-webkit-keyframes inm_ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
            box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
            box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
  }
}

@keyframes inm_ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
            box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
            box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
  }
}

@keyframes rainbow_text {
    0%{background-position:0% 50%}
    50%{background-position:100% 25%}
    100%{background-position:0% 50%}
}
@-webkit-keyframes rainbow_text {
    0%{background-position:0% 50%}
    50%{background-position:100% 25%}
    100%{background-position:0% 50%}
}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}


@-webkit-keyframes rainbow_txt {
  0% {
      background-position: 0% 50%
  }

  50% {
      background-position: 100% 25%
  }

  100% {
      background-position: 0% 50%
  }
}


@keyframes rainbow_txt {
  0% {
      background-position: 0% 50%
  }

  50% {
      background-position: 100% 25%
  }

  100% {
      background-position: 0% 50%
  }
}



@-webkit-keyframes BorderAnimation {
  0% {
      -webkit-transform: scale3d(2,2,1) rotate(0);
      transform: scale3d(2,2,1) rotate(0)
  }

  to {
      -webkit-transform: scale3d(2,2,1) rotate(1turn);
      transform: scale3d(2,2,1) rotate(1turn)
  }
}

@keyframes BorderAnimation {
  0% {
      -webkit-transform: scale3d(2,2,1) rotate(0);
      transform: scale3d(2,2,1) rotate(0)
  }

  to {
      -webkit-transform: scale3d(2,2,1) rotate(1turn);
      transform: scale3d(2,2,1) rotate(1turn)
  }
}


@-webkit-keyframes coinflip {
  0% {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
  }
  100% {
      -webkit-transform: rotateY(360deg);
              transform: rotateY(360deg);
  }
}


@keyframes coinflip {
  0% {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
  }
  100% {
      -webkit-transform: rotateY(360deg);
              transform: rotateY(360deg);
  }
}

@keyframes btn-scroll{0%{left:-30px}100%{left:100%}}
@-webkit-keyframes btn-scroll{0%{left:-30px}100%{left:100%}}

@-webkit-keyframes btn_effect{0%{background-position:-4000px 0}to{background-position:4000px 0}}
@keyframes btn_effect{0%{background-position:-4000px 0}to{background-position:4000px 0}}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/*---Animation-Css---S--*/
.SvfadeInLeft{
  -webkit-animation: fadeInLeft 1s alternate;
          animation: fadeInLeft 1s alternate;
  }
  .SvfadeInRight{
  -webkit-animation: fadeInRight 1s alternate;
          animation: fadeInRight 1s alternate;
  }
  .SvfadeInUp{
  -webkit-animation: fadeInUp 1s alternate;
          animation: fadeInUp 1s alternate;
  }
  .SvfadeInDown{
  -webkit-animation: fadeInDown 1s alternate;
          animation: fadeInDown 1s alternate;
  }

  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }

@-webkit-keyframes Bell_Ring {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes Bell_Ring {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
/* animation: pulse-animation 2s infinite; */
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

  /*---Animation-Css---E--*/