@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; /* Hide vertical scrollbar */
    background-color: #ffffff;
    font-family: 'Barlow', sans-serif;
    background-color: #D7D7D7;
}

html {
    overflow-y: scroll;
}

a {
    color: #D40000;
}

img {
    max-width: 100%;
    height: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #ffffff;
}

h1 {
    color: #D40000;
    font-weight: 900;
    font-size: 1.4rem !important;
    font-family: 'Barlow', sans-serif;
}

h2 {
    color: #444444;
    font-weight: 900;
    font-size: 1.4rem !important;
    font-family: 'Barlow', sans-serif;
}


h3 {
    color: #D40000;
    font-weight: 700;
    font-size: 1.3rem !important;
    font-family: 'Barlow', sans-serif;
}

h4 {
    color: #444444;
    font-weight: 700;
    font-size: 1.3rem !important;
    font-family: 'Barlow', sans-serif;
}

p {
    color: #444444;
    font-size: 1.1rem;
    font-family: 'Barlow', sans-serif;
     font-weight: 500 !important;
    margin: 15px;
    
}




.flex-container {
 display: flex;
  justify-content: center;
  align-content: center;
}

.nowrap  { 
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-item {
    width: 92%;
    max-width: 1200px;
    margin-top: 95px;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 45;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 600 !important;
    font-family: 'Barlow', sans-serif !important;
    color: #444444 !important;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
}

.responsive-iframe-container {
    position: relative;
    padding-bottom: 800%;  /* Adjust based on your form's height */
    height: 0;
    overflow: hidden;
}


.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-iframe-container2 {
    position: relative;
    padding-bottom: 115%;  /* Adjust based on your form's height */
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {
    width: 90%;
    max-width: 665px !important;
    height: auto;
    margin-top: 0px;
    border: thin solid #000000;
}


@media only screen and (max-width: 985px) {
 .hide-mobile 
 {display:none;}
}

@media only screen and (min-width: 985px) {
	   .hide-pc {
		display:none;
        text-align: center;
        align-content: center;
	  }
    .flex-item {
        margin-right: 10px;
    }
	}