@font-face {
    font-family: 'Lufga';
    src: url('../fonts/Lufga-Bold.eot');
    src: url('../fonts/Lufga-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lufga-Bold.woff2') format('woff2'),
        url('../fonts/Lufga-Bold.woff') format('woff'),
        url('../fonts/Lufga-Bold.ttf') format('truetype'),
        url('../fonts/Lufga-Bold.svg#Lufga-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../fonts/Lufga-Medium.eot');
    src: url('../fonts/Lufga-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lufga-Medium.woff2') format('woff2'),
        url('../fonts/Lufga-Medium.woff') format('woff'),
        url('../fonts/Lufga-Medium.ttf') format('truetype'),
        url('../fonts/Lufga-Medium.svg#Lufga-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../fonts/Lufga-Regular.eot');
    src: url('../fonts/Lufga-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lufga-Regular.woff2') format('woff2'),
        url('../fonts/Lufga-Regular.woff') format('woff'),
        url('../fonts/Lufga-Regular.ttf') format('truetype'),
        url('../fonts/Lufga-Regular.svg#Lufga-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../fonts/Lufga-SemiBold.eot');
    src: url('../fonts/Lufga-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lufga-SemiBold.woff2') format('woff2'),
        url('../fonts/Lufga-SemiBold.woff') format('woff'),
        url('../fonts/Lufga-SemiBold.ttf') format('truetype'),
        url('../fonts/Lufga-SemiBold.svg#Lufga-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.eot');
    src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter-Medium.ttf') format('truetype'),
        url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.ttf') format('truetype'),
        url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --ff-1: 'Inter';
    --ffl-1:'Lufga';
    --text-color:#D9D9DA;
    --orange-text:#FF8B62;
}
h1 span, 
h2 span, 
h3 span, 
h4 span, 
h5 span, 
h6 span
 {
    background: linear-gradient(89deg, #5EBBFF 43.81%, #086CD9 97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.process-card__title strong{transition:0.3s all linear;}
.btn{position:relative;z-index:3;transition:0.3s all linear;background:#05080D;border-radius:0.375rem !important;box-shadow:0 4px 10px 3px rgba(94,151,255,0.40);}
.submt-btn-wrap{position:relative;z-index:3;}

a.btn:before, .submt-btn-wrap:before{
content: "";
  position: absolute;
  inset: -1px;
 border-radius:0.375rem;
  padding: 1px; 
    /* background: linear-gradient(0deg, #28A0EC 0%, #26E3FE 100%); */
    background: linear-gradient(0deg, #5E97FF 0%, #1738DE 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  overflow:hidden;
}

.btn:hover{/* box-shadow:0 -6px 8.7px -5px rgba(40,160,236,0.20) inset,0 -14px 8.7px -5px rgba(40,160,236,0.40) inset;*/
 box-shadow:0 4px 10px 3px rgba(94,151,255,0.40),0 -6px 8.7px -5px rgba(40,160,236,0.20) inset,0 -14px 8.7px -5px rgba(40,160,236,0.40) inset;}

 .btn-text{
    font-size: 1rem;
font-weight: 600;
line-height: 1.5;
color:#fff;
margin-top: 24px;
padding: 0.625rem 0;
border:1px solid transparent;
transition:0.3s all linear;
display: inline-block;
position:relative;z-index:3;
border-radius:0.375rem;
font-family: var(--ffl-1);
 }
 .btn-text:hover{
    padding:0.625rem 1.4rem;
 }
 .btn-text:hover:before{
    content: "";
  position: absolute;
  inset: -1px;
 border-radius:0.375rem;
  padding: 1px; 
    /* background: linear-gradient(0deg, #28A0EC 0%, #26E3FE 100%); */
    background: linear-gradient(0deg, #5E97FF 0%, #1738DE 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  overflow:hidden;
 }

.subtitle{font-family:var(--ffl-1);font-weight:500;}

/* Gradient text hover*/
.navbar-overlay.navbar--dark .nav-link,.process-card .process-card__title strong:first-child, .site-footer ul a, .site-footer .social-media a, .why-ottormone .bottom-text a, .tc-details a{
    background: linear-gradient(89deg, #5EBBFF 43.81%, #086CD9 97%);
    background-size: 200% 200%;
    animation:gradienttext 0.5s linear infinite;
    background-clip: text;
    -webkit-background-clip: text;
    transition: color 0.3s linear;
    }
    .navbar-overlay.navbar--dark .nav-link:hover,.process-card:hover .process-card__title strong:first-child, .site-footer ul a:hover , .site-footer .social-media a:hover, .why-ottormone .bottom-text a:hover, .tc-details a:hover{
      color: rgba(0, 0, 0, 0);
    }
    .navbar-overlay.navbar--dark .active .nav-link, .site-footer ul .current-menu-item a{
        color: rgba(0, 0, 0, 0);
        background-position: center;
    }
    @keyframes gradienttext {
      0% {
        background-position: center
      }
      100% {
        background-position: center
      }
    }
/* Gradient text hover End*/

.orange-text{color:var(--orange-text);}
.process-card{height:100%;}
.typo p:last-child{margin-bottom:0;}
.typo ul{margin:0 0 1rem 0;padding:0;}
.typo p + ul:last-child{margin-bottom:0}
.typo ul li{list-style:none;position:relative;padding-left:1.5rem;margin-bottom:0.75rem;}
.typo ul li:last-child{margin-bottom:0}
.typo ul li:before{content:'';left:0;top:0.2rem;position:absolute;background-image:url(../images/Star.svg);background-size:contain;background-position:center;background-repeat:no-repeat;height:1rem !important;width:1rem !important;}
.section-shadow{box-shadow:0 -14px 20px -16px rgba(255,255,255,0.40) inset,0 -80px 60px -40px #28A0EC inset;}


/*Navbar  Toggle*/
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-width='1' d='M2 2 L14 14 M14 2 L2 14'/%3E%3C/svg%3E");}
.navbar .navbar-toggler{position:relative;background:transparent;border-radius:4px}
.navbar .navbar-toggler{border-radius:0.25rem;transition:0.3s all linear;background:#05080D;z-index:99;box-shadow:0 4px 10px 3px rgba(94,151,255,0.40);}
.navbar .navbar-toggler:before{content:"";position:absolute;inset:-1px;border-radius:0.25rem;padding:1px;
    /* background-image:linear-gradient(0deg,#28A0EC 0%,#26E3FE 100%); */
    background: linear-gradient(0deg, #5E97FF 0%, #1738DE 100%);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden;}
.navbar .navbar-toggler:hover{
    /* box-shadow:0 -6px 8.7px -5px rgba(40,160,236,0.20) inset,0 -14px 8.7px -5px rgba(40,160,236,0.40) inset; */
    box-shadow: 0 4px 10px 3px rgba(94, 151, 255, 0.40), 0 -6px 8.7px -5px rgba(40, 160, 236, 0.20) inset, 0 -14px 8.7px -5px rgba(40, 160, 236, 0.40) inset;
}
.navbar-toggler-icon{z-index:3;position:relative;}
.header{padding-top:4.6298rem;position:sticky;top:0;z-index:3;transition:.3s ease all;}
.header:is(.sticky){z-index:99;background:rgba(30,32,37,0.8);-webkit-backdrop-filter:blur(0.3968rem);backdrop-filter:blur(0.3968rem);}
  /* Sticky header */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all 0.3s ease;}
/*Typed Text scroll with header */
.typed-wrapper{display:inline-block;vertical-align:bottom;line-height:1.28;}
#typedText{display:inline-block;white-space:nowrap;vertical-align:bottom;backface-visibility:hidden;transform:translateZ(0);}
nav .logo{--logo-height:3.5rem;    z-index: 3;}
.logo .logo__img{object-position: left;}



@media (min-width:768px){
.header{will-change:transform;}
.header.header-scroll{transform:translateY(-100%);}
.header.header-up-scroll{transform:translateY(0);}
.text-md-left{
    text-align: left !important;
}
.based-text-right{
    text-align: right;
}
}

/* footer */
.site-footer{background:#05080D;}
.site-footer .row{align-items:center;row-gap:2.5rem}
.site-footer .logo-footer img{
    /* max-width:9.375rem; */
    max-width: 14.375rem;
}
.site-footer ul{list-style:none;margin:0;padding:0;gap:2rem;justify-content:center;display:flex;}
.site-footer ul a{color:var(--text-color);text-decoration:none;font-family:Inter;font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.313rem;}
 .site-footer .social-media{display:flex;justify-content:flex-end;gap:0.75rem}
.site-footer .social-media a{display:flex;color:var(--text-color);}
.site-footer .social-media img{width:16px; height: auto;}
.site-footer .social-media a:hover img{
filter: brightness(2) saturate(11%) invert(36%) sepia(97%) saturate(2896%) hue-rotate(195deg) brightness(121%) contrast(86%);
-webkit-filter: brightness(2) saturate(11%) invert(36%) sepia(97%) saturate(2896%) hue-rotate(195deg) brightness(121%) contrast(86%);
-moz-filter: brightness(2) saturate(11%) invert(36%) sepia(97%) saturate(2896%) hue-rotate(195deg) brightness(121%) contrast(86%);
}
.site-footer .social-media span{line-height:26px !important;padding-left:0.5rem;}
.site-footer p{margin-bottom:0;font-family:Inter;font-size:0.875rem;font-style:normal;font-weight:400;}
.site-footer .copyright-text{color:var(--text-color);line-height:1.313rem;}
.site-footer .based-text{font-family:Inter;font-size:0.875rem;font-style:normal;font-weight:400;color:var(--text-color);line-height:1.625rem;}
.footer-icon{width: 1.813rem;height: auto;}



/*Hero Banner*/
.hero-banner-img .img{width:100%;}
.shadow-hero::after{content:"";position:absolute;left:80%;top:15%;transform:translateX(-50%);width:15.5rem;height:7.9rem;border-radius:50%;background:linear-gradient(90deg,#086CD9 13.3%,#26E3FE 93.32%);filter:blur(124.94999694824219px);
    -webkit-filter:blur(124.94999694824219px);
    -moz-filter:blur(124.94999694824219px);
    opacity:1;z-index:3;border-radius:217px;}


/*Solution (Service Cards)*/
.card-effect,.career-section .job-card-effect{min-height:186px;}
.card-effect,.career-section .job-card-effect{height:100%;border-radius:1.25rem;border:none;backdrop-filter:blur(5.849999904632568px);background:linear-gradient(90deg,#05080D 34.02%,#1E2025 100%);transition:0.3s all linear;}
.service-card{height:100%;}
.card-effect:before,.process-card__icon::before, .career-section .job-card-effect:before{content:"";position:absolute;inset:-1.4px;border-radius:1.25rem;padding:1.4px;background-image:linear-gradient(35deg,#5E97FF 0%,#171717 20%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;overflow:hidden;transition:0.3s all linear;}
.card-effect:hover::before{background:linear-gradient(96deg,#05080D 59.18%,#28A0EC 98.78%);}
.card-effect:hover{background-color:linear-gradient(90deg,#05080D 34.02%,#1E2025 100%);background-repeat:no-repeat;}
.card-effect::after{content:"";position:absolute;inset:0px;border-radius:1rem;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1;transition:0.3s all linear;background-image:url(../images/texture.webp);opacity:0;}
.three-column-cards .card-effect::after{background-image:url(../images/three-grid-bg.webp);}
.three-column-cards .card-effect:hover::before{background:linear-gradient(96deg,#05080D 59.18%,#28A0EC 98.78%);}
.card-effect:hover::after{opacity:1;}
.process-card__icon::before{background-image:linear-gradient(69deg,#5E97FF 0%,#171717 20%);}
.service-card p{color:var(--text-color);}
.service-icon-wrap{border-radius:1.25rem;border:1px solid rgba(255,255,255,0.07);background:linear-gradient(90deg,#05080D 34.02%,#1E2025 100%);backdrop-filter:blur(5.849999904632568px);-webkit-backdrop-filter:blur(5.849999904632568px);-moz-backdrop-filter:blur(5.849999904632568px);}



/*Why Ottormone*/
.card-with-shadow .process-card-col:nth-child(odd) .process-card{background:url('../images/frame-2.webp') no-repeat bottom right;background-size:cover;}
.card-with-shadow .process-card-col:nth-child(even) .process-card{background:url('../images/frame-1.webp') no-repeat bottom left;background-size:cover;}
.card-with-shadow .process-card{position:relative;z-index:3;transition:0.3s all linear;border-radius:1.25rem;}
.card-with-shadow .process-card:before{content:"";border-radius:1.25rem;position:absolute;inset:-1.4px;padding:1.4px;/* thickness of border */
 background:linear-gradient(2deg,#05080D 67.8%,#28A0EC 98.81%);backdrop-filter:blur(5.849999904632568px);
 -webkit-backdrop-filter: blur(5.849999904632568px);
-moz-backdrop-filter: blur(5.849999904632568px);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;overflow:hidden;}
.why-ottormone .process-card__icon{border-radius:1rem;background:linear-gradient(90deg,rgba(28,45,76,0.16) 0%,rgba(130,131,134,0.16) 105.88%);backdrop-filter:blur(5.849999904632568px);
    -webkit-backdrop-filter: blur(5.849999904632568px);
    -moz-backdrop-filter: blur(5.849999904632568px);
}
.why-ottormone .process-card p{color:var(--text-color);margin-bottom:0;}
.why-ottormone .bottom-text a{font-weight:600;font-family:var(--ffl-1);font-size:1rem;line-height:1.875rem;color:#fff;}


/* Integration Card*/
.integration-section{background-color:#05080D;box-shadow:0 -14px 20px -6px rgba(255,255,255,0.40) inset,0 -80px 60px -30px #28A0EC inset;border-radius:0.75rem;}
.integration-card{background-color:#1E2025;border-radius:0.765rem;transition:0.3s all linear;position:relative;z-index:3;}
.integration-card:before{content:"";position:absolute;inset:-1px;border-radius:0.765rem;padding:1px;background:#505255;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;overflow:hidden;}
.integration-card:hover:before{background:linear-gradient(90deg,#086CD9 13.3%,#26E3FE 93.32%);}


/* How it works Section*/
.hw-it-wrk-section .shadow-2:after{content:"";position:absolute;top:0.5rem;right:6.313rem;width:12.875rem;height:9.313rem;border-radius:50%;background:linear-gradient(90deg,#086CD9 13.3%,#26E3FE 93.32%);filter:blur(100px);-webkit-filter:blur(100px);-moz-filter:blur(100px);z-index:-1;}
.hw-it-wrk-section{position:relative}
.hw-it-wrk-section h4{font-size:1.75rem;line-height:1.42;}
.hw-it-wrk-section .work-process-card::before,.hw-it-wrk-section .work-process-card::after{background:#05080d}
.work-process-card p{color:var(--text-color)}
.work-process-card__icon::before{content:"";position:absolute;top:-1px;right:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:1.25rem;background:linear-gradient(90deg,#086CD9 13.3%,#26E3FE 93.32%);transition:0.3s all linear;opacity:0;z-index:-1;}
.work-process-card:hover .work-process-card__icon::before{opacity:1;}

/*About-Us-Section*/
.right-img-reverse{flex-direction:row-reverse;}
.about-us-section ul li .star{background-image:url(../images/Star.svg);background-size:contain;background-position:center;background-repeat:no-repeat;height:0.875rem;width:0.604rem}
.about-us-section .bg-circle-gradient{background:linear-gradient(89deg,#5EBBFF 43.81%,#086CD9 97%);}
.about-us-section span{font-family:'Lufga',sans-serif;}

/*Accordion*/
.accordion-separate-body .accordion-item{border-radius:var(--bs-border-radius);background:#05080D;z-index:3;}
.accordion-item::before{content:"";position:absolute;inset:0.5px;border-radius:0.5rem;padding:0.5px;background:transparent;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;overflow:hidden;transition:0.3s all linear;}
.accordion-item.faq-open::before{background:linear-gradient(3deg,rgba(40,160,236,0.00) 60.37%,#28A0EC 92.85%);}

/*CTA Section*/
.cta-section .cta-section__content{background:#05080D;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);-moz-backdrop-filter:blur(3.5px);background:url(../images/cta-bg.webp);background-size:contain;background-position:bottom center;background-repeat:no-repeat;z-index:0;position:relative;}
.cta-section .cta-section__content::before{content:"";position:absolute;inset:-0.5px;border-radius:1rem;padding:0.5px;background:linear-gradient(201deg,rgba(255,255,255,0.20) 13.91%,rgba(255,255,255,0.00) 85.94%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;overflow:hidden;}
.cta-section:before{content:'';position:absolute;height:15.813rem;max-width:64.5rem;width:100%;background-position:center bottom;background-size:contain;background-repeat:no-repeat;background-image:url(../images/bg-shine-cta.svg);bottom:0;left:50%;transform:translateX(-50%);}
.cta-section{overflow:hidden;}
.cta-section:before{opacity:.1;max-width:100%;}

/*About scroll Section*/
.about-scroll-section .list-row{align-items:center;}
.about-scroll-section .list-row img{width:2.625rem;}
.about-scroll-section .list-row li:nth-child(4n+3){-webkit-text-fill-color:var(--bs-dark);-webkit-text-stroke:0.038rem var(--bs-light);}
.scroll-wrap{max-width:1440px;}
.about-scroll-section { display: none; }

/* About 3 column grid*/
.bg-top-shadow{background:url(../images/top-shine.svg),url(../images/mask-img.webp);background-size:contain;background-position:top center;background-repeat:no-repeat;}

/*About Ledership*/
.leadership-wrap {
    position: relative;
}
.leadership-wrap::before{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 1.25rem;
    padding: 1px;
    background: linear-gradient(25deg, rgba(94, 151, 255, 0.00) 71.55%, #5E97FF 98.7%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    overflow: hidden;
}

.leadership-front { position: relative; border-radius: 1.25rem; } 
.leadership-front .text-light {position: absolute;left: 1.95rem;z-index: 1;bottom: 1.95rem;} 
.leadership-front h5.text-light { bottom: 4rem; font-size: 1.5rem; font-weight: 700; line-height: 1.5; } 
.leadership-front .leader-img { line-height: 0; height: 100%; } 
.service-slider__slide{overflow:hidden;border-radius: 1.25rem;height:100%;display: block;}
.service-slider__slide .leadership_overlay {
    background: linear-gradient(343deg, #5EBBFF 2.4%, #086CD9 64.93%);
    padding: 2rem !important;opacity: 0;visibility: hidden;transition: .3s ease all;transform: scale(1.025);border: none; border-radius: 1.1rem;transform: translateY(100%);width: 100%; bottom: 0; left: 0; height: 100%;} 
.service-slider__slide:hover .leadership_overlay{transform: translateY(0%);}
.leadership-front .leader-img img { height: 100%; width: 100%; object-fit: cover; } 
.service-slider__slide .leadership_overlay h5 { font-size: 1.5rem; line-height: 1.5; padding-bottom: 0.35rem; } 
.service-slider__slide .leadership_overlay div.text-light { color: #D9D9DA !important; padding-bottom: 0.7rem; } 
.service-slider__slide .leadership_overlay   p { color: #D9D9DA !important; } 
.service-slider__slide .leadership_overlay .btnWrap { margin-top: auto; } 
.service-slider__slide .leadership_overlay .btnWrap a {background-color: transparent;border: .0625rem solid #fff !important;box-shadow: none;font-size: 1rem; text-transform: capitalize; font-weight: 400; line-height: 1; align-items: center;}
.service-slider__slide .leadership_overlay .btnWrap a img {height: .7rem;width: 0.7rem;object-fit: contain;}
.service-slider__slide .leadership_overlay .btnWrap a:hover {opacity: .75;}
.service-slider__slide:hover  .leadership_overlay {opacity: 1;visibility: visible;}
.service-slider__slide .leadership_overlay .btnWrap a::before{display: none;}
.service-slider__slide .leadership_overlay .btnWrap a i {display: inline-flex;width: 1.5rem;height: 1.5rem;border-radius: 50%;border: .0625rem solid #fff;align-items: center;justify-content: center;}
.service-slider__slide:hover .leadership_overlay {opacity: 1;visibility: visible;transform: scale(1);}
.service-slider__slide::after{border-radius: 1.25rem;}
.service-slider__slide .leadership_overlay .contentWrap {overflow-y: auto;margin-bottom: 1.75rem;padding-right: .5rem;}
.service-slider__slide .leadership_overlay .contentWrap p:not(:last-child) {margin-bottom: 0.7rem !important;}
.service-icon-wrap::after { content: ""; position: absolute; inset: 0px; background-image: url('data:image/svg+xml,<svg width="86" height="85" viewBox="0 0 86 85" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-11.3665" y="-11.7" width="108.4" height="108.4"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5.85px);clip-path:url(%23bgblur_0_1188_32_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="11.7"><rect x="0.833496" y="0.5" width="84" height="84" rx="19.5" fill="url(%23paint0_linear_1188_32)"/><rect x="0.833496" y="0.5" width="84" height="84" rx="19.5" stroke="url(%23paint1_radial_1188_32)"/></g><defs><clipPath id="bgblur_0_1188_32_clip_path" transform="translate(11.3665 11.7)"><rect x="0.833496" y="0.5" width="84" height="84" rx="19.5"/></clipPath><linearGradient id="paint0_linear_1188_32" x1="29.2496" y1="42.6466" x2="85.3335" y2="42.6466" gradientUnits="userSpaceOnUse"><stop stop-color="%2305080D"/><stop offset="1" stop-color="%231E2025"/></linearGradient><radialGradient id="paint1_radial_1188_32" cx="0" cy="0" r="1" gradientTransform="matrix(85 -77.0027 14.2931 182.158 0.333494 81.4907)" gradientUnits="userSpaceOnUse"><stop stop-color="%235E97FF"/><stop offset="0.294254" stop-color="%23171717"/><stop offset="0.724263" stop-color="%23171717"/><stop offset="1" stop-color="%23171717"/></radialGradient></defs></svg>'); background-size: 100%; z-index: 1; background-repeat: no-repeat; top: 0; left: 0; border: none; } 
.service-icon-wrap { position: relative; z-index: 4; background: none; border: none; } .service-icon-wrap img { position: relative; z-index: 2; }

/*Contact Page*/
.benefits-block{
backdrop-filter: blur(1rem);
background: linear-gradient(90deg, #05080D 34.02%, #1E2025 100%);
backdrop-filter: blur(1rem);
border-radius: 1.25rem;
max-width: 519px;width: 100%;
}
.benefits-inner{
    padding: 3rem;
    background-image: url(../images/bg-shine-2.svg);
    background-size: cover;
    background-position: center;
    border-radius:1.25rem;
    position: relative;
    z-index: 3;
    
}
.benefits-inner:before{
content: "";
  position: absolute;
  inset: -1px;
 border-radius:1.25rem;
  padding: 1px; 
    background: radial-gradient(214.96% 134.93% at 0% 95.87%, #5E97FF 0%, #171717 29.43%, #171717 72.43%, #171717 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  overflow:hidden;
}
.benefits-inner h3{line-height: 1.31;color:#fff}
.benefits-block.typo ul li{
padding-left: 1.75rem;
}
.benefits-block.typo ul li:before{
    border-radius: 16px;
    background: url(../images/Star.svg), linear-gradient(89deg, #5EBBFF 43.81%, #086CD9 97%);
    background-size: 10px, cover;
    background-repeat: no-repeat;
    background-position: center;
}

form p{margin-bottom:0;font-family:Lufga;color:#B4B4B6;}

form .form-wrap{background:#242424;}
form .wpcf7-list-item{margin:0}
form .wpcf7-form-control-wrap{display: block; position: relative;}
form .wpcf7-not-valid{border:1px solid red;}
form .wpcf7-not-valid-tip{color:red;font-size:0.75rem;line-height:1.2;position:absolute;width:100%;padding-top: 5px;}
span.wpcf7-form-control.wpcf7-checkbox{padding-top:4px;display:block;}
form .wpcf7-list-item-label{padding-left:0.5rem;color:#fff}
form .form-control::placeholder{color:#505255;}
.wpcf7 input[type="checkbox"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:1px solid #FFf;border-radius:3px;display:inline-block;position:relative;cursor:pointer;vertical-align:middle;transition:all 0.2s ease;margin-top:-2px;margin-left:2px;}
.wpcf7 input[type="checkbox"]:checked{background-color:#28A0EC;border-color:#28A0EC;}
.wpcf7 input[type="checkbox"]:checked::after{content:"";position:absolute;left:5.5px;top:1px;width:6px;height:12px;border:solid #05080D;border-width:0 2px 2px 0;transform:rotate(50deg);}
.wpcf7 textarea{height:11.25rem;min-height:11.25rem;resize:vertical;}
.wpcf7-spinner{position:absolute;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color:red;font-size:0.875rem;text-align:center;}
.wpcf7-spinner{position:absolute;left:50%;transform:translateX(-50%);margin-top:5px;}
form select{
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M11.9998 15.2019C11.8878 15.2019 11.7822 15.1813 11.683 15.1399C11.5837 15.0986 11.4884 15.0323 11.397 14.9409L6.45305 9.99694C6.28305 9.82694 6.20221 9.62385 6.21055 9.38769C6.21888 9.15152 6.30805 8.94844 6.47805 8.77844C6.64805 8.60844 6.85113 8.52344 7.0873 8.52344C7.32346 8.52344 7.52655 8.60844 7.69655 8.77844L11.9998 13.1067L16.328 8.77844C16.498 8.60844 16.697 8.5276 16.9248 8.53594C17.1526 8.54427 17.3515 8.63344 17.5215 8.80344C17.6915 8.97344 17.7765 9.17652 17.7765 9.41269C17.7765 9.64885 17.6915 9.85194 17.5215 10.0219L12.6025 14.9409C12.5112 15.0323 12.4159 15.0986 12.3165 15.1399C12.2174 15.1813 12.1118 15.2019 11.9998 15.2019Z' fill='white'/></svg>");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 1.5rem;
    background-position:calc(100% - 1rem) 50%;
    padding-right: 44px !important;

}
form .codedropz-upload-handler {
border-radius: 1rem;
border: none;
background: #1E2025;
position: relative;
}
form .codedropz-upload-handler::before{
    content:"";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: 
      repeating-conic-gradient(#464848 0 25%,rgba(30, 32, 37, 1) 0 50%) 0 0/15px 15px round;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite: exclude;
    border-radius: 1rem;
}
form .form-wrap.file-select{
    background: none;
}
form .codedropz-btn-wrap a.cd-upload-btn {
    text-decoration: none;
    box-shadow: none;
    position: absolute;
    font-size: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
form .file-select .codedropz-upload-inner h4{
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 8px;
    color:#fff;
}
form .file-select .codedropz-upload-inner span{
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px;
color:#D9D9DA }

form .codedropz-upload-container{
    padding:6.5rem 2rem 2rem;
    background-image: url(../images/Union.svg);
    background-size: 48px;
    background-position: center 2rem;
    background-repeat: no-repeat;
}
form .dnd-upload-status .dnd-upload-image{
    display: none;
}
form .dnd-upload-status .dnd-upload-details{
    padding-left: 0;
    width: 100%;
}
form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span{
    background: #086CD9;
      font-size: 0;
}
form .dnd-upload-status .dnd-upload-details .name span, form .dnd-upload-status .dnd-upload-details .name em{
    color:#B4B4B6;
    font-weight: normal;
}
form .dnd-upload-status .dnd-upload-details .remove-file span:after {
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='%23fff'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
form .dnd-upload-status .dnd-upload-details .remove-file{
    top:13px
}
form .dnd-upload-counter{
    right: 10px;
    bottom: 3px;
    font-size: 10px;

}

/*Thank you page*/
.thank-you-page .row{min-height:37.813rem;}

/*Common section*/
.page-title-banner.banner{ background-size: 75%; background-position:  center; }
.popular-service-section.bg-top-shadow { background: url('../images/wmus.svg');background-repeat: no-repeat;background-position: center top;}
.about-us-section { background-color: #000 !important; }
.our-origin.our-name {overflow-x: hidden;}
.our-origin.our-name .row [class*='col']:last-child { position: relative; } 
.our-origin.our-name .row [class*='col']:last-child::before { content: ""; position: absolute; right: 0rem; top: -5rem; width: 11.3150rem; height: 11.3150rem; border-radius: 7.1875rem; background: var(--Holographic-blue-Sidekick, #28A0EC); filter: blur(5rem); } 
/* .our-origin.our-name .row [class*='col']:last-child::before{ top: 3rem; right: 2rem; } */

.card-effect h4, .career-section .job-card-effect h4 {font-size: 1.75rem;line-height: 1.42;}

/*404*/
.error-page h1{font-size:2.5rem;}
.error-page img{max-width:280px;width:100%;}
.error-page{box-shadow:0 -14px 20px -16px rgba(255,255,255,0.40) inset,0 -80px 60px -40px #28A0EC inset;}

/*Logo slider*/
.trusted-brand-section .logo-slide-shadow::before{
    content:'';
    position:absolute;
    height:40px;
    width:160px;
    left:0;
    top:0;
    background: linear-gradient(270deg, rgba(5, 8, 13, 0.00) 0%, #05080D 100%);
    z-index: 1;
  }
  .trusted-brand-section .logo-slide-shadow::after{
    content:'';
    position:absolute;
    height:40px;
    width:160px;
    top:0;
    right:0;
    background: linear-gradient(270deg, #05080D 0%, rgba(5, 8, 13, 0.00) 100%);
    z-index: 1;
    
  }
  .trusted-brand-section .logo-container{
    position:relative;
  }
  .trusted-brand-section .logo-container ul li{
  padding: 0 44px;
}
  .trusted-brand-section .logo-container img {
    height:40px;
    width:auto;
    margin:auto;
    object-fit: contain;
  }
/*Responsive Css*/
@media (min-width:991px){
.page-title-banner{min-height:20.063rem;}
body{padding-top:104px;}

}

@media (max-width: 1366px) {
    .our-origin.our-name .row [class*='col']:last-child::before{top:1rem;right:2rem;}
    .cta-section__content br, .career-section p br{
        display: none;
    }
   
}


@media (max-width: 1199px) {
.hw-it-wrk-section h4{font-size:1.4rem;}
.hw-it-wrk-section .work-process-card__content p{
  font-size:0.9rem;
}
.hero-3 h1{
    font-size: 2.5rem;
}
.trusted-brand-section .logo-container ul li {
    padding: 0 25px;
}

}
@media (max-width: 991px) {
    .hero-3 h1 br{display: none}
.error-page .fs-18 br{display:none;}
h1{font-size:2rem;}
#primary-menu{margin-top:1.5rem;}
nav .logo{--logo-height:2.5rem;
    z-index:99;}
.header{position:fixed;width:100%;}
.btn{padding:10px 16px;}
main#primary{padding-top:88px;}
div#primaryMenu:before{content:'';background:#1E2025;top:0;left:0;width:100%;height:0%;position:absolute;opacity:0;visibility:hidden;transition:0.3s all linear;}
div#primaryMenu.show:before,div#primaryMenu.collapsing:before{opacity:1;visibility:visible;height:100%;}

.min-height-text{min-height:290px;}
.hw-it-wrk-section .work-process-card__content p{font-size:1rem;}

/* footer */
.site-footer ul{gap:1rem;}
.site-footer .social-media{gap:0.375rem;}
.thank-you-page img{max-width:500px;width:100%;}
.left-img-reverse{flex-direction:column-reverse}
.right-img-reverse,.our-name .row{flex-direction:column-reverse;}
.contact-section p br{display:none;}
.thank-you-page .row{min-height:1px;}
.card-effect h4 ,.career-section .job-card-effect h4{font-size:24px;}
.site-footer .logo-footer img{
    max-width:9.375rem;
}

}
@media (max-width: 767px) {
 h1 br,h2 br,h3 br,h4 br,h5 br,h6 br,.error-page .fs-18 br{display:none}
 .hero-3 h1{
    font-size: 1.8rem;
}
.privacy-banner h1 span{color:#fff;
    background: none;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #fff;
}
.min-height-text{min-height:290px;}
.work-process-card__wrap{margin-bottom:40px;}
.work-process-card__wrap:last-child{margin-bottom:0;}

/* footer */
 .site-footer ul,.site-footer .social-media{justify-content:flex-start;}
.site-footer .based-text{text-align:left;}
.site-footer .row{row-gap:1.5rem;}
.wpcf7 textarea{height:80px;}
.shadow-hero::after{right:0;left:auto;width:10.5rem;}

.page-title-banner.banner{background-size:cover;}
.service-slider__slide .leadership_overlay{border-radius:1rem}
.card-effect h4, .career-section .job-card-effect{font-size:20px;}
.error-page h1{font-size:31px;}

}
@media (max-width: 576px) {
    .trusted-brand-section .logo-container ul li {
        padding: 0 12px;
    }
    .benefits-inner{
        padding: 1.5rem 1rem;
    }
    form select{
        background-position: calc(100% - 5px) 50%;
        padding-right: 25px !important;
        background-size: 1.1rem;
    }
    form .d-flex{
        flex-wrap:wrap;
        gap:1.5rem !important
    }
    form .w-50{
        width:100% !important
    }
}
@media (max-width: 420px) {
.form-control{font-size:13px;}
.form-control{padding:12px 8px;}
.hero-3 h1{
    font-size: 1.5rem;
}

}
@media (max-width: 360px) {
    .min-height-text{min-height:340px;}
}


/* Privacy or Terms and Conditions*/
.pp-page .tc-details>*:first-child{margin-top:0;}
.pp-page .row{margin:0 -1rem;}
.pp-page [class*='col-']{padding:0 1rem;}
.pp-page span{color:#828386;font-size:.875rem;}
.pp-page span + h2{margin: 1rem 0;}
.pp-page p:first-child{color:#828386;font-size:.875rem;}
.pp-page p:first-child + h2{margin: 1rem 0;}
.pp-page h2{margin:3rem 0;font-size:1.75rem;line-height:1.42;color:#fff;}
.pp-page p{margin-bottom:.75rem;color:#D9D9DA;}
.pp-page p strong{font-weight:700;}
.pp-page ul{margin:0 0 1rem 0;padding:0;}
.pp-page ul li{list-style:none;position:relative;padding-left:1.5rem;margin-bottom:0.75rem;color:#D9D9DA;}
.pp-page ul li::before{content:'';left:0;top:0.2rem;position:absolute; background-image:url(../images/Star.svg);background-size:contain;background-position:center;background-repeat:no-repeat;height:1rem !important;width:1rem !important;}
.pp-page span + h2{margin:1rem 0;}
.pp-page h3{margin:3rem 0 1rem;font-size:1.25rem;font-weight:500;line-height:1.5;color:#fff;}
.pp-page :is(*:empty){display: none;}
.pp-page .sidebar aside{position:sticky;top:7.5rem;}
.pp-page .sidebar aside ul li { margin:0;padding:1.25rem 0 1rem;border-bottom:.0625rem solid var(--Color-Neutral-Dark,#505255);transition:.3s ease all;}
.pp-page .sidebar aside ul li::before{display:none;}
.pp-page .sidebar aside ul li a{color:#d9d9da;}
.pp-page .sidebar aside ul li.active{border-color:#28A0EC;}
.pp-page .sidebar aside ul li.active a{background:var(--Text-Gradient,linear-gradient(89deg,#5EBBFF 43.81%,#086CD9 97%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.pp-page .sidebar aside ul#tos { height: calc(100vh - 12.6rem); overflow-y: hidden; }
.pp-page .sidebar aside ul#tos:hover{overflow-y: scroll;}
.pp-page .sidebar aside ul#tos::-webkit-scrollbar{width:1px;}
.pp-page .sidebar aside ul#tos::-webkit-scrollbar-track {background: #505255; }
.pp-page .sidebar aside ul#tos::-webkit-scrollbar-thumb {background: #28A0EC; }
.pp-page .sidebar aside ul#tos::-webkit-scrollbar-thumb:hover {background: #28A3FE; }
.pp-page ul li ul { margin-top: 12px; } 
.pp-page ul li ul li::before {background-image: none;width: .5625rem !important;height: .5625rem !important;background-color: #fff;border-radius: 50%;top: 0.4rem;} 
.pp-page ul li ul li { padding-left: 1rem; }

@media (max-width:991px){
    .pp-page .sidebar aside{position:static;top:0;}
    .pp-page .sidebar aside ul#tos{height: auto;}
    .pp-page .sidebar aside{margin-bottom:40px;}
    .pp-page .sidebar aside ul#tos:hover {overflow: hidden;}
}