*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fff;--fg:hsl(250,30%,12%);--primary:#A917FE;--primary-fg:#fff;
  --secondary:hsl(270,60%,96%);--secondary-fg:hsl(262,80%,30%);
  --muted:hsl(260,20%,96%);--muted-fg:hsl(250,10%,45%);
  --accent:#A917FE;--accent-fg:#fff;
  --border:hsl(260,20%,90%);--card:#fff;
  --hero-gradient:linear-gradient(135deg,hsl(262,80%,20%) 0%,hsl(280,70%,35%) 50%,hsl(320,85%,40%) 100%);
  --section-light:hsl(270,60%,98%);
  --stat-blue:hsl(210,90%,50%);--stat-green:hsl(150,70%,40%);--stat-orange:hsl(30,90%,55%);
  --tag-bg:hsl(262,60%,95%);--tag-text:hsl(262,80%,35%);
  --radius:0.75rem;
}
html{scroll-behavior:smooth}
body{font-family: Graphik, Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-webkit-animation:fix 1s 1;animation:fix 1s 1;overflow-x:hidden;line-height:1.3em;font-weight:300;color:#000;background:var(--bg);color:var(--fg);}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-light-web.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-regular-web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-medium-web.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-bold-web.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.dtr-pt-100, .dtr-py-100{padding-top:100px;}
.dtr-pt-80, .dtr-py-80{padding-top:80px;}
.dtr-pt-50, .dtr-py-50{padding-top:50px;}
.dtr-pt-30, .dtr-py-30{padding-top:30px;}
.dtr-pb-100, .dtr-py-100{padding-bottom:100px}
.dtr-pb-80, .dtr-py-80{padding-bottom:80px}
.dtr-pb-50, .dtr-py-50{padding-bottom:50px}
.dtr-pb-30, .dtr-py-30{padding-bottom:30px}
ol,ul{margin:0 0 10px;padding:0;list-style-position:outside;display:block}
ol li,ul li{margin-bottom:8px;display:inline-block}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
::-webkit-input-placeholder{color:rgba(5,24,43,.3)}
:-moz-placeholder{color:rgba(5,24,43,.3)}
::-moz-placeholder{color:rgba(5,24,43,.3)}
:-ms-input-placeholder{color:rgba(5,24,43,.3)}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover{border-color:#c21734;transition:background-color 5000s ease-in-out 0}
div.swiper-wrapper{padding-bottom: 70px;}

/* Navbar */
img.ts-logo {
    height: 83px;
}
.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:rgb(255 255 255);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.navbar .inner{display:flex;align-items:center;justify-content:space-between;}
.brand{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,hsl(262,80%,45%),hsl(320,85%,50%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.brand-sub{font-size:0.75rem;color:var(--muted-fg);margin-left:0.5rem}
.btn-primary{display:inline-flex;align-items:center;gap:0.4rem;background:#000;color:var(--primary-fg);padding:0.7rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:opacity 0.2s}
.btn-primary:hover{opacity:0.9}
.btn-accent{display:inline-flex;align-items:center;gap:0.5rem;background:#000;color:var(--accent-fg);padding:13px 35px;border-radius:6px;font-size:17px;font-weight:500;border:none;cursor:pointer;transition:all 0.2s}
.btn-accent:hover{opacity:0.9;transform:scale(1.03)}

/* Hero */
/* .hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;margin-top: 100px;}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:var(--hero-gradient);opacity:0.85}
.hero-content{position:relative;z-index:10;text-align:center;width:100%;padding:5rem 1.5rem}
.hero h1{font-size:65px;font-weight:600;color:var(--primary-fg);margin-bottom:1.5rem}
.hero p{color:rgba(255,255,255,0.8);max-width:48rem;margin:0 auto 0.75rem}
.hero .sub{color:rgba(255,255,255,0.6);margin-bottom:2.5rem}
p.byline {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 400;
} */
 .btn:disabled{background: #fff;}

section.hero {background: #000004 url(../images/header-bg-hire-from-us-new.webp) no-repeat; background-size: cover; background-position: 0px 100px; min-height: 610px; padding-top: 230px;}
section.hero h1
 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
}
p.byline {
    color: #fff;
    font-size: 22px;
    line-height:1.4em;
}
p.byline span {color: #D88CFF; font-weight: 500; }
a.lets-talk.mt-5 {
    background: #fff;
    padding: 13px 30px;
    border-radius: 6px;
    font-weight: 500;
    display: inline-block;
}



/* Trusted */
.trusted{padding:4rem 0;background:var(--bg)}
.trusted p.sub-heading {font-size: 24px;font-weight:400}
.trusted p.sub-heading  strong {font-weight:600}
.trusted p{text-align:center;color:var(--muted-fg);font-size:1.1rem;margin-bottom:2.5rem}
.trusted p strong{color:var(--fg)}
.logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1.5rem;align-items:center;max-width:72rem;margin:0 auto}
.logo-grid img{max-height:2.5rem;width:100%;object-fit:contain;filter:grayscale(1);opacity:0.5;transition:all 0.3s}
.logo-grid img:hover{filter: grayscale(0); opacity: 1; backdrop-filter: blur(16px); transform: scale(1.02); transition: 0.3s; cursor: pointer;}

/* Section helpers */
section.quotes{ background: #000004 url(../images/quote-sec.webp) no-repeat; background-size: cover; }

.section{padding:5rem 0}
.section-light{background:var(--section-light)}
.section-white{background:var(--bg)}
.section-tag{text-transform:uppercase;font-size:15px;font-weight:600;color:var(--accent);letter-spacing:0.15em;text-align:center;margin-bottom:0.5rem}
.section-tag.white {color: #ffffff;}
.section-tag.white::before, .section-tag.white::after {border-bottom: 1px solid #ffffff!important; }
.section-title{font-size:34px;font-weight:600;text-align:center;margin-bottom:3rem;color:var(--fg);margin-top:25px;}
.text-center{text-align:center}
.section-tag { text-transform: uppercase; font-size: 16px; font-weight: 600; color: var(--accent); letter-spacing: 0.15em; text-align: center; margin-bottom: 0.5rem; display: flex;              /* ADD */ align-items: center;        /* ADD */ justify-content: center;    /* ADD */ } .section-tag::before, .section-tag::after { content: ""; flex: 0.1; /* reduced from 1 → smaller lines */ border-bottom: 1px solid var(--accent); } .section-tag::before { margin-right: 10px; } .section-tag::after { margin-left: 10px; }

/* Recently Hired */
/* .section.hired { background: var(--hero-gradient);} */
.section.hired {background: #000004 url(../images/recent-hires.webp) no-repeat; background-size: cover;
}

.section.hired p.sub-heading {font-size: 34px; font-weight: 600; text-align: center; margin-top: 40px; color: #fff; line-height: 1.3em;}

.section.hired .section-title {color:#fff;margin-bottom: 1.5rem;}
.hire-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 0px; }
.hire-card{background:var(--card);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border);text-align:center;transition:box-shadow 0.2s;transition: border-color 0.2s;transition: all 0.3s ease;}
.hire-card:hover{box-shadow:0 4px 15px rgba(0,0,0,0.08);border-color: rgba(98, 60, 180, 0.3); backdrop-filter: blur(16px); box-shadow: rgba(146, 137, 255, 0.3) 0px 10px 30px; transform: scale(1.02); transition: 0.3s; cursor: pointer;}
.hire-card .photo { float: left; margin-right: 11px; }
.hire-card .photo img { height:80px; border-radius: 50%; overflow: hidden; margin: 0 auto 0.75rem; border: 2px solid rgba(98, 60, 180, 0.2); width: auto; }
.hire-card .name { font-weight: 600; font-size: 15px; text-align: left; }
.hire-card .role{color:var(--muted-fg);font-size:13px;margin-top:0.25rem}
.hire-card .company{display:inline-block;background:var(--tag-bg);color:var(--tag-text);padding:0.15rem 0.5rem;border-radius:4px;font-size:0.7rem;font-weight:500;margin-top:0.5rem;float: left;font-size: 11px;}
.hire-card .month { color: var(--muted-fg); font-size: 12px; margin-top: 0.25rem; font-weight: 500; }
.view-all{display:inline-flex;align-items:center;gap:0.25rem;color:var(--primary);font-weight:600;margin-top:2.5rem}
.IndustryreadyTalent .swiper-button-next { right: 40px; width: 35px; height: 35px; color: rgb(0 0 0); background: #ffffff; border-radius: 30px; border: 1px solid #ababab; top: 97%; left: 51%; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none;} 
.IndustryreadyTalent .swiper-button-prev { left: 46%; background: #ffffff; border-radius: 30px; width: 35px; height: 35px; color: #000000; border: 1px solid #fff; top: 97%; } 
.IndustryreadyTalent .swiper-button-next:after, .IndustryreadyTalent .swiper-button-prev:after { font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; } 



/* Testimonials */
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.test-card{background:var(--card);border-radius:1rem;padding:1.5rem;border:1px solid var(--border);transition:border-color 0.2s;transition: all 0.3s ease;min-height: 300px;}
/* .test-card.one{background: #f8ecff;} */
.test-card:hover { border-color: rgba(98, 60, 180, 0.3); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 10px 30px rgb(146 137 255 / 30%); transform: scale(1.02); transition: 0.3s;cursor: pointer;border: 1px solid #A100FF; }
.test-card .quote-icon{font-size:54px;color:#E8E8E8;margin-bottom:1rem}
.test-card .quote { color: hsl(0deg 0% 0%); font-size: 18px; line-height: 1.5rem; margin-bottom: 1.5rem; font-weight: 400; }
.test-card .t-name{font-weight:600;font-size:17px}
.test-card .t-title {font-weight: 400;color: hsl(0deg 0% 37.8%); font-size: 14px;}
.test-card .t-company{color:var(--primary);font-size:14px;font-weight:500}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {padding: 5px;}
.quotes .swiper-button-next { right: 40px; width: 35px; height: 35px; color: rgb(255 255 255); background: #000000; border-radius: 30px; border: 1px solid #000000; top: 95%; left: 51%; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none;} 
.quotes .swiper-button-prev { left: 46%; background: #000000; border-radius: 30px; width: 35px; height: 35px; color: #ffffff; border: 1px solid #000000; top: 95%; }
.quotes .swiper-button-next:after, .quotes .swiper-button-prev:after { font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; } 

/* Stats */
section.competitiveEdge{background: #fff;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:64rem;margin:0 auto}
.stat-card{text-align:center;background:var(--card);border-radius:1rem;padding:2rem;border:1px solid var(--border);transition: all 0.3s ease;}
.stat-card:hover{transform: translateY(-8px);box-shadow: 0 10px 30px rgba(186, 180, 255, 0.3);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 0 10px 30px rgb(146 137 255 / 30%);cursor: pointer;border: 1px solid #A100FF;}
.stat-card svg {
    fill: #a917fe;
    width: auto; height: 30px;
}
.stat-card.one svg {
    fill: #a917fe;
}
.stat-card.two svg {
    fill: #a917fe;
}
.section.hiring {background: #6720c9 url(../images/recent-hires.webp) no-repeat;}
.section.hiring .section-tag { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #fff;}
.section.hiring .section-tag::before, .section.hiring .section-tag::after { content: ""; flex: 0.1; /* reduced from 1 → smaller lines */ border-bottom: 1px solid #fff; }
.section.hiring .section-title {color: #fff;}
.stat-card .icon-wrap{width:3.5rem;height:3.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.5rem}
.stat-card .stat-header{font-size:1.1rem;font-weight:500;margin-bottom:15px}
.stat-card .stat-value{font-size:3rem;font-weight:600;margin-bottom:25px;line-height: 1.4;}
.stat-card .stat-label { color: hsl(0deg 0% 22.05%); font-size: 16px; font-weight: 400;    line-height: 1.4; }
.stat-card .stat-src{color:var(--muted-fg);opacity:0.5;font-size:0.7rem;margin-top:0.5rem}

/* Advantage */
.adv-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; max-width: 74rem; margin: 0 auto; }
.adv-card{text-align:center;padding:1.5rem;border-radius:1rem;transition:all 0.2s;    border-color: rgba(98, 60, 180, 0.3); background: rgba(255,255,255,0.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.2);}
.adv-card .adv-icon svg{fill:#a917fe ;}
.adv-card:hover{border-color:rgba(98,60,180,0.3);box-shadow:0 8px 25px rgba(0,0,0,0.06);transform: translateY(-8px);box-shadow: 0 10px 30px rgba(186, 180, 255, 0.3);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 0 10px 30px rgb(146 137 255 / 30%);cursor: pointer;border: 1px solid #A100FF;}
.adv-card .adv-icon{width:3rem;height:3rem;border-radius:var(--radius);background:var(--secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.25rem;color:var(--primary)}
.adv-card h3 { font-weight: 600; font-size: 22px; margin-bottom: 0.5rem; color: #fff; }
.adv-card p { color: #fff; font-size: 16px; line-height: 1.4; font-weight: 400; }

/* Talent Pool */
section.hireTalent { background: url(../images/hire-talent-new.webp) no-repeat; background-size: cover; background-position: 0% 100%; }
.domain-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;max-width:80rem;margin:0 auto}
.domain-tag { display: inline-flex; align-items: center; gap: 0.5rem; padding: 25px 5px; border-radius: 20px; background: var(--card); border: 1px solid var(--border); font-size: 17px; font-weight: 500; transition: all 0.2s; flex-direction: column; width: 19%; justify-content: flex-start; text-align: center; }
.domain-tag:hover {border-color: #A100FF;background: hsl(270deg 60% 96% / 27%); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 10px 30px rgb(146 137 255 / 30%); transform: scale(1.02); transition: 0.3s; cursor: pointer;}
.domain-tag svg{width:1.5rem;height:1.5rem;color:var(--primary);margin-bottom: 10px;}

/* Showcase */
.showcase-img{max-width:56rem;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.1);border:1px solid var(--border)}

/* Hiring Solutions */
.sol-grid { display: inline-flex; gap: 1.5rem; margin: 0 auto; flex-direction: column; align-items: flex-start; }
/* .sol-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.75rem;transition:all 0.2s} */
/* .sol-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.06);border-color:rgba(98,60,180,0.3);transform: translateY(-8px);box-shadow: 0 10px 30px rgba(186, 180, 255, 0.3);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 0 10px 30px rgb(146 137 255 / 30%);cursor: pointer;} */
.sol-card .sol-icon { width: 5rem; height: 5rem; background: #A400FF; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; font-size: 1.5rem; color: var(--primary); margin-left: auto; margin-right: auto; padding: 20px; border-radius: 60px; }
.sol-card .sol-icon svg { fill: #a917fe; }
.sol-card h3 { font-weight: 600; font-size: 24px; margin-bottom: 10px; }
.sol-card .subtitle { color: #A100FF; font-size: 16px; margin-bottom: 0.5rem; font-weight: 500; }
.sol-card p.desc { color: #000; font-size: 16px; line-height: 1.5; margin-top: 0.5rem; font-weight: 400; }


.hands-on-projects {position: relative; border-radius: 25px; min-height: 460px; }
.project-bg svg { display: block; vertical-align: middle; width: 30px; height: auto; margin-top: 12px; margin-right: 20px; fill: #fff; }

section.ProjectShowcase{background: #6720c9 url(../images/recent-hires.webp) no-repeat;}
section.ProjectShowcase .section-tag {color: #ffffff;}
section.ProjectShowcase .section-tag::before, section.ProjectShowcase .section-tag::after {border-bottom: 1px solid #ffffff; }
section.ProjectShowcase .section-title {color: #fff;}
section.ProjectShowcase .project-bg { border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom: 1px solid #00000024; display: inline-flex; flex-direction: row; width: 100%; z-index: 1; position: relative; align-items: flex-start; justify-content: space-between; min-height: 100px; }
section.ProjectShowcase .hands-on-projects {background: #fff;}
.project-bg.one {background: #A100FF;    border-radius: 10px 10px 0 0;}
.project-bg.two {background: #D237AE;min-height: 180px;border-radius: 10px 10px 0 0;}
.project-bg.three {background: #8957C4;border-radius: 10px 10px 0 0;}
.projects-type { padding: 25px 20px; padding-bottom: 0px; border-top-left-radius: 25px; border-top-right-radius: 25px; position: absolute; z-index: 2; margin-top: 0; background: #fff; top: 55px; }
p.project-category { color: #7E00D1; padding: 0.15rem 0.5rem; border-radius: 5px; background: transparent; font-weight: 500; display: inline-block; border: 2px solid #7E00D1; }
p.project-specialization { position: unset; color: #ffffff; font-size: 16px; font-weight: 500; border: unset; padding: 18px 5px 20px 25px; border-radius: 8px; }
p.project-name {font-size:20px;font-weight: 500;color: #000;line-height: 1.3em;}
p.project-description { font-size: 13px; color: #000; font-weight: 400; font-size: 16px !important; }
ul.project-technologies li { display: inline-block; background: #7E00D1; padding: 5px 15px; border-radius: 7px; font-size: 14px; font-weight: 400; color: #fefdff; border: 1px solid #7E00D1; }
.mySwiperOne .swiper-button-next { right: 40px; width: 35px; height: 35px; color: rgb(0 0 0); background: #ffffff; border-radius: 30px; border: 1px solid #ababab; top: 97%; left: 51%; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none;} 
.mySwiperOne .swiper-button-prev { left: 46%; background: #ffffff; border-radius: 30px; width: 35px; height: 35px; color: #000000; border: 1px solid #fff; top: 97%; } 
.mySwiperOne .swiper-button-next:after, .mySwiperOne .swiper-button-prev:after { font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; } 
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; }
section.ProjectShowcase div.swiper-wrapper{padding-bottom: 20px;}




section.hiring-solutions { background: #fcf6ff url(../images/hiring-solution.webp) no-repeat; background-position: 50% 50%; background-size: cover; }
section.hiring-solutions img.degree-val{height: auto;width: 100%;}

/* Contact */
section#contact { background: #4a006e url(../images/contact-bg.webp) no-repeat; background-position: 60% 100%; background-size: cover; min-height: 760px; }
.contact{padding:5rem 0;background:var(--hero-gradient)}
.contact h2{color:var(--primary-fg);text-align:left;font-size:36px;font-weight:400;margin-bottom:1rem}
.contact .sub-text{color:rgba(255,255,255,0.7);text-align:left;font-size:1.1rem;margin-bottom:2rem;font-weight: 400;}
/* .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;max-width:64rem;margin:0 auto} */
.contact-info{display: inline-flex;flex-direction:column;justify-content:center}
.contact-box { backdrop-filter: blur(8px); padding: 0px 10px 0px 0px; display: inline-flex; border-radius: 10px; background: rgba(164, 0, 255, 0.30); min-height: 50px; }
.contact-box h3{color:var(--primary-fg);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}
.contact-item { display: flex; align-items: center; gap: 0rem; color: var(--primary-fg); margin-bottom: 0rem; justify-content: center; border-right: 1px solid #563C65; padding-right: 15px; padding-left: 10px; }
a.contact-item:nth-child(2){border-right: unset;}
.contact-item .ci-icon { width: 2rem; height: 2rem; border-radius: 0.5rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; margin-top: 0px; margin-right: 10px; }
.contact-item .ci-icon svg { fill: #fff; width: 19px; height: auto; }
.contact-item .ci-label{font-size:16px;color:rgba(255,255,255,0.6);font-weight: 400;}
.contact-item .ci-value{font-weight:500;font-size:19px;margin-top:0px;}
.contact-form { background: rgb(0 0 0); backdrop-filter: blur(8px);border: 1px solid rgb(110 110 110); border-radius: 1rem; padding: 1.2rem; }
.contact-form label{display:block;color:rgba(255,255,255,0.7);font-size:0.75rem;margin-bottom:0.25rem}
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; padding: 0.625rem 1rem; border-radius: 0.5rem; background: rgb(255 255 255); border: 1px solid rgba(255, 255, 255, 0.2); color: #000000; font-size: 0.875rem; font-family: inherit; outline: none; margin-bottom: 0.75rem; height: 45px; }
.contact-form textarea { height: 100px; margin-top: 20px; }
.contact-form input::placeholder,.contact-form textarea::placeholder,.contact-form select::placeholder{color:rgba(0, 0, 0, 0.4)}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent)}
.contact-form select option{background:var(--bg);color:var(--fg)}
.with-icon.single-row { width:100%; display: inline-block; margin-right: 8px; }
.with-icon.single-row2 { width: 100%; display: inline-block; }
p.question-label {color: #fff;font-size: 17px;}
.selection-test-section input { width: 15px; float: left; display: inline-block; margin-right: 10px; margin-left: 0; margin-bottom: 8px !important; position: relative; top: 4px; height: 15px; }
.selection-test-section label { width:30%; font-size: 15px; font-weight: 300; color: #ffffff; display: inline-block; }
input[type=checkbox]{display:none}
input[type=checkbox]+label{display:block;margin:0;cursor:pointer;padding:0;float:left;color:#ffffff;font-weight:300;font-size:13px;margin-top:0;line-height:1.5em;text-align:left}
input[type=checkbox]+label a{color:#ffffff;text-decoration: underline;}
input[type=checkbox]:checked+label:before { background-color: #ffffff; border-color: #000000; color: #000000; width: 17px; height: 17px; border-radius: 5px; }
input[type=checkbox]+label:before{content:"\2714";border:.1em solid #cacaca;border-radius:.2em;display:inline-block;width:15px;height:15px;padding-left:0;padding-bottom:.3em;margin-right:.2em;vertical-align:bottom;color:transparent;transition:.2s;position:relative;top:3px;text-align:center;margin-left:0;float:left;margin-bottom:30px;margin-right:10px;line-height: 1;width: 17px; height:17px; border-radius: 5px;}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.btn-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:#A100FF;color:#ffffff;padding:0.75rem;border-radius:0.5rem;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:opacity 0.2s}
.btn-submit:hover, .btn-submit:active{background:#fff;opacity:0.9}
input#Phone {padding-left: 50px;}
.grecaptcha-badge {visibility: hidden;}

/* Footer */
.footer{padding:2rem 0;background:var(--fg);text-align:center}
.footer p{color:hsl(0,0%,60%);font-size:0.875rem}

/* SVG icons inline */
.icon-svg{width:1.25rem;height:1.25rem;display:inline-block;vertical-align:middle}

/* Responsive */
@media(max-width:1024px){
  .logo-grid{grid-template-columns:repeat(5,1fr)}
  .hire-grid{grid-template-columns:repeat(3,1fr)}
  .test-grid{grid-template-columns:repeat(2,1fr)}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .contact-box {margin-bottom: 30px;}
}


/*Small devices (portrait phones, less than 600px)*/
@media only screen and (max-width:600px) {
  section.hero { background: #000004 url(../images/hire-from-us-mob-bg.webp) no-repeat; background-size: cover; padding-top: 170px; padding-bottom: 300px;background-position: 100% 100%; }
  section.hero h1 { font-size: 35px;}
  p.byline {font-size: 20px;}
  .section-title {font-size: 25px;}
  .section-title br{display: none;}
  .trusted p.sub-heading {line-height: 1.3em;}
  .section.hired p.sub-heading {font-size: 25px;}
  .section.hired p.sub-heading br{display: none;}
  .hero h1 {font-size: 45px;}
  p.byline br{display: none;}
  .logo-grid{grid-template-columns:repeat(3,1fr)}
  .hire-grid{grid-template-columns:repeat(2,1fr)}
  .test-grid,.stats-grid,.sol-grid{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:repeat(1,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .with-icon.single-row {width: 100%;}
  .selection-test-section label {width: 94%;}
  .contact-form {padding: 2rem 1rem;}
  .contact-box {padding: 2rem 1rem;margin-bottom: 30px;flex-direction: column; align-items: flex-start;}
  .contact-item {margin-bottom: 1rem;}
  .hire-card .photo { float: unset; margin: auto; }
  .hire-card {padding: 1rem;}
  .hire-card .name{text-align: center;font-size: 14px;line-height: 1.3em;}
  .hire-card .name br{display: none;}
  .hire-card .company{float: unset;line-height: 1.3em;}

  .IndustryreadyTalent .swiper-button-next {left: 53%; top:99%; }
  .IndustryreadyTalent .swiper-button-prev {left: 35%; top:99%; }
  .mySwiperOne .swiper-button-next{left: 53%; top:95%;}
  .mySwiperOne .swiper-button-prev{left: 35%; top:95%;}
  .quotes .swiper-button-next{left: 53%; top:97%; }
  .quotes .swiper-button-prev{left: 35%; top:97%; }
  .domain-tag{width: 30%;font-size: 15px;gap: 0.2rem;}
  .stat-card{padding: 1.5rem;}
  .stat-card .stat-header {margin-bottom: 5px; }
  .stat-card .stat-value { font-size: 2.7rem; font-weight: 600; margin-bottom: 15px;}
  .adv-card {padding: 1rem;}
  .adv-card h3 {font-size: 20px;}
  .hands-on-projects { min-height: 470px; }
  p.project-description{font-size: 14px!important;line-height: 1.3em;}
  p.project-name {font-size: 18px;}
  ul.project-technologies li{font-size:12px;padding: 5px 7px;}
  section.hiring-solutions .sol-grid { display: inline-flex; flex-direction: row; align-items: flex-start; justify-content: center; align-content: center; }
  .sol-card h3{font-size: 22px;}
  .sol-card p.desc{line-height: 1.3;}
  .sol-card p.desc br{display: none;}
  .contact-item{border: unset;}
  .hire-card .name{font-size: 15px;}
  .hire-card {padding: 1rem;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
section.hero { background-position: 30% 100%; min-height: 540px; padding-top: 160px; background-size: 120%; }
section.hero h1 { font-size: 40px; }
p.byline{font-size: 20px;}
p.byline br{display: none;}
a.lets-talk.mt-5{margin-top: 30px !important;}
.hire-card .photo img {height: 40px;}
.hire-card .photo { float: left; margin-right: 10px; }
.hire-card .photo img{margin-bottom: 30px;}
.hire-card .name {font-size: 13px; line-height: 1.3em;}
.hire-card .name br{display: none;}
}

@media only screen and (min-width:1200px) and (max-width:1290px) {
    section.hero {background-position: 40% 100px;}
}
@media only screen and (min-width:1400px){
    section.hero {background-position: 0px 60px;}
    section.hero h1 {font-size: 50px;}
    section.hero{min-height:680px;}
    .hands-on-projects { min-height: 430px; }
    p.project-specialization {font-size: 18px;}
    p.project-name {font-size: 22px;}
    p.project-description {font-size: 14px;color: #000; }
    section#contact { background: #030112 url(../images/contact-bg-larg-screen.webp) no-repeat; background-position: 60% 20%; background-size: cover; }
    .hire-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding: 5px;}
    .hire-card .photo{float: left; margin-right: 20px;}
    .test-card{min-height:280px;}
    .hire-card .name {font-size: 16px;text-align: left;}
    .hire-card .company{display:inline-block;background:var(--tag-bg);color:var(--tag-text);padding:0.15rem 0.5rem;border-radius:4px;font-size:0.7rem;font-weight:500;margin-top:0.5rem;float: left;}
}
@media only screen and (min-width:1600px){
    /* section.hero {background-size: 87%;} */
    p.byline {font-size: 24px;}
}
@media only screen and (min-width:1800px){
    section.hero {min-height:700px }
    section.hero h1 {font-size: 55px;}
    p.byline {font-size: 26px;}
}