@media (max-width: 1490px) {

  .middle-section {
    max-width: 61vw;
    margin: auto;

  }

}



@media (max-width: 1236px) {

  footer {
    height: 240px;
    background-color: #333;
    display: grid;
    grid-template-columns: 680px 400px;
    justify-content: center;
    padding-top: 50px;
    color: white;
    margin-top: 70px
  }

  .banner-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 66vh;
    /* border-radius: 22px; */
  }

  .middle-section {
    max-width: 71vw;
    margin: auto;
  }

  .perks-section {
    height: 50vh;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

}

@media (max-width: 1125px) {

  .faq-question-box {
    width: 800px;
  }

  footer {
    height: 240px;
    background-color: #333;
    display: grid;
    grid-template-columns: 600px 400px;
    justify-content: center;
    padding-top: 50px;
    color: white;
    margin-top: 70px
  }

  .faq-grid {
    display: grid;
    grid-template-columns: 535px 500px;
    gap: 30px;

  }

  .banner-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 66vh;
    /* border-radius: 22px; */
  }


  .middle-section {
    max-width: 82vw;
    margin: auto;
  }


  .faq-grid {
    display: flex;
    flex-direction: column;
    /* grid-template-rows: 500px 500px; */
    gap: 30px;
  }

}


@media (max-width: 1058px) {

  footer {
    height: 240px;
    background-color: #333;
    display: grid;
    grid-template-columns: 525px 400px;
    justify-content: center;
    padding-top: 50px;
    color: white;
    margin-top: 70px
  }

  .service-section {
    display: grid;
    grid-template-columns: minmax(200px, 480px) minmax(200px, 404px);
    justify-content: center;
    padding-top: 50px;
    grid-template-rows: 60px 400px;
    column-gap: 10px;
    grid-template-areas:
      "service-title service-title"
      "car-image service-info";
  }



  .car-image {
    width: 93%;
    display: flex;
    justify-content: center;

  }

  .perks-section {
    height: auto;
    padding-bottom: 50px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

  .image-grid-container {
    display: grid;
    padding-top: 35px;
    grid-template-columns: minmax(108px, 240px) minmax(106px, 240px) minmax(107px, 240px) minmax(110px, 240px);
    grid-template-rows: minmax(100px, 295px);
    justify-content: center;
    gap: 20px;
    min-width: 50vw;
  }


}


@media (max-width: 990px) {


  .navigation-links {
    display: none;
  }

  .hamburger-btn {
    display: block;
  }

  .menu-btn {
    display: block;
  }

  .service-info {
    padding-top: 10px;
  }


  footer {
    height: 275px;
    background-color: #333;
    display: flex;
    flex-direction: column;
    /* grid-template-columns: 535px 400px; */
    justify-content: center;
    padding-top: 26px;
    color: white;
    margin-top: 70px;
    /* padding-left: 72px; */
    /* column-gap: 20px; */
    gap: 10px;
    padding-bottom: 60px;
    align-items: center;
  }

  .footer-links {
    padding-top: 42px;
    padding-right: 150px;
  }

  .car-container {
    display: flex;
    /* justify-content: center; */
    padding-left: 40px;
    padding-top: 20px
  }

  .car-image {
    width: 100%;
    display: flex;
    justify-content: center;

  }


  .orange-effect {
    color: rgb(219, 149, 18);
    display: inline;
    text-align: center;
  }

  .car-rental-title-text {
    /* text-align: center; */
    padding-left: 40px;
  }

  .car-rental-section {
    height: 88vh;
  }


  .perks-section {
    height: auto;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);

  }


  .review-grid {
    display: grid;
    grid-template-columns: 400px 400px;
    justify-content: center;
    outline: 1ps solid red;
  }


  .banner-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 66vh;
    /* border-radius: 22px; */
  }


  
  .this-sub-title {
    font-size: 65px;
  }

  .banner-btns {
    position: absolute;
    top: 325px;
    left: 105px;
    display: flex;
    gap: 10px;
  }

  .service-section {
    display: grid;
    grid-template-columns: minmax(200px, 400px) minmax(200px, 370px);
    justify-content: center;
    padding-top: 35px;
    grid-template-rows: 60px 367px;
    column-gap: 27px;
    grid-template-areas:
      "service-title service-title"
      "car-image service-info";
  }



  .car-rental-section {
    height: auto;
    padding-bottom: 30px;
  }

  .service-info {
    padding-top: 25px;
  }


}


@media (max-width: 872px) {




  .image-grid-container {
    display: grid;
    padding-top: 35px;
    grid-template-columns: minmax(108px, 240px) minmax(106px, 240px);
    grid-template-rows: minmax(100px, 275px) minmax(100px, 276px);
    justify-content: center;
    gap: 20px;
    min-width: 50vw;
  }


  .popular-destination-section {
    background-color: rgb(253, 253, 253);
    margin-top: 22px;
    margin-bottom: 20px;
    height: 850px;
  }

  .middle-section {
    max-width: 58vw;
    margin: auto;
  }

  .explore-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 26px;
  }

  .perks-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    gap: 17px;
    flex-direction: column;
  }

  .perks-section {
    height: auto;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

  .value-box {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
  }

  .value-box-title {
    font-weight: 600;
    padding-top: 5px;
    /* outline: 1px solid red; */
  }


  .service-section {
    display: flex;
    flex-direction: column;
    /* grid-template-columns: minmax(200px, 400px) minmax(200px, 370px); */
    justify-content: center;
    padding-top: 35px;
    /* grid-template-rows: 60px 367px; */
    /* column-gap: 27px;
    grid-template-areas:
      "service-title service-title"
      "car-image service-info"; */
  }

  .faq-question-box {
    width: 730px;
  }



  .value-details {
    width: 335px;
    text-align: center;
    padding-top: 7px;
    color: rgb(26, 25, 25);
  }

  .logo-background {
    width: 55px;
    height: 55px;
    background-color: white;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    margin-top: 17px;
  }

  .perks-data {
    text-align: left;
    /* padding-top: 20px; */
  }

  .value-details {
    width: 573px;
    text-align: left;
    padding-top: 9px;
    color: rgb(26, 25, 25);
  }

  .review {
    height: 565px;
    background-color: rgb(233, 231, 231);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .car-rental-section {
    height: auto;
    padding-bottom: 30px;
  }

  .car-image {
    width: 93%;
    display: flex;
    justify-content: center;
  }

  .service-info {
    width: 571px;
    padding-left: 50px;
  }

  .review-grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    outline: 1ps solid red;
  }

  .comment-box {
    background-color: white;
    padding: 30px;
    width: 572px;
    height: 283px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .faq-box {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
  }

  .faq-details {
    width: 643px;
  }

  .faq-question-box {
    width: 670px;
  }

}


@media (max-width: 775px) {

 
  .banner-btns {
    position: absolute;
    top: 325px;
    left: 63px;
    display: flex;
    gap: 10px;
  }


  .middle-section {
    max-width: 65vw;
    margin: auto;
  }

  .faq-question-box {
    width: 610px;
  }

  .car-rental-section {
    height: 138vh;
  }

}


@media (max-width: 705px) {

  .destination-title {
    padding-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .banner-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 80vh;
    /* border-radius: 22px; */
  }

  .faq-question-box {
    width: 560px;
  }

  .comment-box {
    background-color: white;
    padding: 30px;
    width: 522px;
    height: 225px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .faq-title {
    padding-bottom: 20px;
    font-size: 33px;
    font-weight: 600;
    padding-left: 20px;
  }

  .faq-details {
    width: 625px;
  }

  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 17px;
    /* padding-left: 123px; */
    flex-direction: column;
  }

  .value-box {
    width: 450px;
  }

  .value-details {
    width: 379px;
    text-align: left;
    padding-top: 9px;
    color: rgb(26, 25, 25);
  }







}


@media (max-width: 650px) {

  .middle-section {
    max-width: 76vw;
    margin: auto;
  }


  .service-info {
    width: 527px;
    padding-left: 50px;
  }

  .car-rental-section {
    height: 800px;
  }


  .comment-box {
    background-color: white;
    padding: 30px;
    width: 467px;
    height: 225px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .faq-title {
    padding-bottom: 20px;
    font-size: 33px;
    font-weight: 600;
    padding-left: 2px;
  }

  .faq-question-box {
    width: 487px;
  }



  .faq-details {
    width: 500px;
    padding-left: 3px;
  }

}


@media (max-width: 625px) {

  .destination-title {
    padding-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .this-sub-title {
    font-size: 59px;
  }

}


@media (max-width: 573px) {

  .comment-box {
    background-color: white;
    padding: 30px;
    width: 400px;
    height: 260px;
    margin-left: 19px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .faq-question-box {
    width: 442px;
  }

  .car-rental-section {
    height: 800px;
  }


  .service-info {
    width: 469px;
    padding-left: 50px;
  }



  .this-sub-title {
    font-size: 55px;
  }

  .banner-btns {
    position: absolute;
    top: 325px;
    left: 49px;
    display: flex;
    gap: 10px;
  }

}

@media (max-width: 550px) {
  .service-info {
    width: 430px;
    padding-left: 50px;
  }

}


@media (max-width: 545px) {

  .destination-title {
    padding-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 29px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }


  .review-title {
    font-size: 40px;
    font-weight: 600;
    width: 484px;
  }

  .car-rental-section {
    height: 95vh;
  }

  .perks-section {
    height: 600px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

}


@media (max-width: 545px) {

  .review-title {
    font-size: 40px;
    font-weight: 600;
    width: 420px;
    padding-left: 16px;
  }

  .car-rental-section {
    height: 800px;
  }

  .faq-title {
    padding-bottom: 20px;
    font-size: 33px;
    font-weight: 600;
    padding-left: 21px;
  }

  .destination-title {
    padding-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 27px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .comment-box {
    background-color: white;
    padding: 30px;
    width: 365px;
    height: 260px;
    margin-left: 19px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .faq-details {
    width: 462px;
  }


  .faq-question-box {
    width: 400px;
  }


  

  .this-sub-title {
    font-size: 45px;
  }

  .perks-section {
    height: 500px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

}

@media (max-width: 498px) {

  

  .this-sub-title {
    font-size: 45px;
  }

  .service-info {
    width: 380px;
    padding-left: 50px;
  }


}


@media (max-width: 480px) {

  .banner-btns {
    position: absolute;
    top: 325px;
    left: 40px;
    display: flex;
    gap: 10px;
  }

  .destination-title {
    padding-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .explore-info {
    font-size: 13px;
    font-weight: 600;
    color: #707274;
  }

  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 10px;
    padding-left: 31px;
    flex-direction: column;
  }

  .comment-box {
    background-color: white;
    padding: 30px;
    width: 340px;
    height: 260px;
    margin-left: 19px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .perks-section {
    height: 500px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

  .service-info {
    width: 380px;
    padding-left: 44px;
  }

  .faq-question-box {
    width: 379px;
  }

  .faq-details {
    width: 400px;
  }

  .faq-title {
    padding-bottom: 20px;
    font-size: 33px;
    font-weight: 600;
    padding-left: 0px;
  }

  .footer-links {
    padding-top: 42px;
    padding-right: 144px;
  }

  .footer-title {
    padding-bottom: 20px;
    font-size: 22px;
  }

  .footer-links {
    padding-top: 42px;
    padding-right: 94px;
  }

  .middle-section {
    max-width: 85vw;
    margin: auto;
  }

  .value-details {
    width: 325px;
    text-align: left;
    padding-top: 9px;
    color: rgb(26, 25, 25);
  }


  .value-box {
    width: 410px;
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 340px;
    height: 260px;
    margin-left: 37px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .section-title {
    padding-left: 17px;
  }



}


@media (max-width: 458px) {

  .faq-question-box {
    width: 333px;
  }

  .faq-title {
    padding-bottom: 20px;
    font-size: 33px;
    font-weight: 600;
    padding-left: 2px;
  }

  .faq-details {
    width: 366px;
  }

  .nav-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 94vw;
    gap: 200px;
    height: 9vh;
    margin: auto;
  }

  .destination-title {
    padding-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .value-details {
    width: 296px;
    text-align: left;
    padding-top: 9px;
    color: rgb(26, 25, 25);
  }

  .service-info {
    width: 373px;
    padding-left: 44px;
  }

  .review-title {
    font-size: 36px;
    font-weight: 600;
    width: 420px;
    padding-left: 41px;
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 328px;
    height: 290px;
    margin-left: 56px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }




}

@media (max-width: 433px) {

  

  .this-sub-title {
    font-size: 40px;
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 328px;
    height: 290px;
    margin-left: 50px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .nav-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 94vw;
    gap: 200px;
    height: 7vh;
    margin: auto;
  }

  footer {
    height: 275px;
    background-color: #333;
    display: flex;
    flex-direction: column;
    /* grid-template-columns: 535px 400px; */
    justify-content: center;
    padding-top: 26px;
    color: white;
    margin-top: 70px;
    /* padding-left: 72px; */
    /* column-gap: 20px; */
    gap: 23px;
    padding-bottom: 60px;
    align-items: center;
  }

  .footer-links {
    padding-top: 42px;
    padding-right: 91px;
  }

  .car-rental-title-text {
    /* text-align: center; */
    padding-left: 33px;
  }

  .section-title {
    padding-left: 40px;
  }

  .car-rental-section {
    height: 74vh;
  }

  .middle-section {
    max-width: 88vw;
    margin: auto;
  }

  .image-grid-container {
    display: grid;
    padding-top: 35px;
    grid-template-columns: minmax(108px, 240px) minmax(106px, 240px);
    grid-template-rows: minmax(100px, 275px) minmax(100px, 276px);
    justify-content: center;
    gap: 15px;
    min-width: 50vw;
  }

  .value-box {
    width: 357px;
  }

  .review-title {
    font-size: 36px;
    font-weight: 600;
    width: 338px;
    padding-left: 41px;
  }

  .value-details {
    width: 275px;
    text-align: left;
    padding-top: 3px;
    color: rgb(26, 25, 25);
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 319px;
    height: 306px;
    margin-left: 12px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .review-title {
    font-size: 36px;
    font-weight: 600;
    width: 338px;
    padding-left: 6px;
  }

  .section-title {
    padding-left: 4px;
  }

  .service-info {
    width: 356px;
    padding-left: 35px;
  }

  .car-rental-title-text {
    /* text-align: center; */
    padding-left: 23px;
    width: 305px;
  }


  .car-container {
    display: flex;
    /* justify-content: center; */
    padding-left: 32px;
    padding-top: 20px;
  }



}

@media (max-width: 433px) {

  .car-rental-section {
    height: 745px;
  }

  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 10px;
    padding-left: 2px;
    flex-direction: column;
  }

  .car-rental-title-text {
    /* text-align: center; */
    padding-left: 33px;
    width: 305px;
  }

  .faq-question-box {
    width: 318px;
  }

  .footer-title {
    padding-bottom: 20px;
    font-size: 20px;
  }

  .footer-links {
    padding-top: 42px;
    padding-right: 60px;
  }

  .perks-section {
    height: 500px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 319px;
    height: 319px;
    margin-left: 12px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

}

@media (max-width: 400px) {

  .middle-section {
    max-width: 85vw;
    margin: auto;
  }

  .image-grid-container {
    display: grid;
    padding-top: 35px;
    grid-template-columns: minmax(108px, 200px) minmax(106px, 200px);
    grid-template-rows: minmax(100px, 255px) minmax(100px, 255px);
    justify-content: center;
    gap: 15px;
    min-width: 50vw;
  }

  .destination-title {
    padding-top: 4px;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .popular-destination-section {
    background-color: rgb(253, 253, 253);
    margin-top: 22px;
    margin-bottom: 20px;
    height: 786px;
  }

  .perks-section {
    height: 500px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

  .car-rental-section {
    height: 720px;
  }

  .service-info {
    width: 356px;
    padding-left: 20px;
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 294px;
    height: 323px;
    margin-left: 12px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .arrow-entity {
    color: white;
    display: none;
  }

  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 10px;
    padding-left: 0px;
    flex-direction: column;
  }
}


@media (max-width: 375px) {

  

  .banner-btns {
    position: absolute;
    top: 294px;
    left: 40px;
    display: flex;
    gap: 10px;
  }

  .banner-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 61vh;
    /* border-radius: 22px; */
  }

  .destination-title {
    padding-top: 4px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    /* letter-spacing: 2px; */
    color: #36454F;
  }

  .middle-section {
    max-width: 87vw;
    margin: auto;
  }

  .explore-btn {
    padding: 10px 8px;
    background-color: rgb(219, 149, 18);
    border: none;
    color: white;
    border-radius: 8px;
  }

  .logo-background {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    margin-top: 17px;
  }

  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 10px;
    padding-left: 7px;
    flex-direction: column;
  }


  .service-info {
    width: 331px;
    padding-left: 31px;
  }

  .faq-question-box {
    width: 285px;
  }


  .comment-box {
    background-color: white;
    padding: 20px;
    width: 319px;
    height: 328px;
    margin-left: 12px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  .faq-title {
    padding-bottom: 20px;
    font-size: 33px;
    font-weight: 600;
    padding-left: 4px;
  }

  .faq-details {
    width: 290px;
  }

  .footer-title {
    padding-bottom: 20px;
    font-size: 19px;
  }

  .footer-links {
    padding-top: 42px;
    padding-right: 33px;
  }

 
  .perks-section {
    height: 500px;
    /* margin-top: 30px; */
    background-color: rgb(233, 231, 231);
  }

  .car-rental-section {
    height: 720px;
  }

}


@media (max-width: 362px) {

  .middle-section {
    max-width: 89vw;
    margin: auto;
  }

  .comment-box {
    background-color: white;
    padding: 20px;
    width: 319px;
    height: 328px;
    margin-left: 12px;
    margin-top: 40px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }


  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 10px;
    padding-left: 29px;
    flex-direction: column;
  }

  .value-box {
    width: 343px;
  }


  .perks-container {
    display: flex;
    align-items: center;
    padding-top: 20px;
    gap: 10px;
    padding-left: 6px;
    flex-direction: column;
  }


  footer {
    height: 275px;
    background-color: #333;
    display: flex;
    flex-direction: column;
    /* grid-template-columns: 535px 400px; */
    justify-content: center;
    padding-top: 26px;
    color: white;
    margin-top: 70px;
    /* padding-left: 72px; */
    /* column-gap: 20px; */
    gap: 23px;
    padding-bottom: 60px;
    align-items: center;
  }

  .image-grid-container {
    display: grid;
    padding-top: 35px;
    grid-template-columns: minmax(108px, 200px) minmax(106px, 200px);
    grid-template-rows: minmax(100px, 255px) minmax(100px, 255px);
    justify-content: center;
    gap: 10px;
    min-width: 50vw;
  }

  .service-info {
    width: 331px;
    padding-left: 25px;
  }


  .logo-background {
    width: 43px;
    height: 43px;
    background-color: white;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    margin-top: 17px;
  }





  .review {
    height: 595px;
    background-color: rgb(233, 231, 231);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}