.elementor-45 .elementor-element.elementor-element-5d498b5{--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;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-996a1ce{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-45 .elementor-element.elementor-element-377a3f1{padding:00px 0px 200px 0px;}.elementor-45 .elementor-element.elementor-element-9dfc695{--display:flex;--position:absolute;top:-435px;--z-index:5;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-9dfc695{left:300px;}body.rtl .elementor-45 .elementor-element.elementor-element-9dfc695{right:300px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-ec98890 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#000000;}.elementor-45 .elementor-element.elementor-element-a5779dc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-cf594b1{text-align:start;}.elementor-45 .elementor-element.elementor-element-cc89863{padding:100px 0px 0px 0px;text-align:start;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-8c0709b{left:197px;}body.rtl .elementor-45 .elementor-element.elementor-element-8c0709b{right:197px;}.elementor-45 .elementor-element.elementor-element-8c0709b{top:187px;}.elementor-45 .elementor-element.elementor-element-d1e3064{--display:flex;--position:absolute;top:-672px;--z-index:5;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-d1e3064{left:-103px;}body.rtl .elementor-45 .elementor-element.elementor-element-d1e3064{right:-103px;}.elementor-45 .elementor-element.elementor-element-7a6b8ce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#000000;}.elementor-45 .elementor-element.elementor-element-28c3019{--display:flex;--position:absolute;top:-435px;--z-index:5;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-28c3019{left:352px;}body.rtl .elementor-45 .elementor-element.elementor-element-28c3019{right:352px;}.elementor-45 .elementor-element.elementor-element-2cfe78d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#000000;}.elementor-45 .elementor-element.elementor-element-e02c3c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-6e196f8{text-align:start;}.elementor-45 .elementor-element.elementor-element-e34bf36{padding:50px 0px 100px 0px;text-align:end;}.elementor-45 .elementor-element.elementor-element-0907671{--display:flex;--position:absolute;top:-744px;--z-index:5;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-0907671{left:-72px;}body.rtl .elementor-45 .elementor-element.elementor-element-0907671{right:-72px;}.elementor-45 .elementor-element.elementor-element-458b26e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-5d498b5{--content-width:1400px;}.elementor-45 .elementor-element.elementor-element-996a1ce{--width:80%;}.elementor-45 .elementor-element.elementor-element-a5779dc{--width:100%;}.elementor-45 .elementor-element.elementor-element-e02c3c2{--width:85%;}}

/* Start custom CSS for container, class: .elementor-element-9dfc695 */.glass-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Clean transparent glass */
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);

  /* Clear but soft border */
  border: 1px solid rgba(255, 255, 255, 0.2);

  /* Soft visible shadow */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.10);

  position: relative;
  overflow: hidden;

  transition: transform 0.3s ease;
  cursor: pointer;
}

/* Inner subtle ring */
.glass-circle::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* Very light shine */
.glass-circle::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 18px;
  width: 100px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  filter: blur(5px);
}

/* Hover effect */
.glass-circle:hover {
  transform: translateY(-30px);
}

/* Text */
.glass-circle h3 {
  position: relative;
  z-index: 5;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}/* End custom CSS */






/* Start custom CSS for container, class: .elementor-element-d1e3064 */.glass-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Transparent glass */
  background: rgba(255, 255, 255, 0.08);

  /* Frosted blur */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  /* Glass border */
  border: 1px solid rgba(255, 255, 255, 0.45);

  /* Shadow depth */
  box-shadow: 
    0 12px 35px rgba(0, 0, 0, 0.18),
    inset 0 2px 12px rgba(255, 255, 255, 0.55),
    inset 0 -10px 20px rgba(0, 0, 0, 0.12);

  position: relative;
  overflow: hidden;

  /* Hover movement smooth */
  transition: transform 0.35s ease;
  cursor: pointer;
}

/* Inner glossy ring */
.glass-circle::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.35);
}

/* Shining reflection highlight */
.glass-circle::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 25px;
  width: 120px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  transform: rotate(-25deg);
  filter: blur(10px);
}

/* Hover effect (only move up) */
.glass-circle:hover {
  transform: translateY(-40px);
}

/* Text */
.glass-circle h3 {
  position: relative;
  z-index: 10;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 1.2;
}/* End custom CSS */


/* Start custom CSS for container, class: .elementor-element-28c3019 */.glass-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Transparent glass */
  background: rgba(255, 255, 255, 0.08);

  /* Frosted blur */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  /* Glass border */
  border: 1px solid rgba(255, 255, 255, 0.45);

  /* Shadow depth */
  box-shadow: 
    0 12px 35px rgba(0, 0, 0, 0.18),
    inset 0 2px 12px rgba(255, 255, 255, 0.55),
    inset 0 -10px 20px rgba(0, 0, 0, 0.12);

  position: relative;
  overflow: hidden;

  /* Hover movement smooth */
  transition: transform 0.35s ease;
  cursor: pointer;
}

/* Inner glossy ring */
.glass-circle::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.35);
}

/* Shining reflection highlight */
.glass-circle::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 25px;
  width: 120px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  transform: rotate(-25deg);
  filter: blur(10px);
}

/* Hover effect (only move up) */
.glass-circle:hover {
  transform: translateY(-40px);
}

/* Text */
.glass-circle h3 {
  position: relative;
  z-index: 10;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 1.2;
}/* End custom CSS */





/* Start custom CSS for container, class: .elementor-element-0907671 */.glass-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Transparent glass */
  background: rgba(255, 255, 255, 0.08);

  /* Frosted blur */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  /* Glass border */
  border: 1px solid rgba(255, 255, 255, 0.45);

  /* Shadow depth */
  box-shadow: 
    0 12px 35px rgba(0, 0, 0, 0.18),
    inset 0 2px 12px rgba(255, 255, 255, 0.55),
    inset 0 -10px 20px rgba(0, 0, 0, 0.12);

  position: relative;
  overflow: hidden;

  /* Hover movement smooth */
  transition: transform 0.35s ease;
  cursor: pointer;
}

/* Inner glossy ring */
.glass-circle::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.35);
}

/* Shining reflection highlight */
.glass-circle::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 25px;
  width: 120px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  transform: rotate(-25deg);
  filter: blur(10px);
}

/* Hover effect (only move up) */
.glass-circle:hover {
  transform: translateY(-40px);
}

/* Text */
.glass-circle h3 {
  position: relative;
  z-index: 10;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 1.2;
}/* End custom CSS */



