.elementor-16 .elementor-element.elementor-element-a485db2{--display:flex;--min-height:616px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--background-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-a485db2:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-a485db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C33A9;background-image:url("https://codeidev.com/wp-content/uploads/2024/06/banner.svg");background-position:bottom right;background-repeat:no-repeat;}.elementor-16 .elementor-element.elementor-element-a485db2, .elementor-16 .elementor-element.elementor-element-a485db2::before{--border-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-8e921b6{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-a88cb77 .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-weight:700;}.elementor-16 .elementor-element.elementor-element-a88cb77 > .elementor-widget-container{margin:030px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-cfd55fd .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-weight:800;}.elementor-16 .elementor-element.elementor-element-2f11769{font-family:"Open Sans", Sans-serif;font-weight:400;width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-e797700{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-65d6b15{width:initial;max-width:initial;}.elementor-16 .elementor-element.elementor-element-4cbca92 .elementor-icon-wrapper{text-align:center;}.elementor-16 .elementor-element.elementor-element-4cbca92.elementor-view-stacked .elementor-icon{background-color:#006BFF;}.elementor-16 .elementor-element.elementor-element-4cbca92.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-4cbca92.elementor-view-default .elementor-icon{color:#006BFF;border-color:#006BFF;}.elementor-16 .elementor-element.elementor-element-4cbca92.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-4cbca92.elementor-view-default .elementor-icon svg{fill:#006BFF;}.elementor-16 .elementor-element.elementor-element-4cbca92 .elementor-icon{font-size:21px;}.elementor-16 .elementor-element.elementor-element-4cbca92 .elementor-icon svg{height:21px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-4cbca92{right:26px;}body.rtl .elementor-16 .elementor-element.elementor-element-4cbca92{left:26px;}.elementor-16 .elementor-element.elementor-element-4cbca92{bottom:76px;}.elementor-16 .elementor-element.elementor-element-c1e8e17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-c1e8e17:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-c1e8e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-c1e8e17, .elementor-16 .elementor-element.elementor-element-c1e8e17::before{--border-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-63f14dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-63f14dc:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-63f14dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-63f14dc, .elementor-16 .elementor-element.elementor-element-63f14dc::before{--border-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-c3236f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-c3236f1:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-c3236f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-c3236f1, .elementor-16 .elementor-element.elementor-element-c3236f1::before{--border-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-e0c3a23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-e0c3a23:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-e0c3a23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-e0c3a23, .elementor-16 .elementor-element.elementor-element-e0c3a23::before{--border-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-f536246{--display:flex;--background-transition:0.3s;}.elementor-16 .elementor-element.elementor-element-d27bc9a .elementor-icon-wrapper{text-align:center;}.elementor-16 .elementor-element.elementor-element-d27bc9a.elementor-view-stacked .elementor-icon{background-color:#0B6EF6;}.elementor-16 .elementor-element.elementor-element-d27bc9a.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-d27bc9a.elementor-view-default .elementor-icon{color:#0B6EF6;border-color:#0B6EF6;}.elementor-16 .elementor-element.elementor-element-d27bc9a.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-d27bc9a.elementor-view-default .elementor-icon svg{fill:#0B6EF6;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-d27bc9a{right:21px;}body.rtl .elementor-16 .elementor-element.elementor-element-d27bc9a{left:21px;}.elementor-16 .elementor-element.elementor-element-d27bc9a{bottom:20px;}.elementor-16 .elementor-element.elementor-element-8381094 .elementor-icon-wrapper{text-align:center;}.elementor-16 .elementor-element.elementor-element-8381094.elementor-view-stacked .elementor-icon{background-color:#006BFF;}.elementor-16 .elementor-element.elementor-element-8381094.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-8381094.elementor-view-default .elementor-icon{color:#006BFF;border-color:#006BFF;}.elementor-16 .elementor-element.elementor-element-8381094.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-8381094.elementor-view-default .elementor-icon svg{fill:#006BFF;}.elementor-16 .elementor-element.elementor-element-8381094 .elementor-icon{font-size:21px;}.elementor-16 .elementor-element.elementor-element-8381094 .elementor-icon svg{height:21px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-8381094{right:26px;}body.rtl .elementor-16 .elementor-element.elementor-element-8381094{left:26px;}.elementor-16 .elementor-element.elementor-element-8381094{bottom:123px;}.elementor-16 .elementor-element.elementor-element-7237cf8 .elementor-icon-wrapper{text-align:center;}.elementor-16 .elementor-element.elementor-element-7237cf8.elementor-view-stacked .elementor-icon{background-color:#3A87F1;}.elementor-16 .elementor-element.elementor-element-7237cf8.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-7237cf8.elementor-view-default .elementor-icon{color:#3A87F1;border-color:#3A87F1;}.elementor-16 .elementor-element.elementor-element-7237cf8.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-7237cf8.elementor-view-default .elementor-icon svg{fill:#3A87F1;}.elementor-16 .elementor-element.elementor-element-7237cf8 .elementor-icon{font-size:35px;padding:4px;}.elementor-16 .elementor-element.elementor-element-7237cf8 .elementor-icon svg{height:35px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-7237cf8{right:26px;}body.rtl .elementor-16 .elementor-element.elementor-element-7237cf8{left:26px;}.elementor-16 .elementor-element.elementor-element-7237cf8{bottom:171px;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-8e921b6{--width:100%;}.elementor-16 .elementor-element.elementor-element-c3236f1{--content-width:1264px;}.elementor-16 .elementor-element.elementor-element-e0c3a23{--content-width:1264px;}}/* Start custom CSS for icon, class: .elementor-element-4cbca92 */.elementor-icon {
    position: relative; /* Để chứa các phần tử con */
    display: inline-block; /* Căn chỉnh các phần tử bên trong */
    text-decoration: none; /* Bỏ gạch dưới nếu có */
    overflow: visible; /* Đảm bảo nội dung không bị ẩn */
}

/* Chỉ hiển thị nội dung cho phần tử có href cụ thể */
.elementor-icon[href="tel:+84929655688"]:hover::after {
    content: attr(href); /* Lấy giá trị từ thuộc tính href */
    position: absolute; /* Đặt văn bản ở vị trí cụ thể */
    top: 50%; /* Căn giữa theo chiều dọc */
    transform: translateY(-50%); /* Căn giữa theo chiều dọc */
    margin-left: -170px; /* Thêm khoảng cách giữa icon và văn bản */
    color: black; /* Màu chữ đen */
    font-size: 16px; /* Kích thước chữ */
    padding: 5px; /* Khoảng cách xung quanh văn bản */
    border-radius: 4px; /* Bo tròn các góc */
    white-space: nowrap; /* Ngăn ngắt dòng */
    z-index: 9999; /* Đảm bảo văn bản nằm trên các phần tử khác */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Đổ bóng để nổi bật hơn */
    pointer-events: none; /* Ngăn không cho chuột tương tác với văn bản */
}

/* Không hiển thị nội dung mặc định cho các phần tử khác */
.elementor-icon::after {
    content: none; /* Không hiển thị nội dung mặc định */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96d77ac */.container-carousel {
        width: 80%;
        margin: auto;
        padding: 20px;
        text-align: center;
        position: relative;
      }

      .heading {
        text-align: center;
        padding: 20px;
        border-radius: 10px;
      }

      .heading h2 {
        font-size: clamp(24px, 2.5vw, 36px);
        color: #333;
        margin-bottom: 10px;
        font-weight: bold;
        position: relative;
      }

      .heading h2 .highlight {
        color: #2339c3;
      }

      .heading p {
        font-size: clamp(16px, 1.5vw, 20px);
        color: #666;
        margin-top: 0;
      }

      .carousel-container {
        overflow: hidden;
        position: relative;
        width: 100%;
      }
      .carousel {
        display: flex;
        transition: transform 0.5s ease-in-out;
        width: 300%; /* Update to 300% for 3 items */
      }
      .carousel-item {
        width: 33.33%; /* Update to 33.33% for 3 items */
        display: flex;
        justify-content: space-between;
        padding: 20px;
        box-sizing: border-box;
        position: relative;
      }
      .carousel-left,
      .carousel-right {
        width: 48%;
      }
      .carousel-left {
        text-align: center;
        background-image: url(https://codeidev.com/wp-content/uploads/2024/06/circle-gradient.png);
        background-repeat: no-repeat;
        margin: 0 0 10px;
      }
      .carousel-left h2 {
        color: #333;
      }
      svg {
        width: 50%;
        height: auto;
      }
      .btn-carousel {
        position: relative;
        display: inline-block;
        padding: 10px 20px;
        margin-top: 5%;
        font-size: clamp(16px, 2vw, 18px);
        font-weight: 600;
        color: #ff9800;
        border: 2px solid #ff9800;
        border-radius: 30px;
        text-decoration: none;
        overflow: hidden ;
        transition: color 0.4s;
        background-color: transparent;
        text-transform: uppercase;
      }

      .btn-carousel::before {
        content: "";
        position: absolute;
        bottom: -50%;
        right: -50%;
        width: 300%;
        height: 300%;
        background-color: #2339c3;
        transition: all 0.6s ease-in-out;
        border-radius: 50%;
        z-index: 0;
        transform: scale(0);
      }

      .btn-carousel:hover::before {
        transform: scale(1);
      }

      .btn-carousel:hover {
        color: #fff;
        border-color: #2339c3;
      }

      .btn-carousel span {
        position: relative;
        z-index: 1;
      }
      .carousel-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .small-box {
        width: 48%;
        background-color: #fff;
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease, transform 0.3s ease;
        text-align: center;
        box-sizing: border-box;
      }

      .small-box:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        transform: translateY(-5px);
      }

      .small-box h3 {
        font-weight: 600;
        color: #333;
        margin: 10px 0;
        font-size: 18px; /* Giữ nguyên kích thước */
        transition: color 0.3s ease;
      }
      .small-box p {
        color: #666;
        font-size: 15px; /* Giữ nguyên kích thước */
        margin: 5px 0;
        transition: color 0.3s ease;
      }
      .svg-small-box {
        margin-bottom: 15px;
      }
      .svg-small-box svg {
        width: 20%; /* Giữ nguyên kích thước */
        height: auto;
        fill: #ff9800; /* Màu của SVG */
        transition: fill 0.3s ease;
      }

      .small-box:hover h3,
      .small-box:hover p {
        color: #ff9800;
      }

      .small-box:hover .svg-small-box svg {
        fill: #333;
      }
      
      @media (max-width: 770px){
        .carousel-item {
          flex-direction: column;
          align-items: center;
        }
        .carousel-left,
        .carousel-right {
          width: 100%;
        }
        .carousel-item,
        .container-carousel{
            padding:0;
        }
        #next{
          margin-right: -40px;
        }
      }
      
      @media (max-width: 580px) {
        .carousel-right {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-top: 15px;
        }
        .small-box {
          width: 48%;
          box-sizing: border-box;
        }
      }
      .buttons {
        position: absolute;
        top: 65%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
      }
      .buttons .svg-container {
        display: flex;
      }
      .buttons .svg-wrapper {
        transition: transform 0.3s ease, z-index 0s 0.3s;
      }
      .buttons .svg-wrapper svg {
        display: block;
        width: 36px;
        height: 55px;
      }
      .previous {
        margin-left: -40px;
      }
      .buttons .previous:hover .svg2 {
        transform: translateX(-38px);
        z-index: 0;
      }
      .buttons .previous:hover .svg3 {
        transform: translateX(-70px);
        z-index: 0;
      }
      .buttons .previous:hover .svg1 {
        z-index: 1;
      }
      .buttons .next:hover .svg1 {
        transform: translateX(70px);
        z-index: 0;
      }
      .buttons .next:hover .svg2 {
        transform: translateX(38px);
        z-index: 0;
      }
      .buttons .next:hover .svg3 {
        z-index: 1;
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b492169 */.idev-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.idev-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.idev-image {
    flex: 1;
}

.idev-image img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.idev-image.pulse img:hover {
    transform: scale(1.05);
}

.idev-text-content {
    flex: 1;
    max-width: 600px;
    position: relative;
    z-index: 2;
}

.idev-badge {
    display: inline-block;
    background-color: #e6e6ff;
    color: #0033cc;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.highlight{
    color: #2339c3
}

.idev-text-content h2 {
    color: #333333;
    font-size: clamp(24px, 2.5vw, 36px);
    margin-bottom: 20px;
    font-weight: 600;
}


.idev-text-content p {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
}

.idev-text-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.idev-text-content ul li {
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.idev-text-content ul li .icon {
    font-size: 1.5rem;
    margin-right: 10px;
}

.register-button {
    background-color: transparent;
    color: #ff6600;
    border: 2px solid #ff6600;
    padding: 10px 20px;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    cursor: pointer;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.register-button::before {
    content: "";
    position: absolute;
    bottom: -50%;
    right: -50%;
    width: 300%;
    height: 300%;
    background-color: #2339c3;
    transition: all 0.6s ease-in-out;
    border-radius: 50%;
    z-index: 0;
    transform: scale(0);
}

.register-button:hover::before {
    transform: scale(1);
}

.register-button:hover {
    color: #fff;
    border-color: #2339c3;
}

.register-button span {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .idev-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px;
    }

    .idev-image {
        margin-bottom: 20px;
    }

    .idev-text-content {
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .idev-text-content h2 {
        margin-bottom: 15px;
    }

    .idev-text-content p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .idev-text-content ul li {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ac8953 */.custom-carousel {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-carousel-inner {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.custom-carousel-card {
  flex: 0 0 300px; /* Each card width */
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  margin: 0 10px; /* Space between cards */
  display: flex;
  align-items: stretch;
}
.custom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  padding: 20px;
  overflow: hidden;
  border-radius: 10px;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  user-select: none;
}
.custom-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  flex-grow: 1;
}
.custom-content .custom-heading {
  font-weight: 700;
  font-size: 24px;
  margin: 10px 0;
}
.custom-content .custom-para {
  line-height: 1.5;
  font-size: clamp(15px, 2vw, 17px);
}
.custom-card::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(-45deg, #2339c3 0%, #f89b29 100%);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.custom-card:hover .custom-icon img {
  filter: brightness(0) invert(1);
}
.custom-icon img {
  pointer-events: none;
}
.custom-card:hover .custom-content {
  color: white;
}
.custom-card:hover::before {
  width: 100%;
}
.custom-card:hover {
  box-shadow: none;
}

@media (max-width: 1264px) {
  .custom-carousel {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .custom-carousel-card {
    flex: 0 0 50%; /* Display 2 items per view */
  }
  .custom-card {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .custom-carousel-card {
    flex: 0 0 100%; /* Display 1 item per view */
  }
  .custom-content .custom-heading {
    font-size: 20px;
  }
  .custom-content .custom-para {
    font-size: 14px;
  }
}

/* CSS chung của nút button */
.btn-carousel {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 5%;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 600;
  color: #ff9800;
  border: 2px solid #ff9800;
  border-radius: 30px;
  text-decoration: none;
  overflow: hidden;
  transition: color 0.4s;
  background-color: transparent;
  text-transform: uppercase;
}

.btn-carousel::before {
  content: "";
  position: absolute;
  bottom: -50%;
  right: -50%;
  width: 300%;
  height: 300%;
  background-color: #2339c3;
  transition: all 0.6s ease-in-out;
  border-radius: 50%;
  z-index: 0;
  transform: scale(0);
}

.btn-carousel:hover::before {
  transform: scale(1);
}

.btn-carousel:hover {
  color: #fff;
  border-color: #2339c3;
}

.btn-carousel span {
  position: relative;
  z-index: 1;
}

/* CSS cho nút button trong custom-carousel */
.custom-carousel .btn-carousel {
  margin: 20px auto; /* Để căn giữa nút button */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c934b55 *//* CSS bổ sung cho khối heading trong section hiện tại */
        .heading.custom-background {
            background-color: #F1F6FF;
        }

        .customer-reviews-section {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            background-color: #F1F6FF;
            padding: 20px;
            border-radius: 8px;
            font-family: Arial, sans-serif;
            color: #333;
        }

        .customer-reviews-left,
        .customer-reviews-right {
            flex: 1 1 100%;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .customer-reviews-header {
            text-align: center;
        }

        .customer-reviews-text {
            display: inline-block;
            background-color: #E0EBFF;
            color: #333;
            border-radius: 20px;
            padding: 10px 20px;
            font-weight: bold;
        }

        .customer-reviews-header h2 {
            font-size: 24px;
            color: #333;
        }

        .customer-reviews-header h2 span {
            color: #0046FF;
        }

        .customer-reviews-stats {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }

        .customer-reviews-stat-item {
            text-align: center;
            flex: 1 1 45%;
            margin: 10px;
        }

        .customer-reviews-stat-item img {
            width: 80px;
            height: 80px;
            margin-bottom: 10px;
        }

        .customer-reviews-stat-item h3 {
            font-size: 32px;
            color: #0046FF;
        }

        .customer-reviews-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .customer-reviews-item {
            display: flex;
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            flex-wrap: wrap;
            align-items: center;
        }

        .customer-reviews-item-left {
            flex: 0 0 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120px;
            height: 120px;
            border-radius: 8px;
            background-color: #fff;
            overflow: hidden;
            margin-right: 20px;
        }

        .customer-reviews-item-left img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .customer-reviews-item-right {
            flex: 1;
        }

        .customer-reviews-item-right p {
            font-style: italic;
        }

        .customer-reviews-item-right span {
            display: block;
            margin-top: 10px;
            font-weight: bold;
            color: #0046FF;
        }

        .customer-reviews-footer {
            text-align: center;
        }

        .banner-button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #FF6600;
            color: white;
            border-radius: 20px;
            text-decoration: none;
            font-weight: bold;
        }

        /* Responsive CSS */
        @media (min-width: 768px) {

            .customer-reviews-left,
            .customer-reviews-right {
                flex: 1;
            }
        }/* End custom CSS */