.elementor-7392 .elementor-element.elementor-element-ecde90d{--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;--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-7392 .elementor-element.elementor-element-3761f6e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:22rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:4rem;}.elementor-7392 .elementor-element.elementor-element-33d57c0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:88px;font-weight:900;line-height:100px;color:#000000;}.elementor-7392 .elementor-element.elementor-element-0cc5cfd{--spacer-size:100px;}.elementor-7392 .elementor-element.elementor-element-0e4b938{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;line-height:36px;}.elementor-7392 .elementor-element.elementor-element-99a18ed{--spacer-size:100px;}.elementor-7392 .elementor-element.elementor-element-448e7f1{--display:flex;--min-height:1440px;--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7392 .elementor-element.elementor-element-448e7f1:not(.elementor-motion-effects-element-type-background), .elementor-7392 .elementor-element.elementor-element-448e7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7392 .elementor-element.elementor-element-448e7f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7392 .elementor-element.elementor-element-1eb3aa25{--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;--justify-content:flex-start;--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:4rem;--padding-right:4rem;}.elementor-7392 .elementor-element.elementor-element-64380525{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7392 .elementor-element.elementor-element-64380525.e-con{--align-self:flex-start;}.elementor-7392 .elementor-element.elementor-element-4cd24e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-7392 .elementor-element.elementor-element-4cd24e3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:88px;font-weight:900;color:#FFFFFF;}.elementor-7392 .elementor-element.elementor-element-f39dabb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-7392 .elementor-element.elementor-element-f39dabb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:88px;font-weight:900;color:#FFFFFF;}.elementor-7392 .elementor-element.elementor-element-e4cd255{--spacer-size:50px;}.elementor-7392 .elementor-element.elementor-element-9910be0{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-7392 .elementor-element.elementor-element-23f2c39{--spacer-size:50px;}.elementor-7392 .elementor-element.elementor-element-19ed9b2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-7392 .elementor-element.elementor-element-63c336fa{--display:flex;--min-height:800px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-7392 .elementor-element.elementor-element-5e384a39{--spacer-size:50px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F6A200;border-radius:50% 50% 50% 50%;}.elementor-7392 .elementor-element.elementor-element-f74cc4a{--spacer-size:50px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F6A200;border-radius:50% 50% 50% 50%;}.elementor-7392 .elementor-element.elementor-element-c84d4b0{--spacer-size:50px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F6A200;border-radius:50% 50% 50% 50%;}.elementor-7392 .elementor-element.elementor-element-0cb0ae8{--display:flex;--min-height:740px;--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-7392 .elementor-element.elementor-element-5b25f28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7392 .elementor-element.elementor-element-b3ff48e{--display:grid;--position:absolute;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--gap:2.5rem 0rem;--row-gap:2.5rem;--column-gap:0rem;--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:100px;--z-index:5;}body:not(.rtl) .elementor-7392 .elementor-element.elementor-element-b3ff48e{left:0px;}body.rtl .elementor-7392 .elementor-element.elementor-element-b3ff48e{right:0px;}.elementor-7392 .elementor-element.elementor-element-7e58baa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7392 .elementor-element.elementor-element-7e58baa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:200;line-height:30px;color:#FFFFFF;}.elementor-7392 .elementor-element.elementor-element-8d68dd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7392 .elementor-element.elementor-element-8d68dd0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:200;line-height:30px;color:#FFFFFF;}.elementor-7392 .elementor-element.elementor-element-3f4393a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7392 .elementor-element.elementor-element-3f4393a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:200;line-height:30px;color:#FFFFFF;}.elementor-7392 .elementor-element.elementor-element-7223590{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7392 .elementor-element.elementor-element-7223590 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:200;line-height:30px;color:#FFFFFF;}body.elementor-page-7392{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-7392 .elementor-element.elementor-element-ecde90d{--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-7392 .elementor-element.elementor-element-3761f6e{--margin-top:12rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7392 .elementor-element.elementor-element-0cc5cfd{--spacer-size:60px;}.elementor-7392 .elementor-element.elementor-element-448e7f1{--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7392 .elementor-element.elementor-element-0cb0ae8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7392 .elementor-element.elementor-element-b3ff48e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}body.elementor-page-7392{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-7392 .elementor-element.elementor-element-ecde90d{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7392 .elementor-element.elementor-element-3761f6e{--margin-top:9rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-7392 .elementor-element.elementor-element-33d57c0 .elementor-heading-title{font-size:42px;line-height:52px;}.elementor-7392 .elementor-element.elementor-element-0cc5cfd{--spacer-size:40px;}.elementor-7392 .elementor-element.elementor-element-0e4b938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:18px;line-height:30px;}.elementor-7392 .elementor-element.elementor-element-99a18ed{--spacer-size:0px;}.elementor-7392 .elementor-element.elementor-element-448e7f1{--min-height:1025px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7392 .elementor-element.elementor-element-1eb3aa25{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-7392 .elementor-element.elementor-element-1eb3aa25.e-con{--align-self:center;}.elementor-7392 .elementor-element.elementor-element-64380525{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;--z-index:10;}.elementor-7392 .elementor-element.elementor-element-4cd24e3 .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-7392 .elementor-element.elementor-element-f39dabb .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-7392 .elementor-element.elementor-element-e4cd255{--spacer-size:24px;}.elementor-7392 .elementor-element.elementor-element-23f2c39{--spacer-size:0px;}.elementor-7392 .elementor-element.elementor-element-19ed9b2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7392 .elementor-element.elementor-element-63c336fa{--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;--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-7392 .elementor-element.elementor-element-5e384a39{z-index:5;border-width:1px 1px 1px 1px;}.elementor-7392 .elementor-element.elementor-element-f74cc4a{z-index:5;border-width:1px 1px 1px 1px;}.elementor-7392 .elementor-element.elementor-element-c84d4b0{z-index:5;border-width:1px 1px 1px 1px;}.elementor-7392 .elementor-element.elementor-element-0cb0ae8{--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;--justify-content:flex-start;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7392 .elementor-element.elementor-element-0cb0ae8.e-con{--align-self:center;}.elementor-7392 .elementor-element.elementor-element-b3ff48e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;top:96px;}.elementor-7392 .elementor-element.elementor-element-7e58baa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-7392 .elementor-element.elementor-element-7e58baa .elementor-heading-title{font-size:26px;line-height:28px;}.elementor-7392 .elementor-element.elementor-element-8d68dd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-7392 .elementor-element.elementor-element-8d68dd0 .elementor-heading-title{font-size:26px;line-height:28px;}.elementor-7392 .elementor-element.elementor-element-3f4393a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-7392 .elementor-element.elementor-element-3f4393a .elementor-heading-title{font-size:26px;line-height:28px;}.elementor-7392 .elementor-element.elementor-element-7223590{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7392 .elementor-element.elementor-element-7223590 .elementor-heading-title{font-size:26px;line-height:28px;}}@media(min-width:768px){.elementor-7392 .elementor-element.elementor-element-ecde90d{--content-width:1140px;}.elementor-7392 .elementor-element.elementor-element-448e7f1{--width:100%;}.elementor-7392 .elementor-element.elementor-element-1eb3aa25{--content-width:1140px;}.elementor-7392 .elementor-element.elementor-element-64380525{--width:100%;}.elementor-7392 .elementor-element.elementor-element-19ed9b2{--width:100%;}.elementor-7392 .elementor-element.elementor-element-63c336fa{--width:800px;}.elementor-7392 .elementor-element.elementor-element-0cb0ae8{--width:740px;}.elementor-7392 .elementor-element.elementor-element-b3ff48e{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7392 .elementor-element.elementor-element-1eb3aa25{--content-width:100%;}.elementor-7392 .elementor-element.elementor-element-19ed9b2{--width:100%;}.elementor-7392 .elementor-element.elementor-element-63c336fa{--width:800px;}.elementor-7392 .elementor-element.elementor-element-0cb0ae8{--width:740px;}}/* Start custom CSS for container, class: .elementor-element-63c336fa */.circle {
    aspect-ratio: 1/1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cb0ae8 *//*.mobile-center {*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    height: 300px;*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eb3aa25 *//*.overflow {*/
/*    overflow-y: hidden;*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-448e7f1 */.code-container {
          width: 740px;
          min-width: 740px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          overflow: hidden;
      }

      .orange-circle-container {
          width: 740px;
          min-width: 740px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
      }


      .color-container {
          position: absolute;
          top: 0;
          width: 740px;
          min-width: 740px;


          aspect-ratio: 1;
          border-radius: 50%;
          background-image:
              radial-gradient(#000000 0% 15%, transparent 15% 100%),
              conic-gradient(from -135deg,
                  black 0deg,
                  black 270deg,
                  white 270deg,
                  white 360deg);
      }


      .circle-container {
          width: 740px;
          min-width: 740px;

          top: 4rem;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 0;
          transition: transform 0.5s ease-in-out;
          transform: rotate(45deg);
      }


      .orange-circle-container div:nth-of-type(1) {
          position: absolute;
          left: 52%;
          top: 30px;
          transform: translateX(-50%);
      }

      .orange-circle-container div:nth-of-type(2) {
          position: absolute;
          left: 55%;
          top: 5px;
          transform: translateX(-50%);
      }

      .orange-circle-container div:nth-of-type(3) {
          position: absolute;
          left: 48%;
          top: 2px;
          transform: translateX(-50%);
      }

      .orange-circle-container div:nth-of-type(4) {
          position: absolute;
          left: 47%;
          top: 0;
          transform: translateX(-50%);
      }



      .segment {
          aspect-ratio: 1 / 1;
          color: #000;
          display: flex;
          align-items: center;
          justify-content: center;
          box-sizing: border-box;
      }

      .segment p {
          font-family: "Poppins", Sans-serif;
          font-weight: normal;
          font-size: 20px;
          color: #000;
          text-align: center;
          padding: 0 1rem;
          margin-bottom: 2rem;
          transform-origin: bottom center;
      }

      .segment p span {
          font-weight: bold;
      }


      .q1 {
          transform: rotate(135deg);
      }

      .q2 {
          transform: rotate(-135deg);
      }

      .q4 {
          transform: rotate(45deg);
      }

      .q3 {
          transform: rotate(-45deg);

      }

      .compass-btn .elementor-heading-title {
          transition: all 0.3s ease;
          font-weight: 200;
          color: white;
      }

      .compass-btn .elementor-heading-title:hover {
          cursor: pointer;
          transform: scale(1.5);
          font-weight: 800 !important;
          color: #F6A200 !important;
      }

      .active .elementor-heading-title {
          transform: scale(1.5);
          font-weight: 800 !important;
          color: #F6A200 !important;
      }

      @media only screen and (max-width: 768px) {
          .code-container {
              width: 600px;
              min-width: 600px;
          }


          .orange-circle-container {
              width: 600px;
              min-width: 600px;

          }

          .orange-circle-container div:nth-of-type(1) {
              position: absolute;
              left: 52%;
              top: 30px;
              transform: translateX(-50%);
          }

          .orange-circle-container div:nth-of-type(2) {
              position: absolute;
              left: 55%;
              top: 5px;
              transform: translateX(-50%);
          }

          .orange-circle-container div:nth-of-type(3) {
              position: absolute;
              left: 48%;
              top: 2px;
              transform: translateX(-50%);
          }

          .orange-circle-container div:nth-of-type(4) {
              position: absolute;
              left: 47%;
              top: 0;
              transform: translateX(-50%);
          }


          .color-container {
              width: 600px;
              min-width: 600px;
          }


          .circle-container {
              width: 600px;
              min-width: 600px;
          }

          .segment p {
              font-size: 18px;
          }

          .compass-btn .elementor-heading-title:hover {
              transform: scale(1) !important;
          }

          .active .elementor-heading-title {
              transform: scale(1) !important;
          }
      }/* End custom CSS */