html {
  scroll-behavior: smooth;
}

#Padding-PC {
padding-top: 8.8%;
}

.noneshadow{
text-shadow: none!important;
}

.border-color {
border: 2px solid transparent;
border-image: linear-gradient(to left, #c000ff, orange);
border-image-slice: 1;
}

/* Form  */
.consent p,
label {
font-size: 20px;
}


#submitButton {
background: orange;
width: 11rem;
font-weight: bold;
}
/* End Form */

.center {
text-align: center;
}

.center p {
line-height: 1.5;
display: inline-block;
vertical-align: bottom;
color: #f0f0f0;
}

.card:hover {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.card {
border: none;
}
/* .container-fluid img {
width: 100%;
height: auto;
display: block;
background-repeat: no-repeat;
} */

.text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff; /* Text color */
text-align: center;
}

.container-fluid {
position: relative;
text-align: center;
}
.content-bg {
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}

.mssp-img {
max-width: 100%;
text-align: center;
/* background-size: 100% 100%; margin: auto; */
max-height: max-content;
background-size: 100vw auto;
background-repeat: no-repeat;
}

.mssp-title {    
font-size: 26px;
font-weight: bolder;
/* font-family: system-ui; */
text-align:left;
}

.right-banner-p {
font-size: 1.5rem;
font-weight: bold;
padding-top: 10%;
padding-bottom: 10%;
text-align: left;
margin: auto;
position: relative;
width: 70%;
text-indent: 30px;
padding-left: calc(50vw - 300px);
color: #fff;
}

/* new pad top-bot left-right 0  */
.p-8 {
padding: 8% 0;
}

.p-16 {
padding: 16% 0;
}

.p-20 {
padding: 20% 0;
}
.detail-mssp h1{
/* -webkit-text-stroke: 2px #000; */
/* font-family: 'Poppins-Regular'; */
font-weight: bold;
text-shadow: 5px 0px 5px black;
}
.detail-mssp h2{
text-shadow: 5px 0px 5px black;
}

#mssp-menu li:hover {
background: #f0f0f02e;
border-radius: 15px;
color: #f99d1b;
}
@media only screen and (min-width: 1200px) {
.img-mssp-left {
  width: 500px;
}
#text-top {
  font-size: 60px;
  /* text-align:center; */
  /* font-family: "sans-serif"; */
  letter-spacing: 5px;
  font-weight: bold;
  /* width: fit-content; */
  /* font-family: 'Poppins-Regular'; */
}
#text-mid {
  font-size: 20px;
  text-align: right;
  padding-top: 3rem;
  /* font-size: 24px; */
  /* font-family: 'Poppins-Regular'; */
}
#text-footer {
  font-size: 16px;
  letter-spacing: 2px;  
  /* font-family: 'Poppins-Regular'; */
}
#left-text {
  padding: 15rem 5rem 4rem 5rem;
}

#mssp-mobile-collapse {
  display: none!important;
}

.detail-mssp h1 {
  font-size: 59px;
}
.detail-mssp h2 {
  font-size: 36px;
}
.detail-mssp p {
  font-size: 20px;
  /* letter-spacing: 4px; */
}
#table-cyber h1#title-pack {
  font-size: 60px;
}
.next-mssp h1 {
  font-size: 48px;  
}

label {
  /* font-size: 24px!important; */
  font-size: 20px!important;
}

.form-control {
  /* font-size: 24px!important; */
  font-size: 20px!important;
  padding: 0 0.75rem!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.img-mssp-left {
  width: 250px;
}
#left-text {
  padding: 12rem 2rem 30rem 3rem;
}
#text-top {
  font-size: 30px;
  /* text-align:center; */
  letter-spacing: 5px;
  font-weight: bold;
  /* font-family: 'Poppins-Regular'; */
}
#text-mid {
  font-size: 20px;
  text-align: right;
  padding-top: 3rem;
  letter-spacing: 6px;
  /* font-family: 'Poppins-Regular'; */
}
#text-footer {
  font-size: 18px;
  /* letter-spacing: 6px; */
  /* font-family: 'Poppins-Regular'; */
}

#mssp-mobile-collapse {
  display: none!important;
}

#table-cyber h1#title-pack {
  font-size: 48px;
}
.text-overlay h2 {
  font-size: 120px;
  text-wrap: nowrap;
  font-weight: bold;
}

.text-overlay p {
  font-size: 24px;
}

.text-overlay {
  width: 90%;
}

.card p {
  font-size: 22px;
}

.detail-mssp h1 {
  font-size: 38px;
}

.detail-mssp h2 {
  font-size: 22px;
}
.detail-mssp p {
  font-size: 18px;
}
.next-mssp h1 {
  font-size: 40px;
}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.img-mssp-left {
  width: 250px;
}
.p-20 {
  padding: 8% 0;
}
#mssp-menu {
  display: none!important;
}
#Padding-PC {
  padding-top: 50px;
}

#table-cyber h1#title-pack {
  font-size: 36px;
}

.text-overlay h2 {
  font-size: 40px;
  text-wrap: nowrap;
  font-weight: bold;
}

.text-overlay p {
  font-size: 16px;
}

.text-overlay {
  width: 90%;
}

.card p {
  font-size: 18px;
}

.detail-mssp h1 {
  font-size: 32px;
}

.detail-mssp h2 {
  font-size: 18px;
}
.detail-mssp p {
  font-size: 16px;
}
}