.elementor-10794 .elementor-element.elementor-element-60b8a3e0{--display:flex;--min-height:90vh;--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;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.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-10794 .elementor-element.elementor-element-2c772db8 .elementor-heading-title{font-family:"Archivo-Regular", Sans-serif;font-size:48px;font-weight:400;line-height:56px;color:#000000;}.elementor-10794 .elementor-element.elementor-element-2c772db8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10794 .elementor-element.elementor-element-2c772db8.elementor-element{--align-self:flex-start;}.elementor-10794 .elementor-element.elementor-element-31172b3f{--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:flex-start;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-10794 .elementor-element.elementor-element-31172b3f.e-con{--align-self:flex-start;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10794 .elementor-element.elementor-element-255060ee{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-10794 .elementor-element.elementor-element-255060ee .elementor-divider-separator{width:100%;}.elementor-10794 .elementor-element.elementor-element-255060ee .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10794 .elementor-element.elementor-element-13fc1e9e .elementor-icon-wrapper{text-align:center;}.elementor-10794 .elementor-element.elementor-element-13fc1e9e.elementor-view-stacked .elementor-icon{background-color:#262626;}.elementor-10794 .elementor-element.elementor-element-13fc1e9e.elementor-view-framed .elementor-icon, .elementor-10794 .elementor-element.elementor-element-13fc1e9e.elementor-view-default .elementor-icon{color:#262626;border-color:#262626;}.elementor-10794 .elementor-element.elementor-element-13fc1e9e.elementor-view-framed .elementor-icon, .elementor-10794 .elementor-element.elementor-element-13fc1e9e.elementor-view-default .elementor-icon svg{fill:#262626;}.elementor-10794 .elementor-element.elementor-element-13fc1e9e .elementor-icon{font-size:8px;}.elementor-10794 .elementor-element.elementor-element-13fc1e9e .elementor-icon svg{height:8px;}.elementor-10794 .elementor-element.elementor-element-13fc1e9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-10794 .elementor-element.elementor-element-2936b909{--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:space-between;--gap:0px 80px;--row-gap:0px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-10794 .elementor-element.elementor-element-1a172ce0 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#333333;color:#333333;background-color:#EAE6E3;}.elementor-10794 .elementor-element.elementor-element-5af2acc5 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#333333;color:#333333;background-color:#EAE6E3;}.elementor-10794 .elementor-element.elementor-element-2ce2dd3a{--display:flex;--min-height:0px;--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 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10794 .elementor-element.elementor-element-14762400{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10794 .elementor-element.elementor-element-2df9421f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--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 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10794 .elementor-element.elementor-element-60b8a3e0{--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-10794 .elementor-element.elementor-element-31172b3f{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10794 .elementor-element.elementor-element-2936b909{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 100px;--row-gap:0px;--column-gap:100px;}.elementor-10794 .elementor-element.elementor-element-2ce2dd3a{--min-height:0px;}.elementor-10794 .elementor-element.elementor-element-14762400{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-10794 .elementor-element.elementor-element-60b8a3e0{--padding-top:0px;--padding-bottom:0px;--padding-left:23px;--padding-right:23px;}.elementor-10794 .elementor-element.elementor-element-2c772db8 .elementor-heading-title{font-size:36px;line-height:44px;}.elementor-10794 .elementor-element.elementor-element-31172b3f{--width:61%;}.elementor-10794 .elementor-element.elementor-element-255060ee .elementor-divider-separator{width:100%;}.elementor-10794 .elementor-element.elementor-element-255060ee{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-10794 .elementor-element.elementor-element-2936b909{--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;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10794 .elementor-element.elementor-element-1a172ce0 .elementor-button{font-size:16px;padding:10px 25px 10px 15px;}.elementor-10794 .elementor-element.elementor-element-5af2acc5 .elementor-button{font-size:14px;padding:10px 25px 10px 15px;}.elementor-10794 .elementor-element.elementor-element-2ce2dd3a{--min-height:0px;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10794 .elementor-element.elementor-element-2df9421f{--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-10794 .elementor-element.elementor-element-2df9421f.e-con{--align-self:center;}.elementor-10794 .elementor-element.elementor-element-316896a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-10794 .elementor-element.elementor-element-31172b3f{--width:20%;}.elementor-10794 .elementor-element.elementor-element-2936b909{--width:560px;}.elementor-10794 .elementor-element.elementor-element-2df9421f{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10794 .elementor-element.elementor-element-31172b3f{--width:35%;}.elementor-10794 .elementor-element.elementor-element-2936b909{--width:100%;}.elementor-10794 .elementor-element.elementor-element-14762400{--width:100%;}.elementor-10794 .elementor-element.elementor-element-2df9421f{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2df9421f */.structure-wrapper {
  position: relative;
  background: #ffffff;
}


.circle-wrapper {
  position: relative;
  width: 560px;
  height: 560px;
}


.circle1,
.circle2,
.circle3 {
  position: absolute;
  width: 280px;
  z-index: 1;
  will-change: top, left, transform;
}

.circle1 img,
.circle2 img,
.circle3 img {
  width: 100%;
  opacity: 1;
}


.circle1 { top: -10px; left: 80px; }
.circle2 { top: -10px; left: 234px; }
.circle3 { top: 150px; left: 157px; }


.molecule-high {
  position: absolute;
  width: 220px;
  left: 170px;
  top: 100px;
  z-index: 5;
}

.molecule-low {
  position: absolute;
  width: 220px;
  left: 180px;
  top: 0px;   
  z-index: 5;
  opacity: 0;
}


/* ===============================
   BUTTON WRAPPER
=============================== */
.btn-high,
.btn-low {
  position: relative;
  display: inline-block;
}

/* ===============================
   BUTTON WRAPPER
=============================== */
.btn-high,
.btn-low {
  position: relative;
  display: inline-block;
}

/* ===============================
   MAIN BUTTON (SMALLER)
=============================== */
.btn-high .elementor-button,
.btn-low .elementor-button {
  position: relative;

  padding: 12px 34px;   /* ↓ reduced */
  font-size: 16px;      /* ↓ reduced */
  font-weight: 500;
  font-family: 'Aileron', sans-serif;

  border-radius: 12px;  /* ↓ scaled */
  overflow: visible;

  background: #62c06a; /* change per state */
  color: #fff;

  transition: all 0.3s ease;
}

/* ===============================
   CUT EFFECT (scaled)
=============================== */
.btn-high .elementor-button::before,
.btn-low .elementor-button::before {
  content: "";
  position: absolute;

  right:0px;
  bottom: 0;
  width: 20px;  
  height: 20px;  
  background: #ffffff; 
  border-top-left-radius: 4px;
 
  z-index: 2;
}

/* ===============================
   SMALL SQUARE (scaled)
=============================== */
.btn-high .elementor-button::after,
.btn-low .elementor-button::after {
  content: "";
  position: absolute;

  width: 12px;  /* ↓ scaled */
  height: 12px; /* ↓ scaled */

  background: #1c1c1c;
  border-radius: 4px;

  right: 4px;
  bottom: 4px;

  z-index: 3;
}

/* ACTIVE */ .active-btn .elementor-button { background: #1c1c1c !important; color: #fff !important; /* glow only under pill */ 
box-shadow: 8px 8px 20px 0px rgba(179, 177, 251, 0.5);
}
@media (max-width: 767px) {
    .circle-wrapper{
        width: 300px;
        /*height: 300px;*/
    }
    
    .circle1 img, .circle2 img, .circle3 img{
        width: 200px;
    }
}



.structure-text{
  position: absolute;
  font-size: 20px;
  font-weight: 500;
  color: #111;
  opacity: 1;
  transition: opacity 0.3s ease;
   font-family: 'Aileron' Sans-Serif;
}

.structure-subtext {
  position: absolute;
  top: 450px;
  left: 5%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #333;

  font-family: 'Aileron', sans-serif;

}

/* HIGH TEXT POSITIONS */
.high-text-left  { top: 120px; left: 0px; 
    z-index: 999;
}
.high-text-right { top: 120px; right: 20px; }
.high-text-bottom { top: 300px; left: 53%; transform: translateX(-50%); 
    z-index: 999;
}

/* LOW TEXT POSITIONS */
.low-text-top { top: 40px; left: 52%; transform: translateX(-50%); 
    z-index: 999;
}
.low-text-left { top: 300px; left: 60px;
z-index: 999;}
.low-text-right { top: 300px; right: 0px;
z-index: 999;
    
}

/* Initially hide LOW texts */
.low-text,
.low-subtext {
  opacity: 0;
  z-index: 999;
}
@media (max-width: 767px){

  .structure-wrapper{
    padding: 30px 0;
    /*overflow: hidden;*/
    position: relative;
  }

  .circle-wrapper{
    width: 280px;
    height: 280px;
    margin: 0 auto 20px auto;
    position: relative;
  }

  /* Circles */
  .circle1,
  .circle2,
  .circle3{
    width: 150px;
  }

  /* HIGH STRUCTURE MOBILE POSITIONS */
  .circle1{ top: 0; left: 35px; }
  .circle2{ top: 0; left: 110px; }
  .circle3{ top: 95px; left: 75px; }

  /* Molecules */
  .molecule-high,
  .molecule-low{
    width: 130px;
  }

  .molecule-high{ top: 55px; left: 75px; }
  .molecule-low{ top: 0px; left: 70px; }

  /* Text */
  .structure-text,
  .structure-subtext{
    text-align: center;
    margin: 6px 0;
    font-size: 14px;
  }



  /* Arrows */
  .mobile-arrows .prev,   .mobile-arrows .next{
    position: absolute;
    top: 140px;
    z-index: 999;
  }

  .mobile-arrows button{
border: none;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    cursor: pointer;
    z-index: 10;
    color: #000000;
    font-weight: 600;
    border-radius: 50%;
    padding: .5rem 1rem;
    height: 36px;
    width: 36px;
    font-weight: 600;
        display: flex;
    align-items: center;
    justify-content: center;
  }

}
@media (max-width: 767px){

  .circle-wrapper{
    width: 280px;
    height: 280px;
    margin: 0 auto;
    position: relative;
  }

  .structure-text{
    position: absolute;
    font-size: 13px;
    font-weight: 500;
    color: #111;
    text-align: center;
    width: 110px;
    line-height: 1.3;
  }

  .structure-subtext{
    position: absolute;
    top: 250px !important;
    left: 150px !important;
    transform: translateX(-50%);
    width: 220px;
    text-align: center;
    font-size: 13px;
  }

  /* ================= HIGH ================= */

  .high-text-left{
    top: 65px !important;
    left: -32px !important;
  }

  .high-text-right{
    top: 65px !important;
    left: 205px !important;
  }

  .high-text-bottom{
    top: 173px !important;
    left: 150px !important;
    transform: translateX(-50%);
  }

  /* ================= LOW ================= */

  .low-text-top{
    top: 20px !important;
    left: 152px !important;
    transform: translateX(-50%);
  }

  .low-text-left{
    top: 148px !important;
    left: 0 !important;
  }

  .low-text-right{
    top: 148px !important;
    right: -308px !important;
  }

}

.mobile-arrows .prev{
    left: -5% !important;
}

.mobile-arrows .next{
    right: -5% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60b8a3e0 */.elementor-10794 .elementor-element.elementor-element-60b8a3e0 {
  overflow: hidden;
  position: relative;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://istarmaterials.com/wp-content/uploads/2026/01/Archivo-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */