body {
    font-family: 'Montserrat', sans-serif;
      padding: 0;
    min-height: 100vh;
  }

  .side-box {
    display: flex;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 20px 30px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .side-box{
    background-color: #f5f5f5;}
/* dashboard style ends here*/
.introtxtsignin{display:block;text-align:center;font-size:20px; font-weight:bolder;}
.cacimg{width:100%;}
/*footer{text-align:center; background:black; color:white; padding:20px;}*/
footer { background:#000000;
  margin-top:30px;height:330px; border-top-right-radius:125px;
  justify-content:center; background-size: cover; padding:40px;
  border-top-right-radius:125px;padding-left:10px; padding-right:100px;}

  .ftrow{width:85%; margin:20px; display:flex; flex-wrap:wrap;
  align-items: flex-start; justify-content:space-between;
  }
  .ftlogo{width:150px;margin-left:20px;margin-bottom:-60px;}
  .ftcol{flex-basis:25%;padding:10px; 
  }
  .ftcol:nth-child(3){flex-basis:15%}
  .ftcol i{ margin-right:10px; color:#f7f5f3;
  }
  .fttxt1{font-size:20px;font-family: Spartan MB Black;color:#f7f5f3;font-weight:bolder;}
  .fttxt2{font-family: Helvetica;color:#f7f5f3;font-weight:bolder;
  font-size:14px; line-height: 20px;}
  .fttxt2 a{text-decoration: none; color:#f7f5f3;}
  .fttxt2 a:hover{color:#f7f5f3;}
  .ftr-links{font-size:14px;
  color:#f7f5f3;width:80%;text-decoration:none;}
  .ftr-links:hover{color:yellow;}
  .ftcol4 i{ border-radius:50%; margin-right:10px; color: #000000;
  font-size:24px; width:40px; height:40px; line-height:40px; background:white;
  text-align:center;
  }
  .copyright{font-size:15px;margin-top:-20px;
  color:white;text-align:center; font-weight:bolder;}




/* Footer end here*/
/* Auto Pop up*/
.popup{display:flex; align-items:center; justify-content: center; }
.content{position: relative; width: 600px; height:150px; background: rgb(255, 255, 255);
box-shadow: 0 5px 15px grey; padding: 20px; margin-top: 20px; border-radius: 10px;}
.poptxt{font-weight:bolder; text-align:center;
  font-size: 20px;  font-family: Spartan MB Black; color: red; display: block;
  letter-spacing: 2px;
}
.poptxt2{
  font-size: 20px;  font-family: Spartan MB Black; color: rgb(0, 0, 0); display: block;
  letter-spacing: 2px;
}
.close{position: absolute; top:20px; right: 20px; width: 10px; height: 10px; 
background:url(https://storage.perfectcdn.com/dxlbml/8y30h5rytpx2a70x.png); background-size: cover; cursor: pointer;}
#modalcontainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.83);
  display: none;
} 
/* Auto Pop up Ends Here*/
.cshd{ display: block; 
  background-color: rgb(224, 146, 0); color:white;
  height: 50px; 
}
.cshd .cshdtxt{
  padding-top: 15px;
  text-align: center;
  font-weight: bolder;
}
.cshd a{
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  background-color: #000000;
  border-radius: 10px; color: rgb(224, 146, 0); margin-right: 3px;
}
.cshd a:hover{
  background-color: #ffffff;
  border-radius: 10px; color: #010024;
}


@media screen and (max-width:767px){
.content{position: relative; width: 90%; height:200px; background: rgb(255, 255, 255);
box-shadow: 0 5px 15px grey; padding: 20px; margin-top: 20px; border-radius: 10px;}
footer {padding:0px; height:680px; border-top-right-radius:125px;
justify-content:center;}
.ftcol{flex-basis:100%;padding:10px;}
.ftlogo{margin-top:30px;}
.copyright{font-size:15px;margin-top: 10px;margin-left:20px; color:white;}
}


/* Media Query for 720px */
@media screen and (max-width: 720px) {
  .content {
    width: 80%;
    height: auto;
  }
  footer {
    padding: 10px;
    height: auto;
  }
  .ftcol {
    flex-basis: 50%; 
  }
  .fttxt1, .fttxt2, .ftr-links {
    font-size: 16px; 
  }
  .popup {
    align-items: center;
  }
}

/* Media Query for 480px */
@media screen and (max-width: 480px) {
  .content {
    width: 90%;
    height: auto;
  }
  footer {
    height: auto;
    padding: 10px;
    flex-wrap: wrap;
  }
  .ftcol {
    flex-basis: 100%; 
    padding: 5px;
  }
  .ftlogo {
    width: 120px; 
  }
  .fttxt1, .fttxt2, .ftr-links {
    font-size: 14px;
  }
  .fttxt2 a {
    font-size: 12px;
  }
}

/* Media Query for 320px */
@media screen and (max-width: 320px) {
  .content {
    width: 95%;
    height: auto;
  }
  footer {
    height: auto;
    padding: 20px;
    flex-wrap: wrap;
  }
  .ftcol {
    flex-basis: 100%; 
    padding: 5px;
  }
  .fttxt1, .fttxt2, .ftr-links {
    font-size: 12px;
  }
  .ftlogo {
    width: 100px;
  }
  .popup {
    flex-direction: column;
    padding: 10px;
  }
}

body {
  overflow-x: hidden;
}