.elementor-5450 .elementor-element.elementor-element-be47fd4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-8365c72 .hero-style-three .xb-hero .xb-item--title{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #0088B1 100%);font-size:151px;}.elementor-5450 .elementor-element.elementor-element-8365c72 .hero-style-three .xb-hero .xb-item--content{color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-8365c72 .blc-btn .btn-shape svg stop[offset="0"]{stop-color:#0088B1;}.elementor-5450 .elementor-element.elementor-element-8365c72 .blc-btn .btn-shape svg stop[offset="1"]{stop-color:#03BAF1;}.elementor-5450 .elementor-element.elementor-element-20d0f1d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .service-box::before{background-color:transparent;background-image:linear-gradient(180deg, #00D1E6 0%, #7F4BC4 100%);}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .container{max-width:1320px;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .sec-title--two .sub-title{color:#FFFFFF;background-color:#010315;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .sec-title--two .title{color:#03BAF1;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .thm-btn{color:#FFFFFF;background-color:#0088B1;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .thm-btn:hover{color:#000000;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .thm-btn:before{background-color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .service-box .service-item{background-color:#010315;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .service-box{background-color:#00D1E6;padding:3px 03px 03px 03px;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .service-box .service-item .xb-item--title{color:#00D1E6;}.elementor-5450 .elementor-element.elementor-element-3c95cf32 .service-box .service-item .xb-item--contact{color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-f74d209{--display:flex;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-d2b9fe2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-5450 .elementor-element.elementor-element-09f34db .xb-work-item .xb-item--ineer{background-color:transparent;background-image:linear-gradient(180deg, #00707B 0%, #000000 100%);}.elementor-5450 .elementor-element.elementor-element-09f34db .sec-title--three .title{font-size:45px;}.elementor-5450 .elementor-element.elementor-element-09f34db .xb-work-item .xb-item--number{color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-4f56048b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-4f56048b:not(.elementor-motion-effects-element-type-background), .elementor-5450 .elementor-element.elementor-element-4f56048b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010315;}.elementor-5450 .elementor-element.elementor-element-24e6d4a3{--display:flex;--padding-top:130px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-36d00859 > .elementor-widget-container{margin:0px 0px 90px 0px;}.elementor-5450 .elementor-element.elementor-element-36d00859{z-index:1;}.elementor-5450 .elementor-element.elementor-element-36d00859 .sec-title--two{text-align:center;}.elementor-5450 .elementor-element.elementor-element-36d00859 .da-sec-titlte{text-align:center;}.elementor-5450 .elementor-element.elementor-element-36d00859 .sec-title--five{text-align:center;}.elementor-5450 .elementor-element.elementor-element-36d00859 .sec-title--two .title{color:#212877;}.elementor-5450 .elementor-element.elementor-element-36d00859 .da-sec-titlte .title{color:#212877;}.elementor-5450 .elementor-element.elementor-element-36d00859 .sec-title--five .title{color:#212877;}.elementor-5450 .elementor-element.elementor-element-67e003e3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-5450 .elementor-element.elementor-element-4037369f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5450 .elementor-element.elementor-element-4037369f .sa-process_left .process-item{background-color:#010315;border-color:#00D1E6;}.elementor-5450 .elementor-element.elementor-element-4037369f .sa-process_left .process-item .xb-item--title{color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-4037369f .sa-process_left .process-item .xb-item--content{color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-4037369f .sa-process_left .process-item .xb-item--number{color:#00D1E6;background-color:#010315;}.elementor-5450 .elementor-element.elementor-element-80ad0c0{--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;}.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 );}.elementor-5450 .elementor-element.elementor-element-00f56be{text-align:center;}.elementor-5450 .elementor-element.elementor-element-00f56be .elementor-heading-title{font-size:40px;font-weight:600;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5450 .elementor-element.elementor-element-11d320d{--display:flex;--margin-top:0px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-11d320d:not(.elementor-motion-effects-element-type-background), .elementor-5450 .elementor-element.elementor-element-11d320d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010315;}.elementor-5450 .elementor-element.elementor-element-11d320d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5450 .elementor-element.elementor-element-87ce7a2 > .elementor-widget-container{padding:030px 0px 50px 0px;}.elementor-5450 .elementor-element.elementor-element-87ce7a2{text-align:center;}.elementor-5450 .elementor-element.elementor-element-87ce7a2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;}.elementor-5450 .elementor-element.elementor-element-ef30ae1 > .elementor-widget-container{margin:110px 0px 0px 0px;}.elementor-5450 .elementor-element.elementor-element-3c49fd62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-abb45d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5450 .elementor-element.elementor-element-6754af1d .cs-contact-wrap::before{background-image:url("https://preview.secure-plex.com/wp-content/uploads/2025/01/cont-bg.png");}.elementor-5450 .elementor-element.elementor-element-6754af1d .elementor-repeater-item-84707c5 span{background-color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-6754af1d .elementor-repeater-item-65d8888 span{background-color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-6754af1d .cs-contact-wrap .xb-item--cont_info li{color:#FFFFFF;}.elementor-5450 .elementor-element.elementor-element-6754af1d .blc-btn .btn-shape svg stop[offset="0"]{stop-color:#0088B1;}.elementor-5450 .elementor-element.elementor-element-6754af1d .blc-btn .btn-shape svg stop[offset="1"]{stop-color:#03BAF1;}body.elementor-page-5450{color:#49515B;}body.elementor-page-5450 h1, h2, h3, h4, h5, h6{color:#FFFFFF;}@media(min-width:768px){.elementor-5450 .elementor-element.elementor-element-f74d209{--content-width:1320px;}.elementor-5450 .elementor-element.elementor-element-24e6d4a3{--content-width:1290px;}.elementor-5450 .elementor-element.elementor-element-67e003e3{--content-width:1290px;}}@media(max-width:1366px) and (min-width:768px){.elementor-5450 .elementor-element.elementor-element-11d320d{--width:100%;}}/* Start custom CSS for int-service, class: .elementor-element-3c95cf32 */.elementor-5450 .elementor-element.elementor-element-3c95cf32 .sec-title--two .title {
    color: #FFFFFF;
    font-family: TransducerTest;
}
.sec-title--two .content {
    color: #ffffff;
    font-size: 30px;
}
.sec-title--two .sub-title {
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
    box-shadow: 0 2px 4px 0 rgba(44, 64, 94, 0.08), 0 1px 1px 0 rgba(44, 64, 94, 0.04), 0 0 0 1px rgba(44, 64, 94, 0.06);
}/* End custom CSS */
/* Start custom CSS for int-process, class: .elementor-element-4037369f */.xb-item--contact{
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f56048b */.elementor-5450 .elementor-element.elementor-element-36d00859 .sec-title--two .title {
    color: #212877;
    font-family: TransducerTest;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-00f56be */.elementor-5450 .elementor-element.elementor-element-00f56be .elementor-heading-title {
    font-weight: 600;
    font-family: 'TransducerTest';
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-87ce7a2 */.elementor-5450 .elementor-element.elementor-element-87ce7a2 .elementor-heading-title{
    color: #FFFFFF;
    font-family: TransducerTest;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef30ae1 */.roadmapCont {
    /*max-width: 1200px;*/
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.roadmap-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 80px;
    letter-spacing: -0.5px;
}

.timeline-container {
    position: relative;
    height: 500px;
    margin: 0 auto;
}

/* Canvas Road Styles */
#roadmapCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

/* Removed SVG animations as they are now handled in JS */

/* Milestone Styles */
.milestoneItem {
    position: absolute;
    width: 180px;
    height: 180px;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 10;
}

.milestoneItem:hover {
    transform: scale(1.05);
    z-index: 20;
}

/* Circle Structure */
.circle-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.circle-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(0, 209, 230, 0.6), #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

/* Rotating dashed border ring */
.circle-outer::after {
    content: '';
    position: absolute;
    top: -5px; left: -5px; right: -5px; bottom: -5px;
    border-radius: 50%;
    /* border: 3px dashed rgba(255, 255, 255, 0.4); */
    animation: rotateCircle 23s linear infinite;
    pointer-events: none;
}

.circle-middle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgb(0, 209, 230), #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 
        inset 0 8px 20px rgba(0, 0, 0, 0.6),
        0 5px 15px rgba(0, 0, 0, 0.4);
    border: 2px solid rgba(0, 209, 230, 0.8);
}

.circle-inner {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    position: relative;
    overflow: hidden;
}

/* Shine overlay effect */
/* .circle-inner::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    pointer-events: none;
} */

/* Color Variations */
.milestone-purple .circle-inner {
    background: linear-gradient(145deg, #00d1e6, #000);
}

.milestone-yellow .circle-inner {
    background: linear-gradient(145deg, #00d1e6, #000);
}

.milestone-orange .circle-inner {
    background: linear-gradient(145deg, #00d1e6, #000);
}

.milestone-pink .circle-inner {
    background: linear-gradient(145deg, #00d1e6, #000);
}

.milestone-red .circle-inner {
    background: linear-gradient(145deg, #00d1e6, #000);
}

/* Icon Styles */
.icon {
    width: 50%;
    height: 50%;
    color: white;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

/* Info Box */
.info-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*text-align: center;*/
    width: 220px;
    z-index: 5;
}

.milestoneItem.top .info-box {
    bottom: 115%;
    padding-bottom: 20px;
}

.milestoneItem.bottom .info-box {
    top: 118%;
    padding-top: 20px;
}

.info-title {
    font-size: 20px;
    font-weight: 600;
    color:#00D1E6;
    margin-bottom: 6px;
    line-height: 1.3
}

.milestone-purple .info-title { 
    color: #00D1E6; 
    margin-bottom: 15px;
}
.milestone-yellow .info-title { color: #00D1E6;
  margin-bottom: 15px;
    width: 350px;
    margin-top: 15px;
}
.milestone-orange .info-title { 
    color: #00D1E6;
      margin-bottom: 15px;
}
.milestone-pink .info-title { 
    color: #00D1E6; 
      margin-bottom: 15px;
        margin-top: 15px;
      width: 400px;
}
.milestone-red .info-title { color: #fb7185; }

.milestone-purple .info-description { 
    color: #fff; 
    margin-bottom: 30px;
    /*width: 450px;*/
}
.milestone-yellow .info-description { 
    color: #fff; 
    /*width: 450px;*/
}
.milestone-orange .info-description { 
    color: #fff; 
      margin-bottom: 30px;
       /*width: 450px;*/
}
.milestone-pink .info-description { 
    color: #fff; 
      margin-bottom: 15px;
       /*width: 330px;*/
}

.info-description {
    font-size: 12px;
    line-height: 1.5;
    color: #9ca3af;
    font-weight: 400;
    /*height:70px;*/
    /*display: none;*/
}

.circle-inner img {
    width: 85%;
    height: auto;
}

/* Year Labels */
.year-label {
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    z-index: 5;
    transform: translateX(-50%);
}

/* Responsive */
@media (max-width: 1200px) {
    .roadmap-title { font-size: 36px; }
    .timeline-container { height: 550px; }
    .milestoneItem { width: 140px; height: 140px; }
    .circle-middle { width: 100px; height: 100px; }
    .circle-inner { width: 70px; height: 70px; font-size: 36px; }
    .info-box { max-width: 200px; }
    .info-title { font-size: 14px; }
    .info-description { font-size: 11px; }
    .year-label { font-size: 14px; }
}

@media (max-width: 768px) {
    .roadmap-title { font-size: 28px; margin-bottom: 50px; }
    .timeline-container { height: 1200px; }
    .milestoneItem { 
        width: 120px; 
        height: 120px;
    }
    .circle-middle { width: 85px; height: 85px; }
    .circle-inner { width: 60px; height: 60px; font-size: 28px; }
    .year-label { display: none; }
    .info-box { width: 250px; }
}/* End custom CSS */