@import url('https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro&display=swap');

input[type="number"] {
    -moz-appearance: textfield;
  }
  body {
      
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgb(255, 255, 255) !important;
}

  input[type="number"]:hover,
  input[type="number"]:focus {
    -moz-appearance: number-input;
  }
  input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}
@-webkit-keyframes l2d_wrapper {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(-7deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
@-webkit-keyframes Animation {
  0%{
    background-position-x: 200%
  }
  100%{
    background-position-x: 0%
  }
}
@keyframes firework {
  0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
@mixin sp-layout {
  @media screen and (max-width: 750px) {
    @content;
  }
}
@function random_range($min, $max) {
  $rand: random();
  $random_range: $min + floor($rand * (($max - $min) + 1));
  @return $random_range;
}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.topheader {
    background: url(../images/banners-bg.PNG) no-repeat scroll;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-size: contain;
    background-color: #fff;
}
.dotedbg{
    background: url(../images/dots-curved-background.avif) no-repeat scroll;
}
.points1 {
    bottom: 70px;
    left: 5px;
}
.callicon1 {
    width: 50px;
}
.point2 {
    bottom: 10px;
    right: 10px;
}
.blink img {
    -webkit-animation: blink 1s;
    animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.prod1 {
    padding: 100px 0;
}
.prod1bg {
    position: relative;
}
.prod1subbg {
    padding: 50px 30px 30px 30px;
    background: rgb(209 23 152);

    box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 21%);
    position: relative;
    text-align: center;
    border-radius: 24px;
}


.prod1subbg .icon-lg {
    position: relative;
    z-index: 1;
}
.icon-content {
    overflow: hidden;
}
.carter {
    font-family: 'Fredoka One', cursive !important;
    font-size: 30px !important;
}
.roboto {
    font-family: 'Ubuntu', sans-serif!important;
    font-size: 15px !important;
    line-height: 28px;
}
.icon-lg {
    width: 80px;
    display: inline-block;
    text-align: center;
}
.prod1sectionbackup {
    
      background-color: #ffffff;
  background-image: radial-gradient(white 2px, transparent 0),
                    radial-gradient(#e1dfdf 2px, transparent 0);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
  animation: dotted-animation 4s linear infinite;
    
}
.topsell {
    
      background-color: #ffffff;
  background-image: radial-gradient(white 2px, transparent 0),
                    radial-gradient(#e1dfdf 2px, transparent 0);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
  animation: dotted-animation 4s linear infinite;
    
}

@keyframes dotted-animation {
  from {
    background-position: 0 0, 20px 20px;
  }
  to {
    background-position: -40px -40px, -20px -20px;
  }
}
.navbar button {
    background-color: #292d66;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
@media (min-width: 5px) and (max-width: 767.98px){
.navbar {
    padding: 0.5rem 1rem!important;
}

}
.logo1 {
    width: 200px;
}
.contactaddress  {
    padding: 40px 25px 45px;
    
        box-shadow: 0px 0px 30px 20px rgb(0 0 0 / 13%);
    background-image: linear-gradient(#ffffff, #fff);
    border-radius: 35px;
    text-align: center;
    height: 445px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.contactaddress:hover {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    background-image: linear-gradient(#2c5d6e7d, #fff);
    transition: all 0.4s ease;
}
.headbg {
    background-color: #f1f1f1;
}
 .sensef{
 font-family: 'Ubuntu', sans-serif!important;
 }
 .headcon {
    color: #0a0553;
}
.prr {
    color: #4f44ad;
}

.topbg2 {
    background-color: #000934;
    margin-top: 50px;
}
.topbg1 {
    background: url(../images/giphy_3.gif) repeat ;
    margin-top: 50px;
    background-size: auto;
    background-size: contain;
}
.btn4s {
    padding: 19px 40px;
    font-size: 16px;
    font-weight: 1000;
    font-family: 'Kanit', sans-serif!important;
    color: #000000;
    background: linear-gradient(to bottom, #fff700, #ffeb00);
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 1s;
    transition: 1s;
    border-radius: 12px;
    animation: tada 2s ease-in-out infinite;
}
}
.point2 {
    bottom: 10px;
    right: 10px;
}
.fixed {
    position: fixed;
    z-index: 2;
}
.blink img {
    -webkit-animation: blink 1s;
    animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.priceicn2 {
    width: 110px;
    height: 80px;
}

.cadd {
    
    font-family: 'Ubuntu', sans-serif!important;
    color: #0a0553!important;
}
.addf1 {
    
    font-family: 'Ubuntu', sans-serif!important;
    color: #0a0553!important;
}
.add1 {
    font-size: 1.75rem;
}
.contacticn {
    font-size: 40px;
    color: #e82b2b;
}
.stars {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  transform: rotate(-45deg);
}

.star {
  $star-count: 50;
  --star-color: var(--primary-color);
  --star-tail-length: 6em;
  --star-tail-height: 2px;
  --star-width: calc(var(--star-tail-length) / 6);
  --fall-duration: 9s;
  --tail-fade-duration: var(--fall-duration);

  position: absolute;
  top: var(--top-offset);
  left: 0;
  width: var(--star-tail-length);
  height: var(--star-tail-height);
  color: var(--star-color);
  background: linear-gradient(45deg, currentColor, transparent);
  border-radius: 50%;
  filter: drop-shadow(0 0 6px currentColor);
  transform: translate3d(104em, 0, 0);
  animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;
  
  @include sp-layout {
    // For mobile performance, tail-fade animation will be removed QAQ
    animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
  }

  @for $i from 1 through $star-count {
    &:nth-child(#{$i}) {
      --star-tail-length: #{random_range(500em, 750em) / 100};
      --top-offset: #{random_range(0vh, 10000vh) / 100};
      --fall-duration: #{random_range(6000, 12000s) / 1000};
      --fall-delay: #{random_range(0, 10000s) / 1000};
    }
  }

  &::before, &::after {
    position: absolute;
    content: '';
    top: 0;
    left: calc(var(--star-width) / -2);
    width: var(--star-width);
    height: 100%;
    background: linear-gradient(45deg, transparent, currentColor, transparent);
    border-radius: inherit;
    animation: blink 2s linear infinite;
  }

  &::before {
    transform: rotate(45deg);
  }

  &::after {
    transform: rotate(-45deg);
  }
}

@keyframes fall {
  to {
    transform: translate3d(-30em, 0, 0);
  }
}

@keyframes tail-fade {
  0%, 50% {
    width: var(--star-tail-length);
    opacity: 1;
  }

  70%, 80% {
    width: 0;
    opacity: 0.4;
  }

  100% {
    width: 0;
    opacity: 0;
  }
}


.w3l_banner_nav_right {
    
    width: 100%;
    position: relative;
    margin-top: -48px;
}
    .lb-close {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        background: rgba(212, 38, 35) !important;
        color: white !important;
        font-size: 20px !important;
        font-weight: bold !important;
        border: none !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        text-align: center !important;
        line-height: 30px !important;
        cursor: pointer !important;
        z-index: 9999 !important;
    }
	
	    .lb-close:after {
        content: "×";
        position: relative;
        top: -1px;
    }

.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
td.invert-image a img {
    width: 30%;
    margin: 0 auto;
    height: auto;
}
.privacy {
    padding: 1px;
}
.checkout-right {
    margin-top: 3em;
}
.checkout-left {
    margin: 2em 0 0;
}
table.timetable_sub {

	width:100%;

	margin:0 auto;
background: rgb(216 230 253) !important;
border: 1px solid!important;
}
.timetable_sub thead {
    background: #004284;
    
}
.timetable_sub th, .timetable_sub td {
    text-align: center;
    padding: 7px;
    font-size: 14px;
    color: #fff;
}
.timetable_sub th {
    background: #212121;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bolder;
    font-family: 'Ubuntu', sans-serif;
    border-right: 1.5px solid #ded2d2;
    border-bottom: 1.5px solid #ded2d2;
}
.shape {
	position: absolute;
	width: 50px;
	height: 50px;
	transform: scale(0.8);
}
.cir {
	position: absolute;
	border-radius: 50%;
	z-index: 5;
}
.bton-contain {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bton {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 110px;
	height: 38px;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	background: #bf0c0b!important;
	text-align: center;
	z-index: 10;
	transition: 0.2s;
	cursor: pointer;
	color: #fff;
	box-shadow: 0px 1px 5px 2px #BFCEEF;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	font-weight: bolder;
}
.bton:active, .bton:hover, .bton:focus {
	outline: none !important;
	color: white;
} 
.bton-particles {
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 50%;
	color: #eee;
	font-family: monospace;
	z-index: 5;
/* 	filter: url(#gooeyness); */
}
.bton:active {
	transform: scale(0.9) translate(-55%, -55%);
}
.firework,
.firework::before,
.firework::after {
  --initialSize: 1vmin;
  --finalSize: 50vmin;
  --particleSize: 0.4vmin;
  --color1: #ff0000;
  --color2: #9bf08c;
  --color3: #b233bb;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -60vmin;
  --x: -50%;
  --initialY: 200vmin;
  content: "";
  animation: firework 8s infinite;
  position: absolute;
  top: 60%;
  left: 85%;
  transform: translate(-90%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background: 
   
    
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
    
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}

.firework::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework:nth-child(2) {
  --x: 30vmin;
}

.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;  
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}

.firework:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}

.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}
.firework1,
.firework1::before,
.firework1::after {
  --initialSize: 1vmin;
  --finalSize: 100vmin;
  --particleSize: 0.4vmin;
  --color1: #ff0000;
  --color2: #9bf08c;
  --color3: #b233bb;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -60vmin;
  --x: -50%;
  --initialY: 200vmin;
  content: "";
  animation: firework 8s infinite;
  position: absolute;
  top: 60%;
  left: 20%;
  transform: translate(-40%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background: 
   
    
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
    
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}

.firework1::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework1::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework1:nth-child(2) {
  --x: 30vmin;
}

.firework1:nth-child(2),
.firework1:nth-child(2)::before,
.firework1:nth-child(2)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;  
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}

.firework1:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}

.firework1:nth-child(3),
.firework1:nth-child(3)::before,
.firework1:nth-child(3)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}

.w0 {
    width: 0%;
}

.fixes {
    position: fixed;
    z-index: 2;
}
.points {
    bottom: 10px;
    left: 5px;
}
.priceicn {
    width: 50px;
}

.float-left {
    float: left!important;
}
.l2d_wrapper a:hover {
  transform: scale(1.2);
}
.sticky-wrapper.is-sticky .l2d_wrapper {
    top: 0;
}

.sticky .l2d_wrapper {
    top: 0;
}
.header-right {
    width: 250px;
    text-align: right;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    position: relative;
    transition: all .4s;
}
.l2d_wrapper {
    top: 10px;
    right: 133px;
    margin: 0;
    height: 300px;
    width: 0px;
    z-index: 99999 !important;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: l2d_wrapper 3.5s ease-in-out forwards infinite;
    -ms-animation: l2d_wrapper 3.5s ease-in-out forwards infinite;
    -o-animation: l2d_wrapper 3.5s ease-in-out forwards infinite;
    -moz-animation: l2d_wrapper 3.5s ease-in-out forwards infinite;
    animation: l2d_wrapper 3.5s ease-in-out forwards infinite;
}
.l2d_wrapper:before {
    content: "";
    position: absolute;
    background: #ddd;
    width: 1.5px;
    /* height: calc(100% - 154px); */
    height: calc(50% - 9px);
    overflow: hidden;
    left: 50px;
    right: 12px;
    top: 0;
    margin: 0 auto;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.l2d_wrapper a {
    display: block;
    position: absolute;
    height: 101px;
    width: 110px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    left: 0;
    right: -50px;
    bottom: 100px;
    margin: 0 auto;
}
.l2d_wrapper a img {
    width: 120px;
    height: 77px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.home_hometwo__1LmCQ {
    float: left;
    width: 100%;
}
.home_hometwo__1LmCQ .home_second__3Ib7o {
    float: right;
    width: 50%;
    padding: 5rem 0 0 5rem;
}
.home_hometwo__1LmCQ h2 {
    font-family: inherit;
    letter-spacing: 0;
    color: #008080!important;
    font-size: 28px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 0.5em;
    
    font-weight: 500;

}
.home_hometwo__1LmCQ ul li:before {
    content: "";
    width: 13px;
    height: 8px;
    position: absolute;
    background-image: url(../images/arrow-right.svg);
    background-size: cover;
    background-position: 50%;
    left: -6%;
    top: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home_mobileview__A2WfY {
    display: none!important;
}
.home_hometwo__1LmCQ p {
    letter-spacing: 0;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    
}
.home_hometwo__1LmCQ ul {
    padding: 0 0 0 1rem;
}
.home_hometwo__1LmCQ ul li {
    letter-spacing: 0;
    color: #000;
    font-size: 16px;
    
    line-height: 30px;
    float: left;
    width: 50%;
    margin: 0.5rem 0;
    list-style: none;
    position: relative;
    text-transform: capitalize;
}
.home_containers__3qmrR {
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 1399px){
.home_containers__3qmrR {
    width: 92%;
}
.home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 100%;
    padding: 76px 12px 0px;
}
.home_hometwo__1LmCQ img {
    width: 100%;
}

}

@media (max-width: 767px){
    .home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 100%;
    padding: 76px 12px 0px;
}
    .home_hometwo__1LmCQ ul li {
    width: 100%;
    margin: 0.2rem 0;
    font-size: 14px;
    line-height: 27px;
}
    .home_hometwo__1LmCQ p {
    font-size: 14px;
    line-height: 27px;
}
.home_containers__3qmrR {
    width: 100%;
    padding: 2rem 1rem;
}
.home_hometwo__1LmCQ img {
    width: 100%;
}
}
@media (max-width: 991px){
    .home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 100%;
    padding: 76px 12px 0px;
}
.home_hometwo__1LmCQ .home_first__3uEYH {
    width: 100%;
}
.home_hometwo__1LmCQ .home_second__3Ib7o {
    width: 100%;
}
.home_hometwo__1LmCQ ul {
    padding: 0 0 0 1.5rem;
}
.home_hometwo__1LmCQ img {
    width: auto;
    margin: 0 auto;
}
.home_hometwo__1LmCQ .home_second__3Ib7o {
    width: 100%;
    padding: 1rem 0;
}
.home_hometwo__1LmCQ h2 {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 2rem;
}
}
.home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 50%;
    padding: 76px 12px 0px;
}


 .bar-h{
   height: 5px !important;
 }
 .progress-bar{
  background-color: #0fa9b0 !important;
 }
 .progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,#34383b 25%,#34383b 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,#343839 75%,#34383b) !important;
}
.siz-img{
  width: auto;
  height: 80px !important;
}
.carter {
    
}
.counter-block__card {
    padding: 55px 52px;
    background-image: url(../images/28585.jpg);
    border-top: 5px solid #d2151e;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.counter-block__card-title {
    color: #4d4c4c;
    font-size: 30px;
    line-height: 1;
    text-align: right;
}
.counttext {
    color: #d2151e;
    font-size: 200px;
    margin-left: -30px;
    font-weight: 700;
}
.pad {
    padding: 90px 0;
}
.heading4 {
    font-size: 1.5rem;
}
.doline {
    content: "";
    background: #d90d0c!important;
    width: 76px;
    height: 2px;
    position: absolute;
    right: 0;
    margin: 0 auto;
    margin-right: 1008px;
    margin-bottom: -15px;
}

.wline {
    width: 67px;
    height: 2px;
    background: #bf0c0b!important;
    margin: -3px auto;
    margin-left: 52px;

}
.wline1 {
width: 67px;
    height: 2px;
    background: #008080;
    margin: 7px auto;
    margin-left: 82px;

}
.section_about h2 {
    font-size: 35px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    padding-left: 195px;
    text-transform: capitalize;
    line-height: 24px;
}
.bg-overlay {
    position: relative;
}
.parallax {
    background-image: url(../images/redbackground.jpg);
    height: auto;
    
    background-size: cover;
    background-position: center;
}

.section_about h2::after {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    width: 180px;
    height: 1px;
    background-color: #000;
}
.sabout {
    font-family: 'RocknRoll One', sans-serif;
}
.gees {
    font-family: 'Signika Negative', sans-serif;
}

.ree {
    font-family: 'Roboto', sans-serif;
}
.rels {
    padding: 0!important;
    margin: 0!important;
}
.counttext {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
}
.footerhed {
    color: #333e48;
}
.foottext {
    padding: 0!important;
    margin: 0;
}
.bannerhead {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3em;
}
.pgraph {
    max-width: 800px;
    margin: 0 auto;
}
.sheading {
    font-family: 'Ubuntu', sans-serif;
    line-height: 28px;
}
.dhre {
    font-family: 'Ubuntu', sans-serif;
}

.sline {
    width: 50px;
    height: 2px;
    background: #bf0c0b!important;
    margin: 0 auto;
}

.Product-card {
    position: relative;
    margin-bottom: 60px;
}
.Product-card .inner {
    position: relative;
    padding-left: 110px;
    min-height: 84px;
}
.Product-card .inner .icon-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 84px;
    color: #777777;
    text-align: center;
    line-height: 84px;
    font-size: 32px;
    margin-bottom: 30px;
    background-color: #ffffff;
    
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.pdfont {
    font-size: 14px;
}
.prcbtn {
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 700;
    background-color: #bf0c0b!important;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: 1s;
    transition: 1s;
    border-radius: 5px;
    width: 200px;
}
.ordbtn a{
    color: #fff;
}
*,
li{list-style-type:none!important;}
a{text-decoration:none!important;}
.heading1{font-size: 2.5rem;} 
.heading2{font-size: 2rem;}
.heading3{font-size: 1.75rem;}
.heading4{
    font-size: 1.5rem;
    font-family: 'Ubuntu', sans-serif;
} 
.heading5{font-size: 1.25rem;} 
.heading6{font-size: 1rem;}
.pad{padding:90px 0px 0px;}
.logo{width:46px;}
.goke{font-family: 'Ubuntu', sans-serif;
    background: linear-gradient(to bottom, #ff0000, #ffe000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
.goke1{font-family: 'Ubuntu', sans-serif;
    background: linear-gradient(to bottom, #ff0000, #6200ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
.assistant{
    font-family: 'Ubuntu', sans-serif; 
    line-height:28px;
    text-align:justify;
    
}
.gokes {
    font-family: 'Fredoka One', cursive !important;
}
.headpad {
    padding: 100px 80px!important;

}
@media (min-width: 5px) and (max-width: 767.98px){
.headpad {
    padding: 40px 20px!important;
}
}
.gapblock1 {
    height: 110px;
}
.gapblock2 {
    height: 44px;
}
.gapblock3 {
    height: 44px;
}
.navfont{font-family: 'Ubuntu', sans-serif; font-size:18px;}
.marquee {width: 100%; overflow: hidden; font-size: 18px; line-height: 40px;}
.topbrd{border-right:1px solid white;}
.topbg{background-color: #e9e9e9;
color: #fff;
text-align: center;
padding: 5px;
font-weight: bold;
-webkit-animation-name: example;
-webkit-animation-duration: 4s;
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;}
@keyframes example{
	0% {
    background-color: red;
    left: 0px;
    top: 0px;
}
20% {
    background-color: violet;
    left: 200px;
    top: 0px;
}
40% {
    background-color: blue;
    left: 200px;
    top: 200px;
}
60% {
    background-color: green;
    left: 0px;
    top: 200px;
}
60% {
    background-color: green;
    left: 0px;
    top: 200px;
}
}
.icon {background-color: #f3f3f3;}
.icbrd{border-right: 1px solid #e5e5e5; height:50px;}
.icon{background-color: #f3f3f3;}
.icon-in{color: #d3181f; border: 2px solid #d3181f; padding: 12px 14px; border-radius: 60px;}
.icon-in1{color: #d3181f; border: 2px solid #d3181f; padding: 15px 14px; border-radius: 60px;}
.icon-in2{ color: #d3181f; border: 2px solid #d3181f; padding: 13px 14px; border-radius: 60px;}
.text{ position: relative; padding: 0 0 0 83px; margin-top: -69px;}
.block-head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 20px;
    border-bottom: 1px #cac9c9 solid;
    font-weight: normal;
    color: #333e48;
}
.block-head::before {
    position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block;
    background-color: #d3181f;
}
.block-head::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    content: "";
    display: inline-block;
    background-color: #d3181f;
}
.type {
    background-image: url("../images/image.webp");
    border: none;
    height: 21px;
    background-repeat: repeat-x;
    padding: 0;
    margin-top: -10px;
    width: 100%;
}
.fsbg2 {
    margin-left: calc(47% - 20px);
    width: 80px;
    height: 2px;
    background-color: #ffffff;
}
.clr{color:rgba(220,15,41,255)!important;}
.price {background: gold;}
.btn-success {
  background-color: #0daaae !important;
  border-color: #7c7d7e !important;
  padding: 15px 30px !important;foo
  border-radius: 50px !important;
  transition: background-color 3s ease !important;
}
.btn-success:hover {
  background-color: #34383b !important;
  border-color: #0daaae !important;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  background: #fefefe;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
  padding: 20px 20px;
  
  transition: all ease-in-out 0.3s;
}
.scards:hover{
  animation: pulse; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 5s; /* don't forget to set a duration! */
}
.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #0daaae;
  border-radius: 5px;
  transition: all .3s ease-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transform-style: preserve-3d;
  position: relative;
  z-index: 2;
}
#services{
  margin-top: 40px;
  margin-bottom: 40px;
}
.services .icon-box .icon i {
  color: #fff;
  font-size: 28px;
}

.services .icon-box .icon::before {
  position: absolute;
  content: '';
  left: -8px;
  top: -8px;
  height: 100%;
  width: 100%;
  background: #0dabae3f;
  border-radius: 5px;
  transition: all .3s ease-out 0s;
  transform: translateZ(-1px);
  z-index: 1;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #0b2341;
}

.services .icon-box p {
  line-height: 24px;
  
  margin-bottom: 0;
}

.services .icon-box:hover {
  background: #0daaae;
  border-color: #0daaae;
}

.services .icon-box:hover .icon {
  background: #fff;
}

.services .icon-box:hover .icon i {
  color: #0daaae;
}

.services .icon-box:hover .icon::before {
  background: #ffffff3f;
}

.services .icon-box:hover h4 a, .services .icon-box:hover p {
  color: #fff;
}

.footer {
    background-image: url(../images/footer1.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.foottop {
    background: url(../images/redbackground.jpg) repeat scroll;
    background-size: contain;
    background-color: #e80b0b;
    border-top: 6px solid #ffd939;
}
}
hr {border-top: 1px solid white !important;}
.bgcolor {background-color: #e20e0e;}
.btn-effect2 {
    background: transparent;
    color: white;
    border: 1px solid white;
    padding: 10px 30px;
    transition: .5s;
}
.btn-effect2:hover {
    background: white;
    color: black;
}
.text2 {
    position: relative;
    padding: 0 0 0 65px;
    margin-top: -63px;
}
.icnclr1 {
    color: #559926;
    font-size: 40px;
}
.icnclr2 {
    color: #b61818;
    font-size: 40px;
}
.bottomft {
    background-color: #050505;
    border-top: 1px solid #0092c6;
}
.fixed{position:fixed; z-index:2;}
.priceicn{width:60px;}
.point{bottom:10px!important; right:10px!important;}
.icons {
    width: 80px;
    height: 80px;
    border: 1px solid #d6d6d6;
    display: table;
    text-align: center;
    margin: 0 auto 30px auto;
    border-radius: 50%;
}
.icons i {
    display: table-cell;
    vertical-align: middle;
    height: 75px;
    font-size: 32px !important;
    color: #333e48;
}
.wapp {width: 75px;}

@media (min-width:5px) and (max-width:767.98px){
    .privacy{
              padding: 1px;
      }
    .w3l_banner_nav_right {
    float: none;
    width: 100%;
}
.pad{padding:40px 0;}
.icbrd{border:none; height:auto;}
}
.home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 50%;
    padding: 76px 12px 0px;
}
@media (min-width:768px) and (max-width:992.98px){
    .home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 100%;
    padding: 76px 12px 0px;
}
.pad{padding:40px 0;}	
.icbrd{border:none; height:auto;}
}
.w-10{
    width:10px;
  }  .w-20{
    width:20px;
  }  .w-30{
    width:30px;
  }  .w-40{
    width:60px;
  }  .w-50{
    width:50px;
  }  .w-60{
    width:60px;
  }  .w-70{
    width:70px;
  }  .w-80{
    width:80px;
  }  .w-90{
    width:90px;
  }  .w-100{
    width:100px;
  }
  .h-60{
    height:60px;
  } 
  .f-100{
    font-size: 100%;
  } 
  @media only screen and (max-width: 600px) {
      .timetable_sub th, .timetable_sub td {
    width: 50px;
    font-size: 12px;
}
.timetable_sub th, .timetable_sub td {
    padding: 7px 0px;
}
.w3l_banner_nav_right {
    float: none;
    width: 100%;
    margin-top: -48px;
}
      .home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 100%;
    padding: 76px 12px 0px;
}
    .h-60{
        height:30px;
      } 
      .f-100{
        font-size: 60%;
      } 
      .w-60{
        width:60px;
      } 
      .w-40{
          width:40px;
      }
  }
  .glow {
    animation-name: example;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
  }
  
  @keyframes example {
    50%  {color: #e7e23a;}
    100% {color: white;}
  }
  .inse{
border-radius: 10px;
    border: none;
    font-weight: bold;
    color: #fff;
   
    float: inherit;

  }
  @keyframes inputscss {
    0%   {color: red;}
    100%  {color: #000000;}

  }

  @media only screen and (max-width: 400px) {
      .privacy{
              padding: 1px;
      }
      .home_hometwo__1LmCQ .home_first__3uEYH {
    float: left;
    width: 100%;
    padding: 76px 12px 0px;
}
    .h-60{
        height:10px;
      } 
      .w-60{
        width:60px;
      } 
            .w-40{
          width:40px;
  }
  }
  .invalid {

    position: absolute;
    top: 0;
    z-index: 15;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: 22.4rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    border-radius: .25rem;
    right: 19px;

}