body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    height: 100vh;
    margin: 0;
    padding: 10px; /* Added padding to prevent overflow */
}
.w-87{
width:87px;
}
.review-card {
    width: 100%;
    max-width: 380px;
    height: 100%;
    max-height: 700px;
    position: relative;
    border-top: 10px solid #4285F4; /* Blue top border */
    border-right: 10px solid #EA4335; /* Red right border */
    border-bottom: 10px solid #FBBC05; /* Yellow bottom border */
    border-left: 10px solid #34A853; /* Green left border */
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Optional: Add shadow for better visibility */
}

.review-header {
    padding: 10px;
    text-align: center;
}

.review-header img {
    width: 100px;
    margin-bottom: 5px;
}

.review-header h1 {
    margin: 0;
    font-size: 20px;
    color: #666;
}

.review-header .stars {
    margin-top: 5px;
    background-color: #fff;
}

.review-header .stars img {
    width: 30px;
}

.close{
    border: unset;
background: unset;
font-size: 26px;
}

.review-content {
    padding: 20px;
    border: 2px solid #ddd; /* Grey border to match the image */
    margin: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    border-radius: 10px;
    border-left: 4px solid #34A853; /* Green left border */
    border-right: 4px solid #EA4335; /* Red right border */
    border-top: 4px solid #FBBC05; /* Yellow top border */
    border-bottom: 4px solid #4285F4; /* Blue bottom border */
}

.review-footer {
    display: flex;
    justify-content: space-around;
    padding: 15px 10px;
    background-color: #fff;
}

.review-footer button,
.review-footer a {
    padding: 10px 20px;
    border: 2px solid #ddd; /* Grey border on buttons */
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    color: #333;
    text-decoration: none; /* Ensure links are not underlined */
}

.review-footer button img,
.review-footer a img {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.logos {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #fff;
        position: relative;
        top:80px;
}

.logos img {
    height: 55px;
    /*height:auto;*/
}

#reviewText {
    text-align: justify;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .review-card {
        width: 100%;
      height: 90%; 
        max-height: none; /* Remove max height */
        border-width: 5px; /* Reduce border width for smaller screens */
    }

    .review-header img {
        width: 80px; /* Adjust logo size */
    }

    .review-footer button,
    .review-footer a {
        font-size: 12px; /* Adjust font size for smaller screens */
    }

    .review-footer button img,
    .review-footer a img {
        width: 14px; /* Adjust icon size */
    }

    .model-heading{
        font-size: 23px;
        font-weight: 600;
    }
}
.model-name{
padding: 10px;
margin-bottom: 15px;
margin-top: 40px;
}
.model-mobile{
    padding: 10px;
margin-top: 20px;
margin-bottom: 22px;
}
.model-button{
    width: 245px;
   border-radius: 20px;
}
.modal-footer{
    display:unset !important;
}
#copyMessage{
    position: relative;
top: -39px;
/* right: -82px; */
left: 90px;
}

/* read more */
 #moreText{
  text-align: justify !important;
  display: flex;
  justify-content: center !important;
}