@font-face {

    font-family: 'SVN-Gilroy';

    src: url('../fonts/SVN-GilroyMedium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gilroy';

    src: url('../fonts/SVN-Gilroy.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gilroy';

    src: url('../fonts/SVN-GilroySemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gilroy';

    src: url('../fonts/SVN-GilroyBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN-Gilroy XBold';

    src: url('../fonts/SVN-GilroyXBold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}







@keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0.7;

  }

  100% {

    opacity: 1;

  }

}



@keyframes scale {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.1);

  }

  100% {

    transform: scale(1);

  }

}



@keyframes glow {

  0% {

    filter: brightness(100%);

  }

  50% {

    filter: brightness(150%);

  }

  100% {

    filter: brightness(100%);

  }

}



@keyframes bling {

  0%,

  100% {

    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ffeb3b,

      0 0 35px #ffeb3b, 0 0 40px #ffeb3b;

  }

  50% {

    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 25px #fff, 0 0 30px #ffeb3b,

      0 0 45px #ffeb3b, 0 0 50px #ffeb3b;

  }

}



@keyframes rotatingLights {

  0% {

    background: radial-gradient(

        circle at 50% 0%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      ),

      radial-gradient(

        circle at 100% 50%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      );

  }

  25% {

    background: radial-gradient(

        circle at 100% 50%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      ),

      radial-gradient(

        circle at 50% 100%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      );

  }

  50% {

    background: radial-gradient(

        circle at 50% 100%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      ),

      radial-gradient(

        circle at 0% 50%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      );

  }

  75% {

    background: radial-gradient(

        circle at 0% 50%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      ),

      radial-gradient(

        circle at 50% 0%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      );

  }

  100% {

    background: radial-gradient(

        circle at 50% 0%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      ),

      radial-gradient(

        circle at 100% 50%,

        rgba(255, 255, 255, 0.8) 5px,

        rgba(255, 255, 255, 0.3) 8px,

        transparent 12px

      );

  }

}



.button-banner .img-inner {

  animation:  scale 3s infinite;

  transform-origin: center;

  transition: all 0.3s ease;

  position: relative;

  border-radius: 28px;

}



/*.button-banner .img-inner::before {

  content: "";

  position: absolute;

  top: -5px;

  left: -5px;

  right: -5px;

  bottom: -5px;

  border-radius: 50%;

  background: transparent;

  animation: bling 1.5s infinite;

  z-index: -1;

}

*/

.button-banner .img-inner:hover {

  animation-play-state: paused;

  filter: brightness(120%);

  transform: scale(1.2);

}



.animation-light .img-inner,

.module2-item .img-inner {

  position: relative;

  overflow: visible !important;

}



/*.animation-light .img-inner::before {

  content: "";

  position: absolute;

  top: 8px;

  left: 1px;

  right: 0px;

  bottom: 7px;

  border-radius: 21px;

  background: transparent;

  animation: bling 1.5s infinite;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  z-index: -1;

}*/



.module2-item .img-inner::before {

  content: "";

  position: absolute;

  top: 2px;

  left: 1px;

  right: 0px;

  bottom: 1px;

  border-radius: 5px;

  background: transparent;

  animation: bling 1.5s infinite;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  z-index: -1;

}



@keyframes riseAndFall {

  0%,

  100% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(20px);

  }

}



.section.module2 .section-content .module2-item-1,

.section.module2 .section-content .module2-item-2,

.section.module2 .section-content .module2-item-3,

.section.module2 .section-content .module2-item-4,

.section.module2 .section-content .module2-item-5,

.section.module2 .section-content .module2-item-6,

.section.module2 .section-content .module2-item-7,

.section.module2 .section-content .module2-item-8 {

  animation: riseAndFall 2s ease infinite;

}



.section.has-block .section-content .buton_register .img-inner {

  animation: blink 2s infinite, scale 3s infinite, glow 4s infinite,

    bling 1.5s infinite;

  transform-origin: center;

  transition: all 0.3s ease;

  position: relative;

  border-radius: 30px;

}



.section.has-block .section-content .buton_register .img-inner::before {

  content: "";

    position: absolute;

    top: 1.5px;

    left: 2px;

    right: 8px;

    bottom: 9px;

    border-radius: 22px;

    background: transparent;

    animation: bling 1.5s infinite;

    z-index: -1;

}



.object-contain,

.object-contain img {

	object-fit: contain !important;

}



#col-1162051077 > .col-inner {

	max-width: 100%;

}



.fix-maxw-100 .col-inner {

	max-width: 100% !important;

}



.max-w-300 {

	max-width: 300px;

}



.img_h-full img {

	object-fit: contain !important;

	height: 100% !important;

}



.align-items-stretch{

	align-items: stretch !important;

}



.max-w-1580 {

	max-width: 1580px !important;

}



.font-SVN-Gilroy {

	font-family: "SVN-Gilroy";

}



.font-medium {

	font-weight: 500;

}



.mb-0 {

	margin-bottom: 0 !important;

}



.max-w-100 {

	max-width: 100% !important;

}



.bg-linear-1 {

	background: linear-gradient(to right, #f9e2a8 0%, #fcd787 50%, #ffcc67 100%);

	height: 72px;

}



.bg-linear-1 .col {

	padding: 15px !important;

	display: flex;

	align-items: center;

	transform: translateY(-5px);

}



.pb-0 {

	padding-bottom: 0 !important;

}



.banner-col {

	    margin-top: 68px;

}



.delay-200 {

	transition-delay: 2s;

}



.delay-400 {

	transition-delay: 4s;

}



.customer_bf {

	padding: 10px ;

}



.flex-center {

	display: flex;

	align-items: center;

}



.section-banner {

	display: flex;

}



.section-banner .section-content {

	margin-top: auto;

}
.p_bottom0{
  padding-bottom: 0 !important;
}


@media (max-width: 549px) {

	.pt-xs-50 > .col-inner {

		padding-top: 115px !important;

	}



	.pt-xs-50 .img-inner.image-cover {

		padding-top: 59px !important;

	}

}



@media(max-width: 480px) {
  .module_6 .img .img-inner{
    margin: 0 !important;
  }  
}