.elementor-440 .elementor-element.elementor-element-74f5477{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-440 .elementor-element.elementor-element-d27cc61{text-align:center;}.elementor-440 .elementor-element.elementor-element-c081c4b{--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;--justify-content:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.elementor-440 .elementor-element.elementor-element-c081c4b:not(.elementor-motion-effects-element-type-background), .elementor-440 .elementor-element.elementor-element-c081c4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-440 .elementor-element.elementor-element-b1dee56 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-primary );}.elementor-440 .elementor-element.elementor-element-5b25465 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-primary );}.elementor-440 .elementor-element.elementor-element-7a18812 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-primary );}.elementor-440 .elementor-element.elementor-element-eeea716{--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;--padding-top:3rem;--padding-bottom:3rem;--padding-left:5rem;--padding-right:5rem;}.elementor-440 .elementor-element.elementor-element-d40f0af{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-440 .elementor-element.elementor-element-75f5309{text-align:center;}.elementor-440 .elementor-element.elementor-element-75f5309 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-440 .elementor-element.elementor-element-06e3bd4{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;}:root{--page-title-display:none;}@media(min-width:431px){.elementor-440 .elementor-element.elementor-element-eeea716{--content-width:1280px;}}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1280px){.elementor-440 .elementor-element.elementor-element-eeea716{--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}}@media(max-width:1024px){.elementor-440 .elementor-element.elementor-element-74f5477{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:880px){.elementor-440 .elementor-element.elementor-element-eeea716{--padding-top:3rem;--padding-bottom:3rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:430px){.elementor-440 .elementor-element.elementor-element-74f5477{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-440 .elementor-element.elementor-element-eeea716{--padding-top:02rem;--padding-bottom:2rem;--padding-left:01rem;--padding-right:1rem;}.elementor-440 .elementor-element.elementor-element-d40f0af{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-440 .elementor-element.elementor-element-75f5309 .elementor-heading-title{font-size:28px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-440 .elementor-element.elementor-element-06e3bd4{font-size:14px;}}/* Start custom CSS *//* ======================
   DESKTOP (Default)
====================== */
.circle-wrapper {
  position: relative !important;
  width: 500px;   /* ✅ important for center */
  height: 500px !important;
  margin: 0 auto; /* ✅ center align */
}

/* Common item style */
.circle-wrapper .circle-item {
  position: absolute !important;
  width: 100px !important;
  height: 100px;
  background: #f3f3f3;
  border-radius: 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s;

  top: 50%;
  left: 50%;
}

/* ✅ IMPORTANT: transform with center fix */


/*.circle-wrapper .circle-item:nth-of-type(1) {*/
/*  transform: translate(-50%, -50%) rotate(0deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(2) {*/
/*  transform: translate(-50%, -50%) rotate(45deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(3) {*/
/*  transform: translate(-50%, -50%) rotate(90deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(4) {*/
/*  transform: translate(-50%, -50%) rotate(135deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(5) {*/
/*  transform: translate(-50%, -50%) rotate(180deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(6) {*/
/*  transform: translate(-50%, -50%) rotate(225deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(7) {*/
/*  transform: translate(-50%, -50%) rotate(270deg) translate(200px);*/
/*}*/
/*.circle-wrapper .circle-item:nth-of-type(8) {*/
/*  transform: translate(-50%, -50%) rotate(315deg) translate(200px);*/
/*}*/





.circle-wrapper .circle-item:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(0deg) translate(200px) rotate(0deg);
}
.circle-wrapper .circle-item:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(45deg) translate(200px) rotate(-45deg);
}
.circle-wrapper .circle-item:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(90deg) translate(200px) rotate(-90deg);
}
.circle-wrapper .circle-item:nth-of-type(4) {
  transform: translate(-50%, -50%) rotate(135deg) translate(200px) rotate(-135deg);
}
.circle-wrapper .circle-item:nth-of-type(5) {
  transform: translate(-50%, -50%) rotate(180deg) translate(200px) rotate(-180deg);
}
.circle-wrapper .circle-item:nth-of-type(6) {
  transform: translate(-50%, -50%) rotate(225deg) translate(200px) rotate(-225deg);
}
.circle-wrapper .circle-item:nth-of-type(7) {
  transform: translate(-50%, -50%) rotate(270deg) translate(200px) rotate(-270deg);
}
.circle-wrapper .circle-item:nth-of-type(8) {
  transform: translate(-50%, -50%) rotate(315deg) translate(200px) rotate(-315deg);
}




/* Hover */
/*.circle-wrapper .circle-item:hover {*/
/*  transform: translate(-50%, -50%) scale(1.05);*/
/*}*/

/* Active */
.circle-wrapper .circle-item.e--selected {
  background: #305B7B !important;
  color: #fff !important;
}

/* Center content */
.circle-wrapper > .elementor-element-demo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  z-index: 2;
}

/* ======================
   TABLET (<=1024px)
====================== */
@media (max-width: 1024px) {

  .circle-wrapper {
    width: 400px;
    height: 600px;
  }

  .circle-wrapper .circle-item {
    width: 100px !important;
    height: 100px;
    font-size: 12px;
  }

  /*.circle-wrapper .circle-item:nth-of-type(1) {*/
  /*  transform: translate(-50%, -50%) rotate(0deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(2) {*/
  /*  transform: translate(-50%, -50%) rotate(45deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(3) {*/
  /*  transform: translate(-50%, -50%) rotate(90deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(4) {*/
  /*  transform: translate(-50%, -50%) rotate(135deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(5) {*/
  /*  transform: translate(-50%, -50%) rotate(180deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(6) {*/
  /*  transform: translate(-50%, -50%) rotate(225deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(7) {*/
  /*  transform: translate(-50%, -50%) rotate(270deg) translate(150px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(8) {*/
  /*  transform: translate(-50%, -50%) rotate(315deg) translate(150px);*/
  /*}*/
  
 
.circle-wrapper .circle-item:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(0deg) translate(200px) rotate(0deg);
}
.circle-wrapper .circle-item:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(45deg) translate(200px) rotate(-45deg);
}
.circle-wrapper .circle-item:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(90deg) translate(200px) rotate(-90deg);
}
.circle-wrapper .circle-item:nth-of-type(4) {
  transform: translate(-50%, -50%) rotate(135deg) translate(200px) rotate(-135deg);
}
.circle-wrapper .circle-item:nth-of-type(5) {
  transform: translate(-50%, -50%) rotate(180deg) translate(200px) rotate(-180deg);
}
.circle-wrapper .circle-item:nth-of-type(6) {
  transform: translate(-50%, -50%) rotate(225deg) translate(200px) rotate(-225deg);
}
.circle-wrapper .circle-item:nth-of-type(7) {
  transform: translate(-50%, -50%) rotate(270deg) translate(200px) rotate(-270deg);
}
.circle-wrapper .circle-item:nth-of-type(8) {
  transform: translate(-50%, -50%) rotate(315deg) translate(200px) rotate(-315deg);
}
  

  .circle-wrapper > .elementor-element-demo {
    width: 100px;
  }
}

/* ======================
   MOBILE (<=767px)
====================== */
@media (max-width: 767px) {

  .circle-wrapper {
    width: 300px;
    height: 300px;
  }

  .circle-wrapper .circle-item {
    width: 80px !important;
    height: 80px;
    font-size: 10px;
  }

  /*.circle-wrapper .circle-item:nth-of-type(1) {*/
  /*  transform: translate(-50%, -50%) rotate(0deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(2) {*/
  /*  transform: translate(-50%, -50%) rotate(45deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(3) {*/
  /*  transform: translate(-50%, -50%) rotate(90deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(4) {*/
  /*  transform: translate(-50%, -50%) rotate(135deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(5) {*/
  /*  transform: translate(-50%, -50%) rotate(180deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(6) {*/
  /*  transform: translate(-50%, -50%) rotate(225deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(7) {*/
  /*  transform: translate(-50%, -50%) rotate(270deg) translate(110px);*/
  /*}*/
  /*.circle-wrapper .circle-item:nth-of-type(8) {*/
  /*  transform: translate(-50%, -50%) rotate(315deg) translate(110px);*/
  /*}*/
  
  
  
  
  
  
  .circle-wrapper .circle-item:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(0deg) translate(150px) rotate(0deg);
}
.circle-wrapper .circle-item:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(45deg) translate(150px) rotate(-45deg);
}
.circle-wrapper .circle-item:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(90deg) translate(150px) rotate(-90deg);
}
.circle-wrapper .circle-item:nth-of-type(4) {
  transform: translate(-50%, -50%) rotate(135deg) translate(150px) rotate(-135deg);
}
.circle-wrapper .circle-item:nth-of-type(5) {
  transform: translate(-50%, -50%) rotate(180deg) translate(150px) rotate(-180deg);
}
.circle-wrapper .circle-item:nth-of-type(6) {
  transform: translate(-50%, -50%) rotate(225deg) translate(150px) rotate(-225deg);
}
.circle-wrapper .circle-item:nth-of-type(7) {
  transform: translate(-50%, -50%) rotate(270deg) translate(150px) rotate(-270deg);
}
.circle-wrapper .circle-item:nth-of-type(8) {
  transform: translate(-50%, -50%) rotate(315deg) translate(150px) rotate(-315deg);
}

  /* Hide center image */
  /*.circle-wrapper > .elementor-element-demo {*/
  /*  display: none !important;*/
  /*}*/
}

/*====================== */
@media (max-width: 425px) {

  .circle-wrapper {
    width: 300px;
    height: 320px !important;
  }

 .circle-wrapper .circle-item {
    width: 70px !important;
    height: 70px;
    font-size: 10px;
  }

  
  .circle-wrapper .circle-item:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(0deg) translate(130px) rotate(0deg);
}
.circle-wrapper .circle-item:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(45deg) translate(130px) rotate(-45deg);
}
.circle-wrapper .circle-item:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(90deg) translate(130px) rotate(-90deg);
}
.circle-wrapper .circle-item:nth-of-type(4) {
  transform: translate(-50%, -50%) rotate(135deg) translate(130px) rotate(-135deg);
}
.circle-wrapper .circle-item:nth-of-type(5) {
  transform: translate(-50%, -50%) rotate(180deg) translate(130px) rotate(-180deg);
}
.circle-wrapper .circle-item:nth-of-type(6) {
  transform: translate(-50%, -50%) rotate(225deg) translate(130px) rotate(-225deg);
}
.circle-wrapper .circle-item:nth-of-type(7) {
  transform: translate(-50%, -50%) rotate(270deg) translate(130px) rotate(-270deg);
}
.circle-wrapper .circle-item:nth-of-type(8) {
  transform: translate(-50%, -50%) rotate(315deg) translate(130px) rotate(-315deg);
}

}/* End custom CSS */