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

body {
    font-family: 'Montserrat', sans-serif !important;
}



.section-with-gradient {
  background: linear-gradient(to bottom, #062B00, #00042E);
  /* You can adjust the direction of the gradient by changing 'to bottom' */
  /* Optionally, you can add more vendor prefixes for better browser support */
  /* For example, -webkit-linear-gradient, -moz-linear-gradient */
  /* Add other styles like padding, margin, etc. as needed */
  padding: 44px 20px 20px 20px;
  color: white; /* Just to ensure text is readable */
  margin-bottom: 0px;
  border-bottom-left-radius: 50% 30px; /* Adjust the values to change the curvature */
  border-bottom-right-radius: 50% 30px; /* Adjust the values to change the curvature */
}

.section-with-gradient2 {
  background: linear-gradient(to bottom, #ffffff, #e0e0e0);
  /* You can adjust the direction of the gradient by changing 'to bottom' */
  /* Optionally, you can add more vendor prefixes for better browser support */
  /* For example, -webkit-linear-gradient, -moz-linear-gradient */
  /* Add other styles like padding, margin, etc. as needed */
  padding: 20px;
 /* Just to ensure text is readable */
  margin-bottom: 0px;
  border-bottom-left-radius: 50% 30px; /* Adjust the values to change the curvature */
  border-bottom-right-radius: 50% 30px; /* Adjust the values to change the curvature */
}



    /* video */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (height: 9/16 * width) */
    overflow: hidden;
  }
  
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  /* fixed swipers js positioning */
  .swiper-pagination {
    position: static;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
@media (min-width: 768px){
    .md\:text-4xl {
        font-size: 2.00rem !important;
        line-height: 2.5rem;
    }
}
.font-semibold {
    font-weight: 900 !important;
}
.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity)) !important;
}
.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity)) !important;
}
.text-lg {
    font-size: 1.3rem !important;
}
@media (min-width: 768px)
{
	.md\:text-3xl {
		line-height: 2.75rem !important;
	}
}
.text-red-500 {
   color: #FF0000 !important;
}
.bg-slate{
	background-color:#EEEEEE;
}
@media (max-width: 768px){
    #QRCode{
        left:0px !important;
    }
}