:root{
    --line-dim: rgba(255,255,255,0.22);
    --accent: #35e07a;
    --text-dim: rgba(242,244,248,0.55);
    --dot-idle: #4b4f5c;
}
body{
    background-color: #0E1420;
}
.hemburg-menu{
    width: 34px;
    height: 34px;
    background: rgba(240, 240, 238, 0.35);
    cursor:pointer;
    position: relative;
}
.hemburg-menu .bar{
    width: 18px;
    height: 2px;
    background: #00E676;
    border-radius: 50px;
    position: absolute;
    left: 8px;
    transition:0.5s all ;
}
.hemburg-menu .top{
    top: 12px;
    
}
.hemburg-menu .bottom{
    top: 19px;
}
.closing .hemburg-menu{
    pointer-events:none
}
.hemburg-menu.close .top{
    transform: rotate(45deg);
    top: 16px;
}
.hemburg-menu.close .bottom{
    transform: rotate(-45deg);
    top: 16px;
}
.hemburg-menu::before{
    content:'';
    position:absolute;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    background-image:url('../images/border-box.png');
    background-size:100% 100%;
    background-position:center;
    top: -1px;
    left: -1px;
}
.section-head{
    position:relative;
}
.section-head strong{
    font-weight: inherit;
    color:#00E676;
}
.fluentform .ff-btn-submit::before,
.btn-primary{
    position:relative;
    z-index:1;
    transition:0.5s all;
}

.fluentform .ff-btn-submit,
.elementor-widget-taxonomy-filter .e-filter-item{
    border-radius: 1000px;
    background-image: transparent;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: scroll;
    background-size: auto auto, 240px auto, auto auto;
    background-position: top right, top left, 0% 0%;
    padding: 12px 23px;
    position:relative;
    z-index:1;
    transition:0.5s all;
}
.fluentform .ff-btn-submit,
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed = true]{
    background-image: url("../images/btn-primary-overlay-right.png"), url("../images/btn-primary-overlay-top.png"), linear-gradient(86deg, #00BD51 0%, #ABF471 100%);
}
.fluentform .ff-btn-submit::before,
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed = true]::before,
.btn-primary::before{
    content:'';
    position: absolute;
    background: #00CD5C;
    box-shadow: inset -2px 3px 6px rgba(0, 143, 52, 0.5), inset 1px 0px 10px #2CF26E, inset -2px 2px 7px rgba(0, 147, 53, 0.2);
    border-radius: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
}

.btn-primary.swiper-button-disabled,
.btn-primary.btn-gray {
    background-image: url("../images/btn-overlay-right.png"),url("../images/btn-overlay-top.png"),linear-gradient(86deg, #181b1e 0%,#5F656B 100%);
    background-repeat: no-repeat,no-repeat,repeat;
    background-attachment: scroll;
    background-size: auto,159px auto,auto auto;
    background-position: top right,top left,0% 0%;
}
.btn-primary.swiper-button-disabled::before,
.btn-primary.btn-gray::before{
    background: #3D414A;
    box-shadow: inset -2px 3px 6px rgba(28, 33, 39, 0.5), inset 1px 0px 10px #4D515C, inset -2px 2px 7px rgba(35, 38, 46, 0.2);
}
.btn-primary *{
    position:relative;
    z-index:10;
}
/*.section-head::before{*/
/*    content:'//';*/
/*    font-family: Brandon Grotesque;*/
/*    font-weight: 400;*/
/*    font-size: 13px;*/
/*    line-height: 150%;*/
/*    letter-spacing: 0.06em;*/
/*    text-transform: uppercase;*/
/*    color:#00E676;*/
/*    position:absolute;*/
/*    left:0;*/
/*    top:50%;*/
/*    transform:translateY(-50%);*/
/*}*/
.testimonial-item,
.work-loop-item,
.what-we--do-card{
    position:relative;
    transition:0.3s all;
}
.lens-effect-outer::before,
.lens-effect-outer::after,
.lens-effect-inner::before,
.lens-effect-inner::after,
.work-loop-item::before,
.work-loop-item::after,
.work-loop-item-inner::before,
.work-loop-item-inner::after{
    content:'';
    position:absolute;
    width:15px;
    height:15px;
    border-width:0;
    border-style: solid;
    border-color:rgba(0, 230, 118, 1);
    --pos:25px;
    opacity:0;
    transition:0.3s all;
}
.lens-effect-outer:hover::before,
.lens-effect-outer:hover::after,
.lens-effect-inner:hover::before,
.lens-effect-inner:hover::after,
.work-loop-item:hover::before,
.work-loop-item:hover::after,
.work-loop-item-inner:hover::before,
.work-loop-item-inner:hover::after{
    --pos:15px;
    opacity:1;
}
.lens-effect-outer::before,
.lens-effect-inner::before,
.work-loop-item::before,
.work-loop-item-inner::before{
    border-top-width:1px;
    top: var(--pos);
}
.lens-effect-outer::after,
.lens-effect-inner::after,
.work-loop-item::after,
.work-loop-item-inner::after{
    border-bottom-width:1px;
    bottom:var(--pos);
    top:auto;
}
.lens-effect-outer::before,
.lens-effect-inner::after,
.work-loop-item::before,
.work-loop-item-inner::after{
    border-left-width:1px;
    left:var(--pos);
}
.lens-effect-outer::after,
.lens-effect-inner::before,
.work-loop-item::after,
.work-loop-item-inner::before{
    border-right-width:1px;
    left:auto;
    right:var(--pos);
}
.testimonial-item::before,
.what-we--do-card::before{
    content:'';
    position:absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background-image:url('../images/border-box-2.webp');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity:0;
    transition:0.3s all;
}
.testimonial-item:hover::before,
.what-we--do-card:hover::before{
    transform: translate(-50%, -50%) scale(1);
    opacity:1
}
.work-loop-item:hover{
    background-color:rgba(28, 36, 56, 1);
}
.testimonial-item:hover,
.what-we--do-card:hover{
    --NavyBlue : #fff;
    --Gray : #F0F0EEB2;
    background-color:#1C2438;
    
}
.testimonial-item:hover svg path{
    fill:#00E676;
    opacity:1;
}
.testimonial-item:hover,
.what-we--do-card:hover  p{
    color:#F0F0EEB2;
}
.work-loop-item,
.work-loop-item h3,
.work-loop-item p,
.testimonial-item,
.testimonial-item h3,
.testimonial-item p,
.testimonial-item svg path,
.what-we--do-card,
.what-we--do-card h3,
.what-we--do-card p{
    transition:0.5s all;
}

button.left-arr-icon::after{
    content:url('../images/left-arr.svg');
}
button.right-arr-icon::after{
    content:url('../images/right-arr.svg');
}
button.left-arr-icon::after,
button.right-arr-icon::after{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
}
/*.section-testimonials .swiper{*/
/*    width: calc(1280px + calc(calc(100vw - 1280px) / 2)) !important;*/
/*}*/
.section-testimonials .swiper-wrapper{
    display:flex;
    
}
.elementor-editor-active .section-testimonials .swiper-wrapper{
    display:block;
}
/*.elementor-editor-active .section-testimonials  .swiper{*/
/*    width:100%  !important;*/
/*}*/


/*@media only screen and (max-width:1440px){*/
/*    .section-testimonials .swiper{*/
/*        width: calc(100% + 20px) !important;*/
        
/*    }*/
/*    .elementor-editor-active .section-testimonials  .swiper{*/
/*    width:100%  !important;*/
/*}*/
/*}*/
.pin-wrapper{
    position: relative;
    height: 260vh;
  }
.sticky-stage{
    position: sticky;
    top: 78px;
    height: calc(100vh - 78px);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background: var(--panel);
    border-top: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.rail-svg{
    display:block;
    width: 100%;
    height: 90px;
    overflow: visible;
}

.rail-base{
    fill:none;
    stroke: var(--line-dim);
    stroke-width: 2;
    stroke-linejoin: round;
}

.rail-fill{
    fill:none;
    stroke: var(--accent);
    stroke-width: 2;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 6px rgba(53,224,122,0.85));
}
.dot{
    fill: var(--dot-idle);
    transition: fill 0.25s ease, r 0.25s ease;
}
.dot.filled{
    fill: var(--accent);
    filter: drop-shadow(0 0 6px rgba(53,224,122,0.9));
}
.circle-dot{
    width:14px;
    height:14px;
    background:var(--dot-idle);
    border-radius:50%;
    transition: fill 0.25s ease, r 0.25s ease;
}
.circle-dot.filled{
    background: var(--accent);
}
/*how-work-grad*/
.how-work-grad::before{
    content:'';
    position:absolute;
    width:316px;
    height:316px;
    background: radial-gradient(50% 50% at 50% 50%, #1C2438 0%, rgba(28, 36, 56, 0) 100%);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.how-work-grad img{
    z-index:5;
    position: relative;
}
/*.bg-overlay-wrapper*/
.bg-overlay-wrapper .bg-overlay{
    transition:0.5s all;
}
.bg-overlay-wrapper:hover .bg-overlay{
    opacity:0;
}
.verticle_post_card:hover{
      background-color: #1C2438;
}

.elementor-widget-taxonomy-filter .e-filter{
    width: fit-content;
    margin: auto;
    box-shadow: 0px 2px 5px 0px #0000000D;
    border: 1px solid #F0F0EE33;
    border-radius: 1000px;
    padding: 6px;
    background: #F0F0EE1A;
}
.post-desc-wrapper,.post-desc-wrapper p{
    font-family: brandon-grotesque;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: justify;
    color:#F0F0EEB2;
    transition:0.5s color;
}
.post-desc-wrapper p{
    margin-bottom:16px;
}
.post-desc-wrapper p:hover{
    color:#F0F0EE;
}
.post-desc-wrapper p:last-child{
    margin-bottom:0
}
.post-desc-wrapper .wp-block-heading{
    font-family: brandon-grotesque;
    font-weight: 700;
    letter-spacing: 0%;
    color:#F0F0EE;
    margin-top:40px;
    margin-bottom:24px;
}
.post-desc-wrapper .wp-block-heading:first-child{
    margin-top:0px;
}
.post-desc-wrapper h3{
    font-size: 30px;
    line-height: 39px;
}
.post-desc-wrapper .wp-block-image{
    margin:52px 0;    
}
.post-desc-wrapper .wp-block-image img{
    margin-bottom:16px;
}
.post-desc-wrapper .wp-block-image figcaption{
    font-family: brandon-grotesque;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color:#F0F0EE   ;
    margin:0;
    border-left:2px solid #00E676;
    padding-left:8px;
}
.post-desc-wrapper .wp-block-quote{
    border-left:2px solid #00E676;
    padding-left:20px;
    margin:50px 0;
}
.post-desc-wrapper .wp-block-quote,
.post-desc-wrapper .wp-block-quote p{
    font-family: brandon-grotesque;
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    font-style: italic;
    letter-spacing: 0%;
    color:#F0F0EE;
    
}
.lens-effect-outer.lens-hover,
.service-infos .lens-effect-outer{
    background-color:#0E1420;
    transition:0.5s all;
}
.lens-effect-outer.lens-hover:hover,
.service-infos .lens-effect-outer:hover{
    background-color:#1C2438;
}

.section-accordian summary{
    padding: 24px !important;
    position:relative;
    padding-right:55px !important;
}
.section-accordian summary::before,
.section-accordian summary::after{
    content:'';
    width:13.5px;
    height:13.5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    top:50%;
    right:24px;
    opacity:0;
    transition:0.5s all;
}
.section-accordian summary::before{
    background-image:url('../images/accordian-plus.svg');
    transform:translateY(-50%) rotate(0deg);
    opacity:1;
}
.section-accordian summary::after{
    background-image:url('../images/accordian-close.svg');
    transform:translateY(-50%) rotate(0);
}
.section-accordian details[open] summary::before{
    transform:translateY(-50%) rotate(-45deg);
    opacity:0;
}
.section-accordian details[open] summary::after{
    transform:translateY(-50%) rotate(-45deg);
    opacity:1;
}
.section-accordian details{
    border-top: 1px solid #F0F0EE26;
    border-bottom: 1px solid #F0F0EE26;
    transition: 0.5s all;
}
.section-accordian details[open]{
    border-top: 1px solid #00E676;
    border-bottom: 1px solid #00E676;
}
.career-card:hover{
    transform:scale(1.05);
    z-index:5;
}
.divider-para strong,
.divider-para b{
    color:#00E676;
}
.strong-color strong,
.strong-color b{
    color:#F0F0EE;
}
.fluentform textarea{
    border-radius:10px !important;
    height:180px;
    resize:none;
}
.fluentform select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px !important;
    background-image:url('../images/bottom-arr.png')!important;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 18px center;
}
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{
    margin:0;
}
.fluentform select *{
    background-color:#0E1420 !important
}
.fluentform .ff-el-input--label{
    display:flex;
}
.fluentform .ff-el-input--label::before{
    content:'//';
    margin-right:5px;
    color:#00E676;
    font-family: "brandon-grotesque", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 0.06em;
}
.progress{
    position: absolute;
    width: 2px;
    height: 100%;
    margin-bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
 
.progress-track{
    position:absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: rgba(255,255,255,0.25);
}

.progress-fill{
    position:absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0%;
    background: var(--accent);
    box-shadow: 0 0 10px rgba(53,224,122,0.8);
    transition: height 0.05s linear;
}
.tab-head-wrap .e-tab-base{
     background:transparent !important;
     border:0 !important;
}
 /*calc(clamp(3px,0.2083333333vw,40rem) * 25.75)*/
.dropdown-menu{
    pointer-events:none;
}
body.opening  .dropdown-menu{
    pointer-events:unset;
}
.dropdown-menu .inner-menu li{
    overflow: hidden;
}
.dropdown-menu .inner-menu a{
     --td:1.0s;
     opacity:0;
     transform: translateY(calc(clamp(3px,0.2083333333vw,40rem) * 25.75));
     transition: var(--td) 0.7s all cubic-bezier(.4,0,.2,1);
}
.dropdown-menu .inner-menu li:nth-child(1) a{ --td: 1.1s; }
.dropdown-menu .inner-menu li:nth-child(2) a{ --td: 1.2s; }
.dropdown-menu .inner-menu li:nth-child(3) a{ --td: 1.3s; }
.dropdown-menu .inner-menu li:nth-child(4) a{ --td: 1.4s; }
.dropdown-menu .inner-menu li:nth-child(5) a{ --td: 1.5s; }
.dropdown-menu .inner-menu li:nth-child(6) a{ --td: 1.6s; }
.dropdown-menu .inner-menu li:nth-child(7) a{ --td: 1.7s; }
.dropdown-menu .inner-menu li:nth-child(8) a{ --td: 1.8s; }

body.opening  .dropdown-menu .bg-overlay{
    top:0;
    opacity:1;
}
body.closing  .dropdown-menu .bg-overlay{
    top:-100vh;
    opacity:1;
}
body.opening  .dropdown-menu .inner-menu a{
    transform:translateY(0);
    opacity:1;
}
body.closing  .dropdown-menu .inner-menu a{
    transform:translateY(0) scale(0.8,0.8);
    opacity:0;
}
body header .hide-on-open{
    opacity:1;
    transition: 1s 0.7s all cubic-bezier(.4,0,.2,1) !important;
}
body.opening header .hide-on-open{
    opacity:0;
}

@media screen and (max-width:1024px){
    .pin-wrapper,.sticky-stage{
        height:auto;
    }
    
}
@media screen and (max-width:768px){
    .lens-effect-outer::before,
.lens-effect-outer::after,
.lens-effect-inner::before,
.lens-effect-inner::after,
.work-loop-item::before, .work-loop-item-inner::before,
.work-loop-item::after, .work-loop-item-inner::after,
    .testimonial-item::before,.what-we--do-card::before{
        content:unset;
    }
}