*{
margin:0;
padding:0;
box-sizing:border-box;
font-family: "Plus Jakarta Sans", sans-serif;
}

:root,
[data-bs-theme=light] {
    --bs-primary: #0755E9;
    --bs-primary-rgb: 237, 20, 76;
}

h2,h3,h4{
    font-weight: 800;
}

h4{
    font-size: 16px;
}

.mega-left li:hover {
    background: var(--gradient-01, radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%)) !important;
    color: white !important;
}

.mega-left ul li a:hover{
    color: white !important;
    background: transparent !important;
    text-decoration: none;
}


/* container */
.menu{
display:flex;
gap:35px;
list-style:none;
cursor:pointer;
}

/* .services-menu{
position:relative;
} */

/* mega menu */



/* open */

.download-workflow .industry-list li p{
    padding-left: 10px;
}


.download-workflow .industry-list li::before{
    background-image: url(../../img/green-tick.svg);
        width: 24px;
    height: 24px;
    top: 3px;

 
}
 .reports-form-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    row-gap: 8px;
    flex-wrap: wrap;
}
 .reports-form-wrap input {
    height: 52px !important;
    background: #36475D99 !important;
    color: #fff;
    border-radius: 0;
    border: none !important;
    outline: none;
    padding: 0 15px;
    max-width: 462px;
    width: 100%;
    margin-top: 0 !important;
}

.reports-form-wrap button {
    position: relative;
    background-color: #0755E9;
    font-size: 1rem !important;
    font-weight: 500;
    color: #FFFFFF;
    border: solid 1px #0755E9 !important;
    border-radius: 0 !important;
    padding: 13px clamp(18px, 1.04vw, 20px) 13px 52px !important;
    margin-top: 0 !important;
}
.reports-form-wrap button:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: 25px;
    top: 17px;
    background: url(../../img/download-icon.svg);
}
/* left */

.download-workflow-img{
        background: radial-gradient(103.69% 95.35% at 10.25% 0%, #10347E 0%, #0755E9 100%);
}

.machine-learning-content{
    position: relative;
    padding-top: 20px;
}

.machine-learning-content::before{
        content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 4px;
    left: 0px;
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);

}
.ai-agent-services-desc {
    height: 155px;
    overflow: auto;
}
/* width */
.ai-agent-services-desc::-webkit-scrollbar {
  width: 0px;
  border-radius: 50px;
}


/* LEFT SIDE */
.sticky-box{
  position: sticky;
  top: 100px;
  background: radial-gradient(140.86% 125.07% at 10.25% 0%, rgb(16, 52, 126) 0%, rgb(7, 85, 233) 100%);
  padding: 100px;
}



.sticky-box img {
    max-width: 350px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

/* NUMBER */
.number-sticky{
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  opacity: 0.9;
}

/* RIGHT SIDE */
.imagescroll{
  margin-bottom: 180px;
}

/* MOBILE */

.mega-left ul{

list-style:none;
padding:0;
margin:0;

}

.header a{
    text-decoration: none;
}



.mega-left li.active {
    background: var(--gradient-01, radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%));
    color: #fff !important;
    font-weight: 600;
}

.mega-left li.active a {
    color: white;
    text-decoration: none;
}


/* middle */
/* 
.mega-middle{

padding-left:30px;
width:450px;

} */

.mega-content{

display:none;

}

.mega-content.active{

display:block;

}

.mega-content h4{

margin:10px 0 5px;

}

.mega-content p{

font-size:14px;
color:#666;

}
.services-menu.active{
    color: #6a5cff !important;
}

.mega-menu li {
    list-style: disc;
    color: black;
}

.mega-menu{
position:absolute;
top:84px;
left:0;
width:100%;
background:#fff;
/* display:flex; */
padding:30px 30px 30px 0;
/* box-shadow:0 10px 30px rgba(0,0,0,0.1); */
left: 50%;
transform: translateX(-50%) translateY(14px) scale(0.98);
opacity:0;
visibility:hidden;
pointer-events:none;
transform-origin: top center;
transition:
  opacity 0.28s ease,
  transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
  visibility 0s linear 0.36s;
}
/* show menu */
/* CLICK par open */
.services-menu.active .mega-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform: translateX(-50%) translateY(0) scale(1);
transition-delay: 0s;
}
ul.mega-menu a::after {
    display: none;
}
/* columns */

.mega-left{

border-right:1px solid #eee;
}

.mega-left ul{
list-style:none;
padding:0;
}


.mega-left li{

/* padding:12px 45px; */
cursor:pointer;
transition:.3s;

}

.mega-left li {
    padding:12px 45px;
    color: #000 !important;
    border-radius: 8px;
}

.mega-left li:hover {
    background: #f3f0ff;
    color: #6a5cff !important;
}

.mega-menu.simple-dropdown {
    width: 100% !important;
    padding: 30px !important;
}

.simple-menu-left {
    background: #f5f6f8;
    border: 1px solid #e8ebef;
    border-radius: 12px;
    padding: 24px 20px;
    height: 100%;
}

.simple-menu-left h5 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.simple-menu-left .menu-kicker {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8a9099;
    margin: 0 0 12px;
}

.simple-menu-left p {
    font-size: 14px;
    color: #50555f;
    line-height: 1.6;
    margin-bottom: 14px;
}

.simple-menu-left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.simple-menu-left li {
    padding: 7px 0 !important;
    list-style: none !important;
}

.simple-dropdown .simple-menu-links li {
    list-style: none;
}

.simple-dropdown .simple-menu-links li > a {
    padding: 8px 12px;
    font-weight: 500;
    border-radius: 8px;
}

/* Non-linked labels in Roles / Industries / Technologies dropdowns */
.simple-menu-left ul li .menu-plain,
.simple-dropdown .simple-menu-links li > .menu-plain {
    display: block;
    width: 100%;
    color: #000;
    cursor: default;
    text-decoration: none;
    font-weight: 500;
}

.simple-dropdown .simple-menu-links li > .menu-plain {
    padding: 8px 12px;
    border-radius: 8px;
}

.mega-content ul {
    list-style: disc;
    color: black;
}

/* .mega-middle{
width:45%;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
padding:0 30px;
} */

.mega-item h4{
font-size:16px;
margin-bottom:5px;
}

.mega-item p{
font-size:14px;
color:#777;
}

.mega-right{
width:30%;
background:#f5f7ff;
padding:20px;
border-radius:10px;
}

.mega-right img{
width:100%;
border-radius:8px;
margin-bottom:10px;
}
.services-menu.open .mega-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform: translateX(-50%) translateY(0) scale(1);
transition-delay: 0s;
}

/* subtle stagger for dropdown columns */
.mega-menu .row > [class*="col-"]{
    opacity:0;
    transform:translateY(12px);
    transition: opacity 0.24s ease, transform 0.3s ease;
}

.services-menu.active .mega-menu .row > [class*="col-"],
.services-menu.open .mega-menu .row > [class*="col-"]{
    opacity:1;
    transform:translateY(0);
}

.services-menu.active .mega-menu .row > [class*="col-"]:nth-child(1),
.services-menu.open .mega-menu .row > [class*="col-"]:nth-child(1){ transition-delay: 0.03s; }
.services-menu.active .mega-menu .row > [class*="col-"]:nth-child(2),
.services-menu.open .mega-menu .row > [class*="col-"]:nth-child(2){ transition-delay: 0.06s; }
.services-menu.active .mega-menu .row > [class*="col-"]:nth-child(3),
.services-menu.open .mega-menu .row > [class*="col-"]:nth-child(3){ transition-delay: 0.09s; }
.services-menu.active .mega-menu .row > [class*="col-"]:nth-child(4),
.services-menu.open .mega-menu .row > [class*="col-"]:nth-child(4){ transition-delay: 0.12s; }
.services-menu.active .mega-menu .row > [class*="col-"]:nth-child(5),
.services-menu.open .mega-menu .row > [class*="col-"]:nth-child(5){ transition-delay: 0.15s; }
.services-menu.active .mega-menu .row > [class*="col-"]:nth-child(6),
.services-menu.open .mega-menu .row > [class*="col-"]:nth-child(6){ transition-delay: 0.18s; }





.saffaug{
    background: url(../../img/hero_staff_augmentation_qhavci.jpg) no-repeat !important;
    background-size: cover !important;
}

.saffaug2{
    background: url(../../img/hero_staff_augmentation_qhavci2.jpg) no-repeat !important;
    background-size: cover !important;
}








.menu-toggle{
display:none;
font-size:28px;
cursor:pointer;
z-index:1001;
}

.menu-toggle::before{
content:"☰"; 
}

.menu-toggle.open::before{
content:"✕"; 
}



.mobile-btn{
display:none;
}


.menu li a {
    cursor: pointer;
    color: black;
    transition: color 0.3s ease;
    width: 100%;
    display: block;
}

.menu li a:hover {
    color: #6a5cff !important;
}

/* clear hover highlight for submenu items */
.mega-menu li > a {
    border-radius: 8px;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.mega-menu li > a:hover {
    background: #f3f0ff;
    color: #6a5cff !important;
}





.header.sticky .menu li {
    color: #000; 
}

.header.sticky .menu li:hover {
    color: #6a5cff; 
}

/* header */

.header {
    padding: 25px 0;
    position: fixed;
    z-index: 1000;
    width: 100%;
    transition: 0.3s;
}

/* jab scroll ho */
.header.sticky{
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.nav{
display:flex;
align-items:center;
justify-content:space-between;
}

.logo{
font-size:28px;
font-weight:800;
}

.menu{
display:flex;
list-style:none;
gap:30px;
margin: 0;
font-weight:500;
font-size:16px;
line-height:1.4;
}

.menu > li{
font-size:16px;
font-weight:500;
}

.menu > li > a{
font-size:16px;
font-weight:500;
}

.services-menu.active .mega-menu a::after {
    display: none;
}


li.services-menu a::after {
    content: none;
    display: none;
}

li.services-menu.active::after,
li.services-menu.open::after{
    transform: rotate(180deg);
}
.get-touch-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 6px 6px 6px 18px;
    border-radius: 40px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    transition: all .3s ease;
    border: 1px solid #80808059;
}
.get-touch-btn span{
display:flex;
align-items:center;
}

.arrow-circle{
width:34px;
height:34px;
background:#0755E9;
color:#fff;
border-radius:50%;
justify-content:center;
font-family: 'Work Sans', sans-serif;
font-size:16px;
transition:.3s;
}

.get-touch-btn:hover .arrow-circle{
transform:translateX(4px);
}

.get-touch-btn:hover{
    background:#0755E9;
    color:#fff;
    border-color:#0755E9;
}
/* hero */

.hero{
padding:120px 0;
text-align:center;
position:relative;
}
.hero{
padding:120px 0;
text-align:center;

        background: 
        radial-gradient(circle at 50% 0%, 
        rgb(120 90 255 / 0%) 0%, 
        rgb(120 90 255 / 0%) 20%, 
        rgb(120 90 255 / 22%) 40%, 
        rgb(255 255 255 / 0%) 60%), 
        radial-gradient(circle at 75% 10%, 
        rgb(90 140 255 / 10%) 0%,
        rgba(255, 255, 255, 0) 50%),
        #f5f6fa00;

position:relative;
}

/* gradient glow */

.hero::before{
content:"";
position:absolute;
top:-100px;
left:50%;
transform:translateX(-50%);
width:100%;
height:500px;
background:radial-gradient(circle,#7b61ff 0%, rgba(255,255,255,0) 70%);
filter:blur(120px);
z-index:-1;
}

.badge{
display:inline-block;
background:white;
padding:10px 18px;
border-radius:40px;
font-size:14px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
color: black;
margin-bottom:30px;
}
 h1{
font-size:56px;
line-height:1.2;
font-weight:800;
margin-bottom:20px;
}

.hero h1 span{
color:#6a5cff;
}

.hero p{
font-size:18px;
color:black;
max-width:600px;
margin:auto;
margin-bottom:40px;
}

.explore-btn{
display:inline-flex;
align-items:center;
gap:12px;
padding:14px 40px;
border-radius:40px;
background: #0755E9;
color:#fff;
font-weight:600;
text-decoration:none;
font-size:15px;
box-shadow:0 10px 25px rgba(90,100,255,0.3);
transition:all .3s ease;
}

.explore-icon{
    font-family: 'Work Sans', sans-serif;
width:28px;
height:28px;
background:white;
color: #0755E9;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
rotate: -32deg;
}

.explore-btn:hover{
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(90,100,255,0.4);
}


.logo-slider{
  width:100%;
  overflow:hidden;
  margin-top:40px;
}

.logo-row{
  display:flex;
  width:max-content;
  align-items:center;
  margin:20px 0;
}

.logo-row img{
  width:130px;
  margin:0 40px;
  opacity:0.85;
  transition:0.3s;
}

.logo-row img:hover{
  opacity:1;
  transform:scale(1.1);
}

/* Row 1 Left Scroll */
.row-left{
  animation:scrollLeft 25s linear infinite;
}

/* Row 2 Right Scroll */
.row-right{
  animation:scrollRight 25s linear infinite;
}

/* Animations */

@keyframes scrollLeft{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}

@keyframes scrollRight{
  0%{
    transform:translateX(-50%);
  }
  100%{
    transform:translateX(0);
  }
}

/* Pause only hovered row */

.logo-row:hover{
  animation-play-state: paused;
}

/* .four-servies .container{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:0;
} */

.servies-card{
position:relative;
height:320px;
display:flex;
flex-direction:column;
background:#fff;
border:1px solid #ddd;
overflow:hidden;
cursor:pointer;
transition:0.4s;
}

.servies-card:hover{
box-shadow:0px 20px 40px 0px #03174029;
}

.servies-card .servies-img{
flex:1;
min-height:0;
display:flex;
align-items:center;
justify-content:center;
padding:8px 10px;
box-sizing:border-box;
}

.servies-card .servies-img img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
display:block;
margin:0;
object-fit:contain;
object-position:center;
transition:.4s;
}

.servies-card .servies-title h3{
margin-bottom:20px;
font-size:22px;
}



.bottom-box{
position:absolute;
bottom:-230px;
left:0;
width:100%;
padding:25px;
transition:.5s;
height: 310px;
}

.servies-card:hover .bottom-box{
bottom:0;
}



/* Hover */

.servies-card:hover .bottom-box{
bottom:0;
opacity:1;
background-color:aliceblue;
}

.servies-card:hover h3{
transform: translateY(0);
opacity:1;
}

.tags{
display:flex;
flex-wrap:wrap;
gap:10px;
opacity:0;
transform:translateY(20px);
transition:0.4s;
}

.servies-card:hover .tags{
opacity:1;
transform:translateY(0);
}

.service-desc{
margin:0;
opacity:0;
transform:translateY(20px);
transition:0.4s;
font-size:16px;
line-height:1.6;
color:#1B232E;
}

.servies-card:hover .service-desc{
opacity:1;
transform:translateY(0);
}

section.four-servies .servies-card{
height:420px;
}
section.four-servies .bottom-box{
height:400px;
bottom:-320px;
}
section.four-servies .service-explore{
margin-top:12px;
margin-bottom:0;
}
section.four-servies .service-explore-link{
font-weight:600;
color:#134ba9;
text-decoration:none;
display:inline-block;
}
section.four-servies .service-explore-link:hover{
text-decoration:underline;
}

.tags span{
border-radius: 20px;
    border: 1px solid #1B232E33;
    color: #1B232E;
    font-size: 1rem;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: auto;
    transition: all .3s ease;
    line-height: 18px;
    font-weight: 400;
}
.tags span:hover{
    background-color: #c3d7f9;
    border-color: #c3d7f9;
    color: #134ba9;
    transition: all .3s ease;
}

/* Hover Effects */

.servies-card:hover .servies-img img{
filter:blur(6px);
transform:scale(1.1);
}

.all-servies {
            font-size: 1rem;
        padding: 17px 22px 17px 22px;
            border: 1px solid #00000033;
            color: #1B232E;
             text-decoration: none;
             transition: 0.5s ease-in-out;
}
.all-servies:hover {
      background: #0755E9;
      color: white;
}


.experices{
    background: linear-gradient(135deg,#1e4db7,#1c5fd4);
    color:white;
    padding:20px 0;
}

 .hero-title{
    font-size:44px;
    font-weight:800;
}

.experices .expore-btn .hero-btn{
           font-size: 1rem;
        padding: 17px 22px 17px 22px;
            color: #1B232E;
            background: white;
             text-decoration: none;
             font-weight: 600;
             transition: 0.5s ease-in-out;
}
.experices .expore-btn .hero-btn:hover{
           font-size: 1rem;
        padding: 17px 22px 17px 22px;
            color: white;
            background: #04338C;
             text-decoration: none;
         
             transition: 0.5s ease-in-out;
}

a, span{
    font-weight: 600;
}

.arrow{
font-family: 'Work Sans', sans-serif;
padding-left: 10px;
}

.stat-box{
    text-align:center;
    border-right:1px solid rgba(255,255,255,0.3);
    border-left: 2px solid rgba(255,255,255,0.3);
    /* padding:30px; */
}



.stat-number{
    font-size:56px;
    font-weight:800;
}

.stat-text{
    letter-spacing:2px;
    font-size:14px;
}


.case-card {
    position: relative;
    overflow: hidden;
    background: white;
    border-radius: 0;
    border: solid 2px #D2D5DB;
}

/* CONTENT */

.card-content{
  padding:40px;
  position:relative;
  /* z-index:2; */
}

.case-card-tags span{
   font-weight: 400;
    font-size: 1rem;
    line-height: 34px;
   background: white;
   color: black;
    padding: 0 16px;
    border-radius: 100px;
    border: solid 1px #D2D5DB;
    display: inline-block;
}
.case-card-tags span.active{
 background-color: #0755E933;
    color: #134BA9;
}

/* Equal-height case study cards in Swiper row */
.case-slider .swiper-wrapper {
    align-items: stretch;
}
.case-slider .swiper-slide {
    display: flex;
    height: auto;
    box-sizing: border-box;
}
.case-slider .swiper-slide > .case-card {
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.case-slider .card-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* IMAGE RIGHT SIDE */

.hover-image{
  position:absolute;
  right:0;
  top:0;
  width:350px;
  height:100%;
  transform:translateX(100%);
  transition:0.5s ease;
  z-index:1;
}

.hover-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* BUTTON */

.view-btn{
  position:absolute;
  top:20px;
  right:20px;
  background:white;
  border:none;
  padding:10px 18px;
  border-radius:25px;
  cursor:pointer;
  text-decoration: none;
  color: black;
}

/* HOVER */

.case-card:hover .hover-image{
  transform:translateX(0);
}

.slider-arrow {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.slider-arrow-prev, .slider-arrow-next {
    font-size: 1rem;
    padding: 17px 22px 17px 22px;
    border: 1px solid #00000033;
    color: #1B232E;
    text-decoration: none;
    transition: 0.5s ease-in-out;
}
.slider-arrow-prev:hover, .slider-arrow-next:hover {
   background: #0755E9;
    color: white;
}




.slider-arrow-prev .arrow, .slider-arrow-next .arrow {
    font-family: 'Work Sans', sans-serif;
    padding-left: 0;
}


.award-row{
display:flex;
flex-wrap:wrap;
}

.award-col{
width:20%;
padding:0;
}



.award-item{
    text-align:center;
  padding:30px 15px;
  border:1px solid #ddd;
  /* border-bottom:1px solid #ddd; */
}

.award-item img {
    max-width: 150PX;
    margin-top: 15px;
    height: 90px;
    object-fit: contain;
}

.award-item p{
  font-size:14px;
  letter-spacing:1px;
  color:#333;
  height: 40px;
}



/* Mobile */


.insight-tag{
        font-size: 1rem;
    background-color: #98989833;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 32px;
    color: #020816;
    letter-spacing: 0.5px;
margin: 20px 0;
}

.insight-head h3, .insight-head h3 a {
    font-size: 24px;
    color: black;
    text-decoration: none;
}

.insight-desc {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.55;
    color: #4a5568;
}

.insight-cta {
    font-size: 15px;
    font-weight: 600;
    color: #134ba9;
    text-decoration: none;
}

.insight-cta:hover {
    text-decoration: underline;
}

.insigslider img{
    width: 100%;
}


.footer-section{
background:#0f1b2b;
padding-top: 100px !important;

}

.footer-section .footer-links h5{
    font-size: 16px;
    margin-bottom: 25px;
    color: white;
}
.footer-section .footer-links p, .footer-section .footer-links p a {
    font-size: 15px;
    text-decoration: none;
    position: relative;
    color: #98a2b3;
    transition: 0.5s ease-in-out;
    margin-bottom: 25px;
}

.footer-section .footer-links h5 a{
    color: white;
    text-decoration: none;
}



.footer-section .footer-links p::after{
    position: absolute;
    background-image: url(../../img/Vector-1.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    left: 0;
    top: 4px;
    background-size: contain;
    content: "";
    display: none;
}

/* Hover Effect */
.footer-section .footer-links p:hover{
    padding-left: 20px;
}

.footer-section .footer-links p:hover::after{
    display: block;
}

.footer-contact a{
    color: white;
    font-size: 16px;
    text-decoration: none;
}

.footer-contact i{
    padding-right: 10px;
    font-size: 16px;
}

.footer-contact p{
    font-size: 16px;
    color: #9BA1AE;
}

.footer-icons {
    display: flex;
    margin-top: 30px;
    flex-flow: wrap;
    gap: 20px;
}

 h5{
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #f5f5f5;
}

.social-icons{
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.social-icons a{

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 50px;
    height: 50px;
    transition: 0.5s ease-in-out;
    color: white;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid #384152;

    
}

.social-icons a:hover{
    background: #0755E9;

}

.form {
    display: flex;
    gap: 10px;
}

.form input{
    width: 80%;
        height: 52px !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    border: none !important;
    background: #FFFFFF29 !important;
    border-radius: 0 !important;
    
    padding: 12px 28px 12px 28px;
    border: 0;
    outline: none;
}

.form button{
    padding: 12px 28px 12px 28px;
    height: 52px;
    /* width: 20%; */
    background-color: #0755E9;
    color: white;
    border: 0;
    outline: 0;
}

.footer-section p{
    font-size: 16px;
       color: #9BA1AE;
}

.footer-address img{
    width: 15px;
    height: 15px;
}

.footer-address h6{
    font-size: 16px;
    color: white;
}

.last-footer-link{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 10px;
    padding: 0;
}
.last-footer-link li a, .last-footer-link li{
    color: #9BA1AE;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    transition: 0.5s ease-in-out;
    

}

.last-footer-link li a:hover{
    color: white;
}




header.header .menu li:hover {
    color: #6a5cff;
    transition: 0.5s ease-in-out;
}



/* Agent Page Css Start */

.case-study{
    background: url(../../img/half-ellipse.webp) no-repeat;
    background-position: top right;
    background-size: 45%;
    padding: 140px 0 54px 0;
}

.agent-hero{
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%) !important;
    padding: 140px 0 54px 0;
    position: relative;
}

.agent-hero::after {
    position: absolute;
    background: url(../../img/star.webp) no-repeat;
    top: 0;
    right: 0;
    background-size: cover;
    content: "";
    /* max-width: 1024px; */
    height: 100%;
    width: 66%;
}
.agent-hero-content {
    position: relative;
    z-index: 1;
}


.agent-hero h6{
    font-size: 20px;
    line-height: 32px;
}

.agent-link a{
    text-decoration: none;
    color: #1B232E;
    padding: clamp(16px,1.04vw,20px) clamp(16px,1.04vw,20px) clamp(16px,1.04vw,20px) clamp(16px,1.04vw,20px);
    background-color: white;
}

.agents-logo{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}

.agents-logo img{
    opacity: 0.5;
    width: 120px;
}


.agent-section-one{
    background:white;
    padding:80px 0;
}

.agent-section-one .agent-card{
    background:#fff;
    padding:40px 35px;
    border:1px solid #e5e5e5;
    min-height:260px;
    position:relative;
}

.agent-section-one .agent-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:8px;
    background:radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);
}

.agent-section-one .agent-card h2{
    font-size:64px;
    font-weight:700;
    margin-bottom:15px;
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.agent-section-one .agent-card h3{
    font-size:25px;
    color:#333;
    font-weight: 600;

}

.agent-section-one .agent-card .brand{
    margin-top:30px;
    font-size:20px;
    color:#777;
}

.agent-section-one .agent-card .brand img{
    padding-right: 10px;
}

/* stagger layout */
.agent-section-one .card-one{
    margin-top:80px;
}

.agent-section-one .card-two h3{
   min-height: 250px;
}

.agent-section-one .card-three{
    margin-top:60px;
}



/* responsive */



.ai-scale-section{
    position:relative;
    padding:100px 0;
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);
    overflow:hidden;
}

.ai-scale-section-after {
    position: absolute;
    top: 0;
    right: 0;
}
.ai-scale-section-content{
    position: relative;
    z-index: 1;
}
/* cards */

.ai-scale-section .ai-card{
    background:rgba(255,255,255,0.08);
    padding:30px;
    height:100%;
    border-radius:0;
    backdrop-filter: blur(4px);
}

.ai-scale-section .ai-card h3{
    color:#fff;
    min-height: 150px;
    font-weight:600;
    margin-bottom:15px;
}

.ai-scale-section .ai-card p{
    color:#d6e3ff;
    /* font-size:14px; */
    margin: 0;
    line-height:1.6;
}




.agent-types-section .agent-box{
padding:30px;
height:100%;
border:1px solid #dcdcdc;

}

.agent-types-section .agent-head{
/* display:flex;
align-items:center;
gap:15px; */
margin-bottom:20px;
}

.agent-types-section .agent-head img{
width:28px;
margin-bottom: 20px;
}

.agent-types-section .agent-head h4{
font-size:18px;
font-weight:600;
min-height: 80px;
margin:0;
}

.agent-types-section p{
color:#444;
line-height:1.6;
margin-bottom:10px;
}


.ai-agent-business{
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%) !important;
    padding:100px 0;
    position: relative;
    color:#fff;
}
.aiagent-business-content{
    position: relative;
    z-index: 1;
}
.ai-agent-business-title{
    font-size:40px;
    font-weight:700;
    margin-bottom:60px;
}

.ai-agent-business-cards{
    row-gap:30px;
}

.ai-agent-business-card{
    border:1px solid rgba(255, 255, 255, 0.32);
    padding:28px 24px;
    border-radius:0;
    height:100%;
    /* background:rgba(255,255,255,0.03); */
    transition:0.3s;
}


.ai-agent-business-card h3{
    width: 100%;
    font-size: 24px;
    font-weight:600;
    margin-bottom:12px;
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.ai-agent-business-card h3::before {
    background: url(../../img/parrot-green-tick.svg) no-repeat;
    content: "";
    background-size: contain;
    width: 18px;
    height: 18px;
    left: 0;
    position: absolute;
    top: 8px;
}

.ai-agent-business-card h3::after{
        content: "";
    width: 0px;
    height: 2px;
    background: linear-gradient(90deg, #8DB7FF 0%, #538FF6 100%);
    transition: width 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -20px;
}
.ai-agent-business-card:hover h3::after{
    width: 100%;
}
.ai-agent-business-card p{
    padding-top: 20px;
    line-height:1.6;
    opacity:0.9;
}

.ai-agent-business-cta{
    display:flex;
    flex-direction:column;
    justify-content:center;
}


/* SECTION */



/* CARD */

.ai-agent-services-card{
border:1px solid #e3e3e3;
height:360px;
padding:40px;
position:relative;
background:#fff;
overflow:hidden;
transition:0.4s;
}
button.accordion-button {
    color: black !important;
}

/* TAG */

.ai-agent-services-tag{
font-size:13px;
letter-spacing:3px;
color:#8a8a8a;
}

/* TITLE */

.ai-agent-services-card h3{
position:absolute;
bottom:40px;
left:40px;
right:40px;
font-size:26px;
transition:0.4s;
height: 50px;
color:#0a1425;
}

/* DESCRIPTION */

.ai-agent-services-desc{
position:absolute;
left:40px;
padding-right: 50px;
right:40px;
bottom:0;
opacity:0;
transform:translateY(30px);
transition:0.4s;
color:#dfe7ff;
font-size:14px;
line-height:1.6;
}

/* CORNER BOX */

.ai-agent-services-arrow-box{
position:absolute;
right:0;
bottom:0;
width:90px;
height:90px;
border-left:1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
color:#1e63ff;
background:#fff;
}

/* HOVER EFFECT */

.ai-agent-services-card:hover{
background:linear-gradient(135deg,#1b4fd8,#0e3aa5);
}

.ai-agent-services-card:hover h3{
top: 104px;;
color:#fff;
}

.ai-agent-services-card:hover .ai-agent-services-tag{
color:#cfe1ff;
}

.ai-agent-services-card:hover .ai-agent-services-desc{
opacity:1;
transform:translateY(0);
top: 174px;
}

.ai-agent-services-card:hover .ai-agent-services-arrow-box{
background:#fff;
color:#1b4fd8;
}



.industry-tabs .nav-link{
color:#6c757d;
font-weight:500;
border:none;
padding:12px 20px;
}

.industry-tabs .nav-link.active{
color:#0d6efd;
border-bottom:2px solid #0d6efd !important;
}

.industry-list{
list-style:none;
padding:0;
}

.industry-list li{
margin-bottom:15px;
padding-left:25px;
position:relative;
font-size:16px;
}

.industry-list li::before{
content:"";
background: url(../../img/our-process-blue-tick.svg);
width: 10px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
top: 8px;
position:absolute;
left:0;
color:#0d6efd;
font-weight:bold;
}


.ai-hero{
position:relative;
padding:105px 0;
/* padding:120px 0; */
background:linear-gradient(135deg,#1d5bd8,#0e3fa9);
color:white;
overflow:hidden;
}

/* big rounded shape */

.ai-hero::after{
    content: "";
    position: absolute;
    background: url(../../img/Frame-2147204218.png.bv.webp);
    background-size: 50% cover;
    right: 0;
    width: 50%;
    top: 0;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

.ai-hero-content{
    position: relative;
    z-index: 2;
}


.tech-tabs .nav-link{
border:none;
color:#666;
font-weight:500;
margin:0 15px;
}

.tech-tabs .nav-link.active{
color:#2a5bd7;
border-bottom:2px solid #2a5bd7 !important;
background:none;
}



.logo-box{
padding:50px 20px;
border-right:1px solid #ddd;
/* border-bottom:1px solid #ddd; */
}

.logo-box p{
font-size:14px;
letter-spacing:2px;
margin-bottom:25px;
}

.logo-box img{
height:40px;
object-fit:contain;
}

/* remove last border on desktop */




.faq-section .accordion-button::after {
    background-image: none;
    content: "+";
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    transform: none;
    right: 13px;
    top: 50%;
    width: 20px;
    transform: translateY(-50%);
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-section .accordion-button:not(.collapsed)::after{
content:"−";
background-image: none;
transform: translateY(-50%);
}
.faq-section 
.accordion-item {
    border: 0;
    border-bottom: 1px solid;
   
    border-radius: 0 !important;
}

.faq-section .accordion-item:first-child{
     border-top: 1px solid;
}
.faq-section .accordion-body {
    padding: 16px 0;
}

.faq-section button.accordion-button {
     font-size: 24px;
    font-weight: 700;
    padding: 16px 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.faq-section .accordion-body p{
    margin: 0;
}


body.text-hover .menu li a{
    color: white;
}

body.text-hover .get-touch-btn {
    color: white;
    border-color: white;
}

body.text-hover  .sticky  .menu li a {
    color: black;
  
}
body.text-hover  .sticky .get-touch-btn {
    color: black;
    border-color: black;
}



.our-process .our-process-row{
    position: relative;
}
  
    .our-process .step-head{
        position: absolute;
        top: 20px;
        left: 0;
    }
    .our-process .step-images img  {
        display: block;
    max-width: 290px !important;
    width: 100%;
}

.our-process .step-images .active-step{
    position: relative;
    z-index: 9;
}
   .our-process  .step-images img:not(:first-child)  {
        margin-top: -45px;
}
.our-process .step-title {
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.our-process .step-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.5px;
}

.our-process .step-title {
    padding-left: 20px;
}

.our-process .process-description {
    padding-left: 40px;
}

.our-process .process-two-single-step {
    border-bottom: 0px solid #D2D5DB;
}
.our-process .process-two-single-step:not(:last-child){
    border-bottom: 1px solid #D2D5DB ;
}

.our-process .process-two-single-step{
    padding-left: 32px;
        padding-bottom: 32px;
}
.our-process .active-step{
    display: block !important;
}

.our-process .step-process{
    display: none;
}
.our-process .process-title {
    height: 100px;
    display: flex;
    align-items: center;
}
.our-process .process-description{
    display: none;

}
.our-process .process-description p{
    margin: 0;
}

.tab-slider {
    border: 0;
    justify-content: flex-start;
}

.tab-slider button.nav-link {
    border: 0 !important;
}

.tab-slider button.nav-link.active {
    color: #0d6efd !important;
    border-bottom:2px solid #0d6efd !important;
}
.tab-slider button.nav-link {
    color: #666 !important;
 
}

ol, ul {
    padding-left: 1rem
;
}
.text-hover .mega-content li {
    color: black !important;
}
/* Agent Page Css End */

/* Hire Software Developer Start */

.hire-hero{
    background: #f6f7f8;
    padding: 120px 0;
    position: relative;
}

.hire-hero-content span{
    font-weight: bolder;
    color: #0755E9;
}
.hire-hero-content .explore-btn  span{
    color: white;
}
.hire-hero-content span.explore-icon {
    color: #0755E9;
}
.mega-content li a:hover h4 {
   color: #0755E9;
   transition: 0.5s ease-in-out;
}
.hire-hero-content p{
    font-size: 20px;
}

.hire-hero-img img {
    min-height: 340px;
    object-fit: cover;
    border-radius: 15px;
}


.site-neutrals {
    background: #52606d;
    padding: 24px 54px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
    border-radius: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -48px;
}

.hire-logo img {
    height: 28px;
    max-width: 110px;
    width: 100%;
}

.hire-logo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.site-neutrals p {
    border-right: 1px solid white;
}

.profile-card{
    box-shadow: 0 0 #0000, 0 0 #0000, 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
    border-radius: 16px;
    max-width: 280px;
    width: 100%;
    padding: 16px;
    background: white;
}

.profile-card-one{
    border:4px solid rgb(209 250 229);
}

.profile-card-two{
    border: 4px solid #fecdd3;
    position: absolute;
    right: 68px;
    bottom: 60px;
}

.profile-info h6{
    font-size: 14px ;
}

.profile-card-three{
    border: 4px solid #eaf1f7;
    position: absolute;
      left: 200px;
    top: 170px;
}



.profile-info p{
    font-size: 12px;
}

.profile-tag span{
    font-size: 10px;
    background-color: #d9dcdf;
    padding: 2px 4px;
    font-weight: 300;
    border-radius: 6px;
}

.profile-location p{
    font-size: 14px;
    margin: 0;
}

.vetting-process-box{
  border: 4px solid #0755e987;
    border-radius: 12px;
    padding: 32px;
    position: relative;
    height: 100%;
}

.vetting-process-box .step-number{
  position: absolute;
    top: -56px;
    left: 15px;
    font-size: 72px;
    color: #0755E9;
    font-weight: bold;
}

.benefits{
    position: relative;
}

/* .benefit-img img {
    position: absolute;
    left: -78px;
    width: 36%;
    margin-top: 50px;
    border-radius: 0 20px 20px 0;
} */
  
.benefit-icon i {
    color: #0755E9;
    font-size: 28px;
}

.benefit-icon{
    margin-top: -8px;
}

.logs-all{
    background-color: #f6f7f8;
    
}


.slider-wrapper{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.slider-line{
  position:relative;
  overflow:hidden;
  height:70px;
}

.slider-track{
  position:absolute;
  display:flex;
  min-width:100%;
  animation:slideLeft 25s linear infinite;
}

.slider-track.reverse{
  animation:slideRight 25s linear infinite;
}

.slider-track li{
  list-style:none;
  padding-right:40px;
}

.slider-track a{
  text-decoration:none;
  font-size:52px;
  font-weight:bolder;
  color:#c2c7cc;
  transition:0.3s;
}

.slider-track a:hover{
  color:#4f7cff;
}

/* animations */

@keyframes slideLeft{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@keyframes slideRight{
  from{
    transform:translateX(-50%);
  }
  to{
    transform:translateX(0);
  }
}

/* pause on hover */

.slider-line:hover .slider-track{
  animation-play-state:paused;
}

.dahed-benefit{
    position: relative;
    z-index: 1;
}

.dahed-benefit::before {
    border: 2px solid  #dedede;
    height: 121%;
    position: absolute;
    content: "";
    border-style: dashed;
    left: 22px;
    z-index: -1;
}

 .last-child::after{
   position: absolute;
    content: "";
    border-top-width: 2px;
    width: 73px;
    border: 2px dashed #dedede;
    bottom: -34px;
    left: 23px;
    z-index: -1;
}

.roycel-case-card {
    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);
    background-color: #f6f7f8;
    border-radius: 4px;
    padding: 30px 56px;
    width: 75%;
    margin: auto;
}

.royal-tag a {
    background: #52606d;
    color: white;
    text-decoration: none;
    border-radius: 50px;
    padding: 4px 8px;
    font-weight: normal;
    font-size: 12px;
}

.roycel-case-card h5 {
    font-weight: 800;
    color: #0755E9;
}

.royal-case-link {
    width: fit-content;
    margin-left: auto;
    border-bottom: 2px solid black;
    padding-right: 32px;
}

.royal-case-link a{
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.royal-case-link:hover {
    padding-left: 32px;
    padding-right: 0;
    transition: 0.5s ease-in-out;
}

.hiring-freelance img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px 0 0 20px;
}



.our-award-row{
    background-color: #2A337B !important;
}

.compare-box {
    border: 1px solid #dedede;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.compare-row {
    display: flex;
    border-top: 1px solid #dedede;
}

.compare-left {
    width: 50%;
    background: #0756e93e;
    padding: 20px;
    align-items: center;
    display: flex;
    gap: 10px;
}

.benefit-items.dahed-benefit img {
    width: 48px;
    height: 48px;
}

.compare-right {
    width: 50%;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.compare-row:first-child {
    border-top: none;
}


.comprehensive-accordion .accordion-button {
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    color: black;
}


.comprehensive-accordion .accordion-item {
    border: 0;
      border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    margin-top: 20px;
    background-color: transparent;
}

.comprehensive-accordion .accordion-item:first-child{
    margin-top: 0;
}

.comprehensive-accordion .accordion-item p{
    font-size: 18px;
    /* margin: 0; */
}

.comprehensive-accordion .accordion-item p:last-child{
    margin: 0;
}

.comprehensive-accordion .accordion-body {
    padding: 16px 0 0 0;
}


.developer-skill-img img{
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}

.div-content {
    border-bottom: 1px solid;
    margin-bottom: 14px;
    height: 100%;
}

.dev-title {
    width: 41px;
    height: 2px;
    border-bottom: 4px solid;
    margin-bottom: 14px;
    border-color: #0755E9;
    padding-top: 14px;
}


.feature-box{
padding:25px 0;
border-top:1px solid #ddd;
}

.icon{
color:#0755E9;
font-size:20px;
margin-right:12px;
}

.feature-title{
font-size:18px;
font-weight:600;
margin-bottom:5px;
}

.feature-text{
/* font-size:14px; */
color:#6c757d;
line-height:1.6;
}


.hire-faq-section{
    background-color: #f6f7f8;
}

.hire-faq-section .container{
    width: 80%;
}

.hire-call-to-action{
    background-color: black;
}

.custom-tabs{
    position: relative;
}

.custom-tab button.nav-link {
    margin-right: 20px;
    padding: 20px 0;
    padding-right: 40px;
    font-size: 18px;
}

.custom-tab button.nav-link.active {
    background: transparent;
    color: #0755E9;
    box-shadow: none;
}

.custom-tabs .nav-link i {
    display: none;
}

.custom-tab button.nav-link {
    color: black;
}

.custom-tab button.nav-link:hover{
    color: #0755E9;
    transition: 0.5s ease-in-out;
}

.custom-tab button.nav-link {
    color: black;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    text-align: end;
    justify-content: end;
    align-items: center;
    gap: 20px;
    border-radius: 0;
}

.custom-tabs .nav-link.active i {
    display: block;
    color: #0755E9;
    font-size: 18px;
    position: absolute;
    right: 15px;
    font-weight: bold;
}

.practice-item{
border-bottom:1px solid #ddd;
padding:20px 0;
}

.practice-header{
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
}

.practice-header h4{
font-size:20px;
color:#0755E9;
}


.toggle-icon{
color:#0755E9;
font-size:22px;
font-weight:bold;
}

.practice-content{
margin-top:20px;
}

.practice-box{
margin-bottom:20px;
}

.practice-box h6{
font-weight:600;
font-size:20px;
}

.practice-header.collapsed h4 {
    color: black;
}

.practice-box p{
    margin: 0;
}


/* CTA */

.cta-section{
margin:80px 0;
}

.cta-box{
background:#0755E9;
border-radius:22px;
padding:30px;
}

.cta-img img{
width:100%;
height:130px;
object-fit:cover;
border-radius:14px;
}

/* text */

.cta-text{
color:#fff;
font-size:32px;
font-weight:600;
line-height:1.3;
}

/* button */

.cta-btn{
background:#000;
color:#fff;
padding:14px 28px;
border-radius:12px;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:10px;
font-weight:500;
transition:.3s;
}

.cta-btn:hover{
background:#111;
color:#fff;
}

.cta-btn span{
font-size:20px;
}

.four-boxcarer{
box-shadow: 0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);
background-color: white;
margin-top: -46px;
}

.team-card {
    border-radius: 25px;
    height: 150px;
    align-items: end;
    overflow: hidden;
    object-position: top;
    /* padding: 20px; */
    display: flex;
}

.team-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 20px;
}

/* Background Colors */
.bg-orange {
  background: #f25c2a;
}

.bg-yellow {
  background: #f2c97d;
}

.bg-peach {
  background: #e9a28d;
}

.bg-orange2 {
  background: #f4a000;
}

.bg-green {
  background: #0755E9;
}

.bg-green-lght {
  background: rgb(143, 213, 191);
}

.bg-blue {
  background: #2f6fd0;
}

.bg-blue-light {
  background: #91BCF4;
}

.skillrow{
    background-color: white;
    box-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
    
}

.developer-skill-img, .developer-skill-img img{
    height: 100%;
}

.backgroun-tem img{
   margin-bottom: 10px;
   text-align: end;
   border-radius: 20px;
}

/* responsive */



.tech-section{
    background-color: #f6f7f8;
}

.tech-logo img{
    filter: grayscale();
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.tech-logo img:hover{
    filter: none;
}




.industry-section{
background:#f3f3f3;
padding:80px 0;
}

.industry-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:40px;
}

.industry-header h2{
font-size:38px;
font-weight:600;
}

.industry-section .view-link{
color:#0755E9;
text-decoration:none;
border-bottom:2px solid #0755E9;
padding-bottom:5px;
}

.industry-section .industry-grid{
display:grid;
grid-template-columns:2fr 1fr;
grid-template-rows:auto auto;
gap:25px;
}

.industry-section .industry-card{
background:#fff;
border-radius:10px;
padding:22px;
position:relative;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.industry-section .big-card{
background:#000;
height:100%;
grid-row:span 2;
position: relative;
color:#fff;
}

.industry-section .big-card .royal-case-link {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

a.industry-card-link {
    color: black;
    text-decoration: none;
    display: none;
}

.industry-section .case-link{
position:absolute;
bottom:25px;
right:30px;
border-bottom:1px solid #fff;
padding-bottom:5px;
}

.industry-section .small-card {
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.industry-section .bottom-card{
min-height:200px;
display:flex;
flex-direction:column;
justify-content:space-between;
cursor: pointer;
transition: 0.5s ease-in-out;
}

.industry-section .bottom-card:hover a , .industry-section .small-card:hover a ,.industry-section .bottom-card:hover h5, .industry-section .small-card:hover h5, .industry-section .bottom-card:hover h4, .industry-section .small-card:hover h4 {
    
    color: white !important;
    display: block;
}

.industry-section .bottom-card:hover, .industry-section .small-card:hover{
background: #000;
}

.industry-section .instr{
position:absolute;
top:20px;
right:20px;
color:#0755E9;
font-size:20px;
}

.industry-section .industry-card img{
max-width:80px;
}

.industry-section .bottom-card p{
margin:0;
color:#6c7a89;
font-size:14px;
}


.industry-card h4{
    font-size: 30px;
}

.testimonials-showcase-section {
    background: #f2f3f5;
    border-radius: 28px;
    overflow: hidden;
    padding: 64px 28px !important;
}

.testimonials-showcase-section .container {
    max-width: 1240px;
}

.testimonial-badge-wrap {
    text-align: center;
    margin-bottom: 24px;
}

.testimonial-badge {
    background: #000;
    color: #fff;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 14px 6px 6px;
}

.testimonial-badge .badge-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #2f49ff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.testimonials-showcase-section .hero-title {
    max-width: 620px;
    margin: 0 auto;
    font-size: 50px;
    line-height: 1.15;
}

.testimonial-slider-wrap {
    position: relative;
}

.testimonial-row + .testimonial-row {
    margin-top: 8px;
}

.testimonial-slider-wrap::before,
.testimonial-slider-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    width: 85px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.testimonial-slider-wrap::before {
    left: 0;
    background: linear-gradient(90deg, #f2f3f5 15%, rgba(242, 243, 245, 0));
}

.testimonial-slider-wrap::after {
    right: 0;
    background: linear-gradient(270deg, #f2f3f5 15%, rgba(242, 243, 245, 0));
}

.testimonials img {
    width: 100%;
}

.testimonials {
    padding: 12px 22px 10px;
}

.testimonials .swiper-wrapper {
    align-items: stretch;
    transition-timing-function: linear !important;
    will-change: transform;
}

.testimonials .swiper-slide {
    padding: 10px;
    height: auto;
    width: 360px;
}

.testimonials .insight-post {
    background: #eef0f3;
    border-radius: 14px;
    border: 1px solid #e2e5ea;
    padding: 22px 22px 18px;
    text-align: left;
    box-shadow: none;
    height: 250px;
    display: flex;
    flex-direction: column;
}

.testimonials .quote-icon {
    font-size: 34px;
    color: #3c4ef4;
    line-height: 1;
    margin-bottom: 10px;
}

.testimonials .testimonial-text {
    font-size: 16px;
    color: #202327;
    margin-bottom: 18px;
    line-height: 1.55;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.testimonials .testimonial-author {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
}

.testimonials .insight-img img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.testimonials .name {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.testimonials .role {
    font-size: 12px;
    color: #71757b;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

@media (max-width: 992px) {
     .cms-post-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
    .testimonials-showcase-section {
        padding: 52px 18px !important;
    }

    .testimonials-showcase-section .hero-title {
        font-size: 40px;
    }
    .associated-section-inner {
    grid-template-columns: 1fr !important;
  }

  .associated-section-image {
    height: 200px;
  }
  .associated-section{
    padding-bottom: 0 !important;
  }

  .associated-form-box {
    position: static !important;
    margin: 20px auto 0 !important;
  }

}

@media (max-width: 768px) {
     .cms-post-grid {
    grid-template-columns: 1fr !important;
  }
    .testimonials-showcase-section {
        border-radius: 18px;
        margin-bottom: 24px !important;
    }

    .testimonials-showcase-section .hero-title {
        font-size: 30px;
    }

    .testimonial-slider-wrap::before,
    .testimonial-slider-wrap::after {
        display: none;
    }

    .testimonials {
        padding: 8px 0;
    }

    .testimonials .swiper-slide {
        width: 84vw;
    }

    .testimonials .insight-post {
        height: 240px;
    }
}




.blog .blog-hero{
    text-decoration: none;
    color: #000;
}

.blog .blog-hero:hover h1{
    text-decoration: underline;
}




/* SIDEBAR */
.blog .sidebar-item {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
         text-decoration: none;
    color: black;
    background-color: #eff1f3;
}

.blog .sidebar-item:hover{
    text-decoration: underline;
}

.blog .sidebar-item p{
    margin: 0;
    padding-right: 10px;
}

.blog .sidebar-item img {
   max-width: 200px;
    border-radius: 0;
    object-fit: cover;
    object-position: unset;
    width: 100%;
   
}


/* CARD */
.blog .card-custom {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
}

.blog .card-custom:hover {
    transform: translateY(-5px);
}

.blog .card-img-top {
    height: 180px;
    object-fit: cover;
}

.blog .card-body{
    
    padding: 26px;
}



.blog .card-body h4{
    font-size: 24px;
    
 
}

.blog .card-body  a{
    text-decoration: none;
    color: black;
}
.blog .card-body  a:hover{
    text-decoration: underline;
    color: black;
}


/* AUTHOR SECTION */

.blog .author-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.blog .author-text {
    font-size: 16px;
    color: #6c757d;
}

.blog .author-name {
    font-weight: 600;
    color: #000;
}

.blog .read-time {
    font-size: 16px;
    color: #6c757d;
}

/* CaseStudy style */

.casestudy-content{
  display: flex;
  gap: 20px;
  flex-wrap: wrap; /* important for responsiveness */
}

.casedropdown {
  width: 300px;
  position: relative;
}

/* Button */
.casedropdown .dropdown-btn {
    background: #E6E7EB;
    padding: 12px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    height: 52px;
    align-items: center;
    color: #6B7281;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

/* Arrow */
.casedropdown .arrow {
  transition: 0.3s;

}

.casedropdown .arrow img {

    width: 16px;
    height: 16px;
}

/* Rotate arrow */
/* .casedropdown.active .arrow {
  transform: rotate(180deg);
} */

/* Dropdown Content */
.casedropdown .dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #D2D5DB;
    overflow-y: auto;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    height: 212px;
}

/* Show */
.casedropdown.active .dropdown-content {
  display: block;
}

/* Items */
.casedropdown .dropdown-content label {
  display: block;
  padding: 10px 12px;
  cursor: pointer;
  font-size: 16px;
}

.casedropdown .dropdown-content label:hover {
  background: #f5f7fa;
}

.casedropdown input[type="checkbox"] {
  margin-right: 8px;
}

.case-study-cards .sd-wrap-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.case-study-cards .sd-wrap-top .whitepaper-category {
    margin-top: 0px;
    font-weight: 500;
    color: #020816;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    border-radius: 100px;
    border: 1px solid #D2D5DB;
    padding: 6px 10px;
}

.case-study-cards .sd-wrap-top .whitepaper-category {
    margin-top: 0px;
    font-weight: 500;
    color: #020816;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    border-radius: 100px;
    border: 1px solid #D2D5DB;
    padding: 6px 10px;
}
.case-study-cards .overlay .sd-wrap-top .whitepaper-category {
    border: 1px solid #D2D5DB;
    background-color: white;
}

.case-study-cards {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  height: 440px;
}

/* IMAGE BOX (default chhoti height) */
.case-study-cards .img-box {
  height: 220px;
  overflow: hidden;
  position: relative;
  transition: 0.4s ease;
}

.case-study-cards .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-study-cards h3{
  font-size: 28px;
  font-weight: 600;
}

/* TEXT BELOW */
.case-study-cards .text-box {
background: #fff;
    padding: 20px;
    position: absolute;
    transition: 0.3s;
}

/* OVERLAY (hidden by default) */
.case-study-cards .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 20px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  opacity: 0;
  transition: 0.4s ease;
}

/* 🔥 HOVER EFFECT */
.case-study-cards:hover .img-box {
  height: 420px; /* full expand */
}

.case-study-cards:hover .overlay {
  opacity: 1;
}

.case-study-cards:hover .text-box {
  opacity: 0;
}

.testimonial-form{
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%) !important;
}

.testimonial-form .swiper-pagination {
    bottom: 0px;
    position: unset;
    width: auto;
    text-align: start;
    margin-top: 20px;
}

.testimonial-form .swiper-pagination-bullet {
    width: 28px;
    height: 10px;
    background: #FFFFFF29;
    border-radius: 20px;
    opacity: 1;
}

.testimonial-form .swiper-pagination-bullet-active{
background-color: white;
width: 48px;
}


.form-box {
  background:#f2f2f2;
  padding:30px;
  border-radius:6px;
}

/* FLOATING INPUTS */


/* FLOATING SELECT CUSTOM */
.testimonial-form .float-select {
  position:relative;
}
.testimonial-form .float-select select {
  width:100%;
  height: 58px;
  padding: 23px 8px 7px !important;
 background: #5172B21F;
  border:none;
}
.testimonial-form .form-floating .form-control {
    background: #5172B21F;
    border-radius: 0;
    padding: 23px 14px 7px !important;
    box-shadow: none;
    border: 0;
}
.testimonial-form .float-select label {
  position:absolute;
  left:12px;
  top:16px;
  color:#555;
  transition:.2s;
  background-color: transparent;
  pointer-events:none;
}
.testimonial-form .float-select.active label {
  top:5px;
  font-size:12px;
  background-color: transparent;
  border: 0;
}

.form-floating>textarea:focus~label::after, .form-floating>textarea:not(:placeholder-shown)~label::after{
    display: none;
}

/* BUTTON */
.testimonial-form .btn-custom, .testimonial-form .btn-custom:hover {
 font-size: 1rem !important;
    background-color: #0755E9;
    color: #f8f8f8;
    margin-top: 20px;
    height: 52px;
    width: auto !important;
    padding: 12px 28px !important;
    cursor: pointer;
    border-radius: 0;
}

.testimonial-form .form-check-input[type=checkbox] {
    border-radius: .25em;
    border-color: black;
    background: transparent;
}

/* Casestudy End */

/* How It Work Page Start */

.how-it-work{
    padding: 140px 0 54px 0;
}

.how-it-work h1{
    font-size: 62px;
}

.how-it-work .btn-two{
    border: 1.5px solid #1f2937;
}

.how-it-tag .tag.active,
.how-it-tag a.tag.active {
    background: #6d28d9;
    color: #fff;
}
.how-it-tag .tag,
.how-it-tag a.tag {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #1f2937;
    border-radius: 8px;
    margin: 5px;
    font-size: 14px;
    color: #cbd5e1;
    text-decoration: none;
}
.how-it-tag a.tag:hover {
    border-color: #6d28d9;
    color: #fff;
}

.how-it-page .text-primary {
    color: #6d28d9 !important;
}

.how-it-page .border-primary {
    border-color: #6d28d9 !important;
}

.how-it-page .explore-btn{
     background: #6d28d9;
}

/* Dark heroes / full-bleed layouts: match index nav (white bar, default dark links). Add class page-nav-index on <body>. */
body.page-nav-index .header {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.stage-icone i{
    background-color: #6d28d9e8;
    height: 50px;
    padding: 10px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 8px;
    color: white;
}

.stage-card{
    height: 100%;
}

.starge-number{
    background-color: #6d28d97a;
    border-radius: 20px;
}

/* How It Work Page End */

.bairesdev{
    background: #f6f7f8;
}

.excellence-col-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    flex-wrap: wrap;
}

.excellence-col hr {
    width: 50px;
    color: #0755E9;
    opacity: 1;
    border: 2px solid;
    margin: 10px auto;
}


.hear-teams-slider{
    background-color: #000;
    padding: 20px;
}

.hire-team-img{
    left: 0;
    top: -54px;
    width: 100%;
}

.top-one-percent{
    background: url(../../img/dedicated_software_hero_djsdui.avif) no-repeat;
    background-size: cover;
}

/* ACCORDION DESIGN */
.hire-team-accortion .accordion-item {
    border: none;
    border-radius: 8px;
    background: white;
    margin-bottom: 24px;
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.hire-team-accortion .accordion-header {
       border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    padding: 12px 16px;
    /* background-color: #0756e93e; */
}
.hire-team-accortion .accordion-header:not(.collapsed) {
     background-color: #0756e93e;
}
.hire-team-accortion .accordion-button {
  background:transparent;
  font-size: 18px;
  color: #111111 !important;
  font-weight: 500;
  padding: 0;
  box-shadow: none;
}

.typical-software-cards{
    background-color: white;
    padding: 175px 24px 24px 24px;
    border-radius: 16px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
        position: relative;
        height: 100%;
}

.typical-software-cards img {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 200px;
    height: auto;
    max-height: 200px;
    object-fit: contain;
}

section.typical-software{
    position: relative;
}

section.typical-software .row::after {
    position: absolute;
    content: "";
    width: 70%;
    height: stretch;
    background: #f6f7f8;
    top: 0;
    z-index: -1;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.sd-images-wrap img {
    width: 150px !important;
    height: 88px !important;
    object-fit: contain !important;
    object-position: left;
}

.dedicated-teams .our-aword-text p{
    color: white;
    font-size: 20px;
}

.dedicated-teams .circle-box {
  position: relative;
  width: 300px;
  height: 300px;
}

.dedicated-teams .rotating-text {
  width: 100%;
  height: 100%;
  animation: spin 12s linear infinite;
}

.dedicated-teams .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.dedicated-teams .content h2 {
  color: #fff;
  font-size: 42px;
  margin: 0;
}

.dedicated-teams .content p {
  color: #fff;
  font-size: 16px;
  margin-top: 5px;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.software-development-team{
        background: url(../../img/what-you-need-bg_r9wnir.avif);
    background-color: #f6f7f8;
    position: relative;
    background-position: top left;
    background-size: 43%;
    background-repeat: no-repeat;

}

.AI-Transformation{
    background-image: url(../../img/AI-Banner.jpg) !important;
        background-size: cover;
    background-position: bottom;
}

.ai-left-content{
    padding-right: 40px;
}
.border-left-custom {
    border-left: 1px solid #ddd;
}

.ai-right-box {
    background: #f8f8f8;
    padding: 30px;
    border-bottom: 1px solid #ddd;
}
.testimonial-wrapper {
  position: relative;

}



.testimonial-wrapper .card {
  position: absolute;
  width: 100%;
  padding: 20px;
  border-radius: 15px;
  background: #0755E9;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s ease;
}

/* Dynamic stacking based on order */
.testimonial-wrapper .card:nth-child(1) { top: 0; left: 0; z-index: 3; }
.testimonial-wrapper .card:nth-child(2) { top: 30px; left: 20px; z-index: 2; }
.testimonial-wrapper .card:nth-child(3) { top: 60px; left: 40px; z-index: 1; }


 .multe-cards .award-card {
      background: #fff;
      border-radius: 16px;
      padding: 35px 25px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
      text-align: center;
      margin-bottom: 30px;
    }

    .multe-cards img {
    width: 100px;
}

.vetting-process-accordion .accordion-item {
    background: white;
    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);
    padding: 20px;
    border-radius: 20px;
}

/* ACTIVE COLOR */
.hire-team-accortion:not(.collapsed) {
  color: #000;
  background: transparent;
}


.vettingimg img{
    height: 500px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

   .table-container table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
  }

   .table-container th,  .table-container td {
    padding: 24px;
    text-align: center;
    border-bottom: 1px solid #eee;
  }

   .table-container th {
    background: transparent;
    font-weight: 600;
  }

   .table-container th:first-child,
   .table-container td:first-child {
    text-align: left;
    width: 40%;
    padding-right: 46px !important;
  }
   .table-container th:not(:first-child),
   .table-container td:not(:first-child){
    width: 20%;
   }
  /* Highlight middle column */
  .table-container  td:nth-child(3),
   .table-container th:nth-child(3) {
    background: #0755E9;
    color: #fff;
  }
.table-container tbody tr:nth-child(1){
    background-color:  #0755e917;
}
 

  /* Icons */
   .table-container .check {
    color: #0755E9;
    font-weight: bold;
    font-size: 18px;
  }

   .table-container .dash {
    color: #aaa;
    font-size: 18px;
  }

  .info-icon{
    position: relative;
  }

  .table-container .info {
    position: absolute;
    right: 26px;
    color: #bbb;
    /* margin-left: 6px; */
  }

  /* Responsive */



/* MOBILE IMPROVEMENTS */


/* Hire Software Developer End */

/* Keep hamburger strictly mobile/tablet */


.read-assess-card-mobile {
    display: none;
}
.read-assess-card-mobile .card-header {
    background-color: transparent;
    border-bottom: none !important;
}

.read-assess-card-mobile .card-header img {
    width: 94px;
    height: 94px;
    display: block;
    margin: 0 auto 10px;
    opacity: 0.6;
}

.read-assess-card-mobile .card-header h3 {
    font-size: 21px;
    margin-bottom: 10px;
}

.read-assess-card-mobile .card-details {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease;
}
.arrow-down-m {
    display: flex;
    margin: auto;
    width: 41px;
    transform: rotate(90deg);
}


.read-assess h1 {
    font-size: 42px;
    margin-bottom: 19px;
    text-align: center;
}

.read-assess-card {
    background-color: transparent;
    width: 235px;
    height: 605px;
    perspective: 1000px;
}



/* ✅ FIX 1: HOVER FLIP */
.read-assess-card:hover .read-assess-card-inner {
    transform: rotateY(180deg);
}

.read-assess-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}

.read-assess-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background-color: white;
    color: black;
    border-radius: 16px;
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(0deg, #b45041 -5.56%, #f3692d 62.1%, rgba(243,105,45,0) 248.15%) border-box;
}

/* ✅ FIX 2: hover area ke liye */
.read-assess-card-front h2 {
    /* font-size: 46px;
    font-weight: normal; */
    position: absolute;
    top: 4%;
    writing-mode: vertical-rl;
    right: 10px; /* pehle -39px tha */
    text-align: start;
    z-index: 50;
}

.read-assess-card-front img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-radius: 18px;
    opacity: 0.6;
}

/* BACK */
.read-assess-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background-color: white;
    color: black;
    border-radius: 16px;
    border: 1px solid transparent;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(0deg, #b45041 -5.56%, #f3692d 62.1%, rgba(243,105,45,0) 248.15%) border-box;
    transform: rotateY(180deg);
    padding: 10px 10px 41px;
}

.read-assess .Arrow-right {
    width: 82px;
}

.read-assess-card-back h5 {
    font-weight: 800;
    color: black;
    margin-top: 85px;
    margin-bottom: 49px;
}

.read-assess-card-back ul {
    padding: 0px 8px;
    margin: 0;
    list-style-type: none;
}

.read-assess-card-back ul li {
    padding-bottom: 0px;
}

.read-assess-card-back ul img {
    display: block;
    padding: 20px 0;
    margin: auto;
}



/* MOBILE FIX */

.read-assess-card-front .rocket-gif {
    width: 141px;
    height: 141px;
}
.read-assess-card-front .goals-gif {
    width: 166px;
    height: 166px;
}
.read-assess-card-front .evaluation-gif {
    width: 168px;
    height: 168px;
}

.read-assess-card-front .strategy-gif {
    width: 188px;
    height: 188px;
}


.read-assess-card-mobile:hover .card-details {
    max-height: 300px;
    opacity: 1;
    margin-top: 35px;
}

.read-assess-card-mobile .card-details ul li {
    list-style: none;
}

/* Flip Card */


.successful-AI{
    background-color: #eee;
}

.ind-sol-card {
    height: 100%;
    background-color: white;
    padding: 32px;
}

    .ind-sol-card img {
        height: 64px;
        width: 64px;
    }

    .AI-powered{
        background-color: #262b3f;
    }

.how-it-workbnner{
    background-image: url(../../img/compamy-banner-bg-image.webp) !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.how-it-workbnner::after{
display: none;
}

.decisions-stay{
    padding: 150px 0;
    background: url(../../img/hww-bg-scaled.webp) no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; 
}

.company-page-story-section-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-card {
    width: 500px;
    height: 517px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    color: #ffffff;
}

.company-card-1 {
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(60px);
}

.company-card {
    width: 500px;
    height: 517px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    color: #ffffff;
}

.company-card-2 {
    margin-top: 100px;
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);
}

.company-page-story-section-bottom {
    margin-top: 160px;
}

/* .company-page-story-section-bottom .logo-row img {
    filter: brightness(0) invert(1);
} */

.focus-word-gr {
    position: relative;
}

.focus-word-gr {
    background: linear-gradient(46deg, #E8D3FF 18.88%, #8478FF 99.34%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.focus-word-gr::after {
    content: "";
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 100%;
    background: linear-gradient(46deg, #E8D3FF 18.88%, #8478FF 99.34%);
}
.how-are-card h3{
    padding-left: 0;
}
.how-are-card h3::before{
display: none;
}

.how-we-are-slider .steps-card {
    padding-top: 45px;
    max-width: 500px;
}

.how-we-are-slider .steps-card span {
    display: block;
    margin-bottom: 12px;
    font-family: "IBM Plex Mono", Sans-serif !important;
}

.how-we-are-slider .steps-card h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #020816;
    margin-bottom: 12px;
}

.how-we-are-slider .steps-card p {
    font-size: 1rem;
    line-height: 26px;
    color: #6B7281;
}
.how-we-are-slider .swiper-slide{
margin-right: 0 !important;
}

.how-we-are-slider .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: 22px;
    background-color: #D0DDF9;
}

.how-we-are-slider .swiper-slide .steps-card:after {
    content: "";
    position: absolute;
    top: 12px;
    width: 22px;
    height: 22px;
    background-image: url(../../img/check-colored.svg);
}

/* Hire Telant Page Start */

.hire-talent-page  {
    overflow: hidden;
    padding-top: 120px;
}

.hire-talent-page .steps {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 40px 0;
}

.hire-talent-page .step.active {
    background: #0755E9;
    color: white;
    border: none;
}

.hire-talent-page .step {
    padding: 10px 25px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background: #fff;
}

.hire-talent-page .buttons {
    margin: 40px 0;
    display: flex;
    justify-content: space-between;
}

.hire-talent-page button.prev {
    background: #ccc;
    border: 0 !important;
}
.hire-talent-page button.prev:hover, .hire-talent-page button.prev:focus, .hire-talent-page button.prev:active  {
    background: #ccc !important;
}

.hire-talent-page button.next.btn {
    background: #0755E9;
    color: white;
    border: 0 !important;
}
.hire-talent-page button.next.btn, .hire-talent-page button.next.btn:hover, .hire-talent-page button.next.btn:active {
    background: #0755E9 !important;
    color: white !important;
}

.hire-talent-page button {
    padding: 10px 25px !important;
    border: none;
    border-radius: 6px !important;
    cursor: pointer;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.hire-talent-page .section.active {
    display: block;
}
.hire-talent-page .section {
    display: none;
}

.hire-talent-page .card {
    background: #1f4bb6;
    color: white;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
}

.hire-talent-page .cards h3 {
    font-size: 24px;
}

.hire-talent-page .counter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;
    align-items: center;
    width: 55%;
    margin: auto;
    background: transparent;
    margin-top: 8px;
    padding: 4px;
    border: 1px solid white;
    border-radius: 10px;
}

.hire-talent-page .counter button {
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    color: white;
    padding: 0 !important;
}

.hire-talent-page .section .cards input {
    width: 100%;
    margin-top: 10px;
    background-color: transparent;
    width: 50%;
    border: 1px solid white;
    border-radius: 6px;
    color: white;
}

.hire-talent-page input {
    padding: 8px;
    border-radius: 6px;
    border: none;
    width: 80px;
    text-align: center;
}

.hire-talent-page .progress-container {
    margin-top: 40px;
    text-align: center;
}

.hire-talent-page .progress {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 36px;
    background: conic-gradient(#7b2ff7 25%, #333 25%);
    color: white;
}

.hire-talent-page .skills {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.hire-talent-page .skill {
    padding: 10px 20px;
    border-radius: 20px;
    background: #ddd;
    cursor: pointer;
}

.hire-talent-page .skill.active {
    background: #0755E9;
    color: white;
}



.hire-talent-page .time-box {
    flex: 1;
    padding: 30px;
    background: white;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.hire-talent-page .time-box.active {
    background: #0755E9;
    color: white;
}

.hire-talent-page .time-box.active img{

    filter: brightness(0) invert(1);
}

.hire-talent-page .time-box img {
    display: block;
    margin: auto;
    margin-bottom: 14px;
}


.hire-talent-page .signup-section {
  background: #f8f9fb;
}

.hire-talent-page .custom-input {
    width: 100%;
  background: #eee;
  text-align: left;
  border: none;
  padding: 12px;
  border-radius: 4px;
}

.hire-talent-page .custom-input:focus {
  box-shadow: none;
  background: #e9ecef;
}

.hire-talent-page label {
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  color: #333;
}

.hire-talent-page .custom-btn {
  background: #2d6cdf;
  border: none;
  padding: 12px;
  font-weight: 600;
  border-radius: 6px;
}

.hire-talent-page .custom-btn:hover {
  background: #1f55b5;
}

.hire-talent-page .signup-img {
  max-width: 90%;
}



/* Hire Telant Page End */

.right-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-logo img {
    width: 120px;
    height: 60px;
}

.log-contact {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
}

.contact-page{
    position: relative;
}

.trusted-section{
    background: #f6f7f8;
    position: absolute;
    right: 0;
    top: 0;
    padding: 100px;
}


/* CMS Start */

.cms-hero .form-card {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.cms-hero .form-control {
    box-shadow: none;
    border-radius: 8px;
}
.cms-hero .btn-orange {
    background-color: #0755E9;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    border: none;
}

.cms-hero .cms-profile-slider {
  max-width: 500px;
  overflow: hidden;
}

.cms-hero .cms-slider-wrapper {
  overflow: hidden;
}

.cms-hero .cmdslider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

/* Each slide full width */
.cms-hero .profile-card {
  min-width: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.cms-hero .profile-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.cms-hero .client-name {
  color: #e74c3c;
  font-weight: 600;
}

/* Dots */
.cms-hero .cms-slider-dots {
  display: flex;
  justify-content: start;
  padding-left: 16px;
  gap: 8px;
}

.cms-hero .cms-slider-dots span {
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.cms-hero .cms-slider-dots span.active {
  background: #333;
}

.similar-logo-section {
  background: #0b0b0b;
  padding: 40px 20px;
}

.similar-logo-section .container {
  display: grid;
  grid-template-columns: repeat(7, 1fr); /* desktop same row */
  align-items: center;
  justify-items: center;
  gap: 40px;
}

/* Logo styling */
.similar-logo-section img {
  max-height: 40px;
  width: auto;
  object-fit: contain;
  opacity: 1;
  transition: 0.3s ease;
}


.similar-logo-section img:hover {
  opacity: 1;
  transform: scale(1.05);
}


/* GRID */
.cms-post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* CARD */
.cms-post-grid .cms-post-card {
  position: relative;
  height: 500px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}

/* IMAGE */
.cms-post-grid .cms-post-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* DARK OVERLAY */
.cms-post-grid .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, black, rgba(0,0,0,0.3));
}

/* CONTENT */
.cms-post-grid .content {
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
  z-index: 2;
}

.cms-post-grid .badge {
  background: rgba(255,255,255,0.8);
  color: black;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
}

/* HOVER CONTENT */
.cms-post-grid .hover-content {
  position: absolute;
  inset: 0;
  background: black;
  color: white;
  padding: 20px;
  opacity: 0;
  transform: translateX(100%);
  transition: 0.4s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* TAGS */
.cms-post-grid .tag span {
  display: inline-block;
  background: #222;
  padding: 6px 10px;
  border-radius: 6px;
  margin: 5px;
  font-size: 12px;
}

/* HOVER EFFECT */
.cms-post-grid .cms-post-card:hover .hover-content {
  opacity: 1;
  transform: translateX(0);
}

.cms-post-grid .cms-post-card:hover .content {
  opacity: 0;
}

/* MAIN SECTION */
.associated-section {
  position: relative;
  background-color: #f6f7f8;
  padding: 60px 0 120px;
}

/* INNER CONTAINER */
.associated-section-inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  background: #0c0c0c;
  border-radius: 20px;
  overflow: hidden;
  margin: auto;
}

/* LEFT */
.associated-section-left {
  padding: 60px;
  color: white;
}

.associated-badge {
  background: #ddd;
  color: #000;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 20px;
}

.associated-section-left h1 {
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.associated-stats {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.associated-stats span {
  border: 1px solid #444;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 14px;
}

.associated-desc {
  color: #ccc;
  margin-bottom: 20px;
  line-height: 1.6;
}

.associated-features {
  list-style: none;
  margin-bottom: 30px;
}

.associated-features li {
  margin-bottom: 10px;
  color: #0755E9;
}

/* RIGHT IMAGE */
.associated-section-image {
  background: url('../../img/Associated_Press_3a21d7408e.avif') center/cover;
  position: relative;
}

.associated-section-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, transparent, #0c0c0c 70%);
}

/* FLOATING FORM */
.associated-form-box {
  position: absolute;
  right: 8%;
  bottom: -60px;
  width: 320px;
  background: #f9f9f9;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.associated-form-box h3 {
  margin-bottom: 15px;
}

.associated-form-box input,
.associated-form-box textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.associated-form-box textarea {
  resize: none;
  height: 80px;
}

.associated-form-box button {
  width: 100%;
  padding: 12px;
  background: #0755E9;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
}

.engineers-perform{
   background: #f9f9f9;   
}

.engineers-perform .card-box {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    padding: 20px 20px 0 20px;
    border-radius: 12px;
    background: linear-gradient(to top, #eaeaea, #ffffff);
    width: 350px;
    text-decoration: none;
    color: black;
    transition: 0.3s;
}

.engineers-perform .person {
    width: 120px;
    transform: scaleX(-1);
}

.engineers-perform .info{
    padding-bottom: 20px;
}
  .engineers-perform h3 {
    padding-left: 30px;
}

.engineers-perform-text {
    left: 0;
    font-size: 76px;
    top: -24px;
    color: orangered;
}

.engineers-perform .card-box:hover {
    background: black;
    color: white;
}

.engineers-perform .card-box:hover img.logo{
    filter: brightness(0) invert(1);
}

.team-cards {
    background: #f6f7f8;
    border-radius: 12px;
    padding: 20px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
    height: 100%;
}
.team-cards span.tag {
    background: white;
    border: 1px solid #d9dcdf;
    border-radius: 6px;
    font-size: 12px;
    padding: 4px 10px;
}
.cta-boxs {
    background: #0755e936;
    border-radius: 12px;
    padding: 40px 20px;
    text-align: center;
    height: 100%;
}

.avatar-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.avatar-group img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: gray;
  object-fit: cover;
  margin-left: -12px;
}

.cta-boxs .cta-btns {
    text-decoration: none;
    background: #0755E9;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
}

/* first image fix */
.avatar-group img:first-child {
  margin-left: 0;
}
.custom-box {
    /* border: 1px solid #0755e936; */
    padding: 3px !important;
    border-radius: 14px;
    padding: 0;
    background: linear-gradient(180deg, #0755e936, #0755E9);
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
}
.cms-tabs{
    background-color: white;
    border-radius: 14px;
}
.cms-tabs ul#pills-tab {
    position: absolute;
    top: -22px;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    justify-content: center;
}
.cms-tabs .nav-pills .nav-link.active {
    background: #0755e969;
    color: #0755E9 ;
    border-color: #0755e969;
}
.cms-tabs .nav-pills .nav-link {
    border: 1px solid #0755e936;
    border-radius: 25px;
    margin: 5px;
    padding: 6px 14px;
    font-size: 14px;
    background: #0755e936;
    color: #2c3e50;
}
.cms-tabs .tab-content {
    margin-top: 0;
    padding: 105px 25px 25px 25px;
}
.cms-tabs .bottom-bar {
    background: #0755e936;
    padding: 15px 20px;
    border-radius: 0 0 14px 14px;
    margin-top: 25px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    flex-wrap: wrap;
}
 .bottom-bar .cta-btna {
    background: #0755E9 ;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 600;
    display: flex;
    text-decoration: none;
    margin-left: auto;
}

/* CARD */
.development-row-custom .custom-card {
  position: relative;
  border-radius: 14px;
  padding: 30px;
  background: #fff;
  overflow: hidden;
  height: 350px;
  border: 1px solid #ddd;
  box-shadow: 0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);
  transition: 0.3s;
}

/* TITLE */
.development-row-custom .tag {
  color: #0755E9 ;
  letter-spacing: 2px;
  font-weight: 600;
}

.development-row-custom .title {
  margin-top: 10px;
}

/* ICON (BOTTOM RIGHT) */
.development-row-custom .eye-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
  background: #111;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  cursor: pointer;
}

/* DEFAULT (NO HOVER) */
.development-row-custom .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 0%;
  background: transparent;   
  color: #fff;
  border-radius: 14px;
  transition: all 0.4s ease;
  z-index: 2;
  padding: 30px;
  overflow: hidden;
}

/* HOVER STATE */
.development-row-custom .custom-card:hover .overlay {
  width: 100%;
  height: 100%;
  background: #111;  
}



/* TEXT INSIDE OVERLAY */
.development-row-custom .overlay-content {
  opacity: 0;
  transition: 0.3s;
}

.development-row-custom .custom-card:hover .overlay-content {
  opacity: 1;
  transition-delay: 0.2s;
}

.development-row-custom .custom-card img {
    position: absolute;
    bottom: -13px;
    left: -8px;
    width: 144px;
}

.benefits .development-row-custom .avatar-group img{
    width: 72px;
    height: 72px;
}

.benefits .development-row-custom {
    background: #f6f7f8;
    border-radius: 20px;
        padding-bottom: 100px ! IMPORTANT;
}

.benefits.CMS-development {
    margin-top: -114px;
  
}

.agent-link {
    position: relative;
    z-index: 1;
}

.row.custorm-row-tabs-stlye {
    border: 1px solid black;
    padding: 0;
    border-radius: 16px;
    box-shadow: 0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03);
}
.row.custorm-row-tabs-stlye .custom-tabs {
    position: relative;
    border-right: 1px solid #e5e5e5;
    height: 500px;
    overflow-y: auto;
    flex-direction: column !important;
    display: block;
    overflow-x: hidden;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .row.custorm-row-tabs-stlye .custom-tabs {
    scrollbar-width: auto;
    /* scrollbar-color: #8f54a0 #ffffff; */
  }

  /* Chrome, Edge, and Safari */
  .row.custorm-row-tabs-stlye .custom-tabs::-webkit-scrollbar {
    width: 0;
  }

  .row.custorm-row-tabs-stlye .custom-tabs::-webkit-scrollbar-track {
    background: transparent;
  }

  .row.custorm-row-tabs-stlye .custom-tabs::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0;
  }

    /* .row.custorm-row-tabs-stlye  button.nav-link{
    gap: 0;
  } */

.Media-Entertainment-img {
    position: relative;
    width: 100%;
}

.Media-Entertainment-img img {
    width: 100%;
    display: block;
    border-top-right-radius:16px ;
}

/* Gradient Overlay */
.Media-Entertainment-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: linear-gradient(to left, hsla(0,0%,7%,0), #111);
    
    z-index: 1;
}
.custorm-row-tabs-stlye ul li::marker {
    color: #0755E9 ;
    font-size: 20px;
}

.development-capabilite-cms{
    background-color: #f6f7f8;
}


.development-capabilite-cms-custom-tabs .list-group-item {
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  /* font-size: 14px; */
}
.development-capabilite-cms-custom-content {
  border: 1px solid #0755e936;
  padding: 25px;
  border-radius: 10px;
  position: relative;
  background-color: white;
  transition: all 0.3s ease;
}
.development-capabilite-cms-custom-tabs .list-group-item.active {
  border-color: #0755e936;
  background-color: #0755e936;
  color: #000;
  font-weight: 600;
}

.development-capabilite-cms-custom-content-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.development-capabilite-cms-custom-content-grid-colum {
  border: 2px solid #dcdcdc;
  border-radius: 12px;
 height: 100px;
  text-align: center;
  color: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: 0.3s ease;
}

.cms-process-img img {
    height: 600px;
    object-fit: cover;
    object-position: top;
}


/* Slider */
.cms-process-section .slider-container {
  position: relative;
}

.cms-process-section.slider {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-top: 30px;
}

/* Slider FIX */
.cms-process-section .cms-process-slider {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-top: 30px;
}

.cms-process-section .cms-process-slider::-webkit-scrollbar {
  display: none;
}

/* Card */
.cms-process-section .card {
  min-width: 200px;
  background: #fff;
  padding: 30px 20px;
  border-radius: 16px;
  border: 1px solid #e5e5e5;
  position: relative;
  transition: 0.3s;
}

/* .cms-process-section .card.active {
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
} */

/* Title */
.cms-process-section .card h4 {
  color: #1a73e8;
  margin-bottom: 10px;
}

/* Badge */
.cms-process-section .badge {
    position: absolute;
    top: -14px;
    left: 50%;
    background: linear-gradient(135deg, #5aa6ff, #0066ff);
    color: #fff;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    transform: translateX(-50%);
}

/* NAV (TOP CENTER like image) */
.cms-process-section .slider-nav {
    position: absolute;
    bottom: -76px;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.cms-process-slider-nav button {
    border: 0;
    background: black;
    border-radius: 9px;
}

.cms-process-slider p{
    font-size: 12px;
    margin: 0;
}

.cms-process-slider-nav img {
    width: 27px;
        filter: brightness(0) invert(1);
}

.bg-site-neutrals-testimonials{
    border: 1px solid black;
    border-radius: 10px;
}

.bg-site-neutrals-profile{
    height: 100%;
    object-fit: cover;
}

.bg-site-neutrals-testimonials-hover{
      border: 1px solid black;
      position: relative;
    border-radius: 10px;
}


.head-bg-site-neutrals{
background-color: #f6f7f8;
border-radius: 10px 10px 0 0;
}
.head-bg-site-neutrals h5{
    font-size: 14px;
    margin: 0;
}
.head-bg-site-neutrals p{
    font-size: 16px;
}

.neutrals-testimonials-hover-content p{
    font-size: 13px;
    margin: 0;
}

.neutrals-tag {
    padding: 8px 8px;
    background-color: #d9dcdf;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.bg-site-neutrals-testimonials-after-hover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background-color: black;
    border-radius: 0 10px 10px 0;
}
.bg-site-neutrals-testimonials-after-hover {
    position: absolute;
    top: 0;
    right: -98%; /* pura hide nahi, thoda sa dikhega */
    width: 100%;
    height: 100%;
    background-color: black;
    border-radius: 10px;
    transition: all 0.4s ease;
    z-index: 2;
}
.neutrals-testimonials-hover-content {
    background: white;
    padding: 30px;
}
/* Hover effect */
.bg-site-neutrals-testimonials-hover:hover .bg-site-neutrals-testimonials-after-hover {
    right: 0; /* slide in */
}
.bg-site-neutrals-testimonials-hover {
    border: 1px solid black;
    position: relative;
    border-radius: 10px;
    overflow: hidden; /* content bahar na nikle */
}
.bg-site-neutrals-cta-boxs  {
    background: linear-gradient(to bottom, #fff, #eaf2fd);
    border: 1px solid #91bcf4;
    padding: 20px;
    border-radius: 10px;
}

.cms-resource-related{
    background-color: #f6f7f8;
}
/* CMS End */

@media (max-width: 1024px) {
    .development-row-custom{
        width: 100% I !important;
    }
    .company-page-story-section-top {
        flex-direction: column;
    }
        .company-card {
        height: 400px;
    }
    .company-card-2 {
        margin-top: 0px;
    }
    .log-contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}
}

@media (min-width: 993px) {
    .menu-toggle {
        display: none !important;
    }
}

@media (min-width: 992px){

.logo-grid .col-lg-2:last-child .logo-box{
border-right:none;
}

    .read-assess-card {
        display: block;
    }
    .mobile-assess{
    display: none;
}

}

@media (max-width: 992px){
      .development-capabilite-cms-custom-content-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
      .similar-logo-section .container {
    grid-template-columns: repeat(4, 1fr);
  }
    .trusted-section {
        padding: 30px;
    position: unset;
}
     .hire-talent-page  .signup-section {
    text-align: center;
  }

  .hire-talent-page .signup-img {
    margin-top: 30px;
  }
        .company-page-story-section-bottom {
        margin-top: 80px;
    }

    .company-page-story-section-bottom .logo-slider {
  
    margin-top: 0;
}

.decisions-stay {
    padding: 80px 0;
}

.cta-text{
font-size:26px;
margin-top:15px;
}

.cta-btn{
margin-top:20px;
}

.excellence-col-grid{
 
    grid-template-columns: repeat(3, 1fr);
 
}
    .roycel-case-card {

    width: 100%;

}
.practice-section .container {
    width: 100% !important;
}
.cta-section {
    margin: 0;
}
.dahed-benefit::before {

    height: 116%;

}
.comprehensive .row {
    width: 100% !important;
}
      .container, .container-lg, .container-md, .container-sm {
        max-width: 1016px;
    }

    section {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.logo-box {
    padding: 50px 20px;
    border: 1px solid #ddd;
}
section.hover-slider {
    margin-top: 0 !important;
}
    .agent-section-one .agent-card {
    height: 100%;
    margin: 0 !important;
}

.agent-section-one .card-two h3 {
    min-height: unset !important;
}

.faq-section button.accordion-button {
    padding-right: 22px !important;
}

.faq-section .accordion {
    width: 100% !important;
}

.mega-menu{
height: 100vh;
background-color: white;
z-index: 1;
}

     .award-col{
width:33.33%;
}
    .hero-content {
    padding: 25px;
}

  .hero h1 {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 20px;
}

    .form input{
    width: 100%;
 
}

    .stat-box {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

    section.four-servies {
    padding: 25px;
}

.experices {
    padding: 80px 25px !important;
}
br {
    display: none;
}
.menu-toggle{
display:block;
}

.hero-title {
    font-size: 30px !important;
    font-weight: 800;
}

section.hover-slider {
    padding: 25px;
    margin-bottom: 0 !important;
}
section.awards-section.pb-5 {
    padding: 0 25px;
}
.footer-section{
    padding: 25px;
}
.menu{
position:fixed;
top:0;
right:-100%;
width:100%;
height:100vh;
background:#fff;
flex-direction:column;
padding-top:120px;
gap:30px;
align-items:center;
transition:0.4s;
}

.menu.active{
right:0;
}

.desktop{
display:none;
}

.mobile-btn{
display:block;
}

  .header{
        padding: 25px !important;
    }

.desktop{
display:none !important;
}

.menu-toggle.open{
font-size:30px;
color:#000;
font-weight:bold;
}

.menu-toggle.open::before{
content:"✕";
}

.mobile-btn{
display:block;
}

.mobile-btn .get-touch-btn{
display:inline-flex;
margin-top:20px;
}

.profile-card-three {
    
    position: unset;

}

.profile-card-two {
 
    position: unset;

}

.vetting-process-box .step-number {
    position: unset;

    margin-top: -41px;
}
.ideal-staff .row {
    width: 100% !important;
}
.industry-card h4 {
    font-size: 21px;
}
.read-assess .Arrow-right{
    display: none;
}
}

@media (max-width: 991px){

.agent-section-one .card-one,
.agent-section-one .card-three{
    margin-top:0;
}

    .read-assess-card {
        display: none;
    }
    .read-assess-card-mobile {
        display: block;
        background: white;
        border-radius: 16px;
        border: 1px solid #f3692d;
        padding: 5px 0px 10px 0px;
        text-align: center;
        transition: all 0.3s ease;
    }

}

@media (min-width: 768px) {
    .read-assess {
        padding: 60px 46px;
    }
}

@media (max-width: 768px){

  .sticky-box{
    position: relative;
    top: 0;
    margin-bottom: 30px;
  }

  .imagescroll{
    margin-bottom: 80px;
  }

  .step-number{
    font-size: 55px;
  }

  .logo-box{
padding:35px 10px;
}

.tech-tabs .nav-link{
margin:5px;
font-size:14px;
}

.step-section {
    padding: 30px;
}
.our-process .step-images img {
    display: block;
    max-width: 200px !important;
    width: 100%;
}
.logo-track img{
width:100px;
margin:0 25px;
}
.form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.form input{
    width: 100% !important;
}
.last-footer-link {
   
    
    justify-content: start !important;

}
.slider-arrow {
    display: flex;
    justify-content: center !important;
    align-items: center;
    gap: 10px;
}
.card-section-two .col-lg-9.col-md-9 {
    padding-top: 10px;
}
.our-process .process-two-single-step {
    padding-left: 0;
    padding-bottom: 32px;
}

.our-process-row .border-end {
    border-right: 0 !important;
}

.our-process .process-two-single-step:first-child{
    border-top: 1px solid #D2D5DB;
}
h1 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 20px;
}

.blog .sidebar-item img{
    width: 150px;
}
   .Arrow-right{
        display:none !important;
    }
     .table-container table,  .table-container thead,  .table-container tbody, .table-container th,  .table-container td,  .table-container tr {
      display: block;
      width: 100%;
    }

    .table-container  thead {
      display: none;
    }

     .table-container tr {
      margin-bottom: 15px;
      background: #fff;
      border-radius: 10px;
      padding: 10px;
    }

     .table-container td {
      text-align: right;
      padding-left: 50%;
      position: relative;
    }

     .table-container td::before {
      content: attr(data-label);
      position: absolute;
      left: 15px;
      width: 45%;
      text-align: left;
      font-weight: bold;
      color: #333;
    }

     .table-container td:first-child {
      text-align: left;
      padding-left: 15px;
      font-weight: bold;
    }

     .table-container td:nth-child(3) {
      background: #e6f6f1;
      color: #000;
    }

     .case-study-dropdown .casestudy-content {
    flex-direction: column;
  }

  .case-study-dropdown .casedropdown {
    width: 100%; /* full width on mobile */
  }
    .industry-section .industry-grid {
    display: block;
  
}
.industry-card {
    margin-bottom: 22px;
}
.industry-header {

    flex-wrap: wrap;
    align-items: flex-start;
 
}
    .tech-section .col-sm-6 {
    width: 50% !important;
}
        .cta-box {
        width: 100% !important;
        text-align: center;
    }
    .blog .blog-hero {
        padding: 20px;
    }
    .hire-faq-section .container {
    width: 100%;
}
.compare-row{
    flex-wrap: wrap;
}
.compare-left, .compare-right {
    align-items: flex-start;
    width: 100%;
}
    .blog .author-box {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }
    .site-neutrals {

    position: unset;
    transform: unset;
    width: 100% !important;
    padding: 20px;
    margin-top: 50px;
}
.site-neutrals p {
    border-right: transparent;
    border-bottom: 1px solid white;
    padding-bottom: 20px;
}
.hire-logo{
    margin-top: 20px;
}
.hire-logo img {
    height: unset;
    max-width: 110px;
    width: 100%;
}

.hire-hero{
    padding-bottom: 50px !important;
}
section.ideal-staff {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.roycel-case-card

 {
    box-shadow: 0px 1px 16px -4px rgb(16 24 40 / 36%), 0 4px 6px -2px rgb(16 24 40 / 43%);
    background-color: white;

}

.roycel-case-card {
    padding: 28px !important;
}
.royal-cse-content-flex {
    flex-wrap: wrap;
}
.roycel-case-card img {
    margin-top: 20px;
    height: auto;
}
.royal-case-link {
    text-align: start !important;
    margin: inherit;
    margin-top: 27px !important;
}

.custom-tabs .nav-link.active i {
  
    right: 0;
  
}
.custom-tab button.nav-link {

    text-align: left;
    justify-content: flex-start;

}
.custom-tab .col-lg-8, .benefits .col-lg-8 {
    padding: 12px !important;
}
section.practice-section.py-5 {
    padding-top: 0 !important;
}
.benefits {
    position: relative;
    padding-bottom: 0 !important;
}

section.hire-call-to-action img {
    width: 100%;
}
  .similar-logo-section .container {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  .similar-logo-section img {
    max-height: 30px;
  }
}

@media (max-width: 767px){
    

        .company-card {
        width: 100%;
        max-width: 450px;
    }
  
.agent-section-one .card-one,
.agent-section-one .card-two,
.agent-section-one .card-three{
    margin-top:0;
}

}

@media (max-width: 576px){
         .development-capabilite-cms-custom-content-grid {
    grid-template-columns: repeat(1fr) !important;
  }
.award-col{
width:100% !important;
}
   .excellence-col-grid{
    grid-template-columns: repeat(2, 1fr) !important;
 
}

.cta-box{
text-align:center;
}

.cta-text{
font-size:22px;
}

.cta-btn{
justify-content:center;
}
}

/* Case study detail (inner) pages */
.case-study-detail-hero {
    background: url(../../img/half-ellipse.webp) no-repeat;
    background-position: top right;
    background-size: 45%;
    padding: 120px 0 32px 0;
}
.case-study-breadcrumb {
    font-size: 15px;
    color: #5c6673;
}
.case-study-breadcrumb a {
    color: #0755E9;
    text-decoration: none;
}
.case-study-breadcrumb a:hover {
    text-decoration: underline;
}
.case-study-breadcrumb .sep {
    margin: 0 0.5rem;
    opacity: 0.5;
}
.case-study-detail-title {
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    line-height: 1.15;
    font-weight: 700;
}
.case-study-detail-pills .case-study-pill {
    display: inline-block;
    background: #f4f6f9;
    border: 1px solid #e8ecf1;
    border-radius: 999px;
    padding: 0.45rem 1rem;
    font-size: 14px;
    color: #1B232E;
}
.case-study-detail-pills .case-study-pill strong {
    color: #0755E9;
    font-weight: 600;
    margin-right: 0.35rem;
}
.case-study-detail-logo {
    max-height: 72px;
    width: auto;
    object-fit: contain;
}
.case-study-detail-cover .case-study-cover-img {
    max-height: 420px;
    object-fit: cover;
}
.case-study-detail-body .case-study-results-list {
    padding-left: 1.25rem;
    margin: 0;
}
.case-study-detail-body .case-study-results-list li {
    margin-bottom: 0.65rem;
    color: #333;
}
.case-study-metrics-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 1.5rem;
    position: relative;
}
.case-study-metrics-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 12px 12px 0 0;
    background: radial-gradient(140.86% 125.07% at 10.25% 0%, #10347E 0%, #0755E9 100%);
}
.case-study-metric {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid #eee;
}
.case-study-metric:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.case-study-metric .k {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
}
.case-study-metric .v {
    font-size: 18px;
    font-weight: 600;
    color: #1B232E;
}
.case-study-tech-tag {
    display: inline-block;
    font-size: 13px;
    padding: 0.35rem 0.75rem;
    background: #f4f6f9;
    border-radius: 6px;
    color: #333;
}
a.case-study-card-link {
    color: inherit;
    text-decoration: none;
}
a.case-study-card-link:hover {
    color: inherit;
}
a.case-study-card-link:focus-visible {
    outline: 2px solid #0755E9;
    outline-offset: 4px;
    border-radius: 4px;
}