.elementor-7283 .elementor-element.elementor-element-b0d2339{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7283 .elementor-element.elementor-element-b0d2339:not(.elementor-motion-effects-element-type-background), .elementor-7283 .elementor-element.elementor-element-b0d2339 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4fa11049 );}.elementor-7283 .elementor-element.elementor-element-13f41df{--display:flex;--padding-top:5%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-7283 .elementor-element.elementor-element-13f41df:not(.elementor-motion-effects-element-type-background), .elementor-7283 .elementor-element.elementor-element-13f41df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0D4D8;}.elementor-7283 .elementor-element.elementor-element-d158fff{text-align:center;}.elementor-7283 .elementor-element.elementor-element-d158fff .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-7283 .elementor-element.elementor-element-38b9ffa{text-align:center;font-size:16px;color:var( --e-global-color-491256f );}.elementor-7283 .elementor-element.elementor-element-d819e26{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-7283 .elementor-element.elementor-element-4c6e6d5{--display:flex;--justify-content:center;}.elementor-7283 .elementor-element.elementor-element-a337d82{text-align:center;font-size:16px;color:var( --e-global-color-491256f );}@media(max-width:767px){.elementor-7283 .elementor-element.elementor-element-d819e26{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-7283 .elementor-element.elementor-element-4c6e6d5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-7283 .elementor-element.elementor-element-b0d2339{--content-width:850px;}}/* Start custom CSS for html, class: .elementor-element-82055a2 *//* These styles are applied by default.
   They will also override the hover
   style for all stars to the right
   of the currently hovered star. */
.rate a, .rate a:hover ~ a {
  color: #606D79!important;
  transition: color 200ms,
  text-shadow 200ms;
  /* This will remove the delay when
     moving the cursor left or right
     within the set of stars. */
  transition-delay: 0;
}
.rate a{
  text-decoration: none;
  margin: 5px 8px;
}

/* This is the style that will be
   applied to all stars and then
   subsequently removed from the stars
   to the right of the one being
   hovered. */
.rate:hover a {
  color: #fc0!important;
  text-shadow: #fc0 0 0 20px;
}

/* Make the effect apply one star at a
   time. Limiting the .elementor-7283 .elementor-element.elementor-element-82055a2 to when
   .rate is hovered removes the effect
   without delay when cursor leaves
   the .rate area. */
.rate:hover a:nth-child(2) {
  transition-delay: 5ms;
}

.rate:hover a:nth-child(3) {
  transition-delay: 20ms;
}

.rate:hover a:nth-child(4) {
  transition-delay: 30ms;
}

.rate:hover a:nth-child(5) {
  transition-delay: 50ms;
}

/* Miscellaneous styles. */
.rate i {
  cursor: pointer;
  font-style: normal;
}

.rate {
  align-items: center;
  display: flex;
  font-size: 120px;
  justify-content: center;
  margin: 0;
    flex-wrap: wrap;
    height: 120px;
}
@media only screen and (max-width: 768px) {
.rate{    
    font-size: 60px;
}
.rate a{
  margin: 5px 5px;
}
}
@media only screen and (max-width: 500px) {
.rate{    
    font-size: 52px;
}
.rate a{
  margin: 5px 2px;
}
}/* End custom CSS */