/* Navbar Style */

.custom-navbar{
background:#FFFFFF;
border-bottom:1px solid #E5E7EB;
}

/* Logo */

.navbar-brand{
font-weight:700;
font-size:20px;
color:#000;
}

/* Links */

.nav-link{
color:#374151;
font-weight:500;
margin-left:10px;
}

.nav-link:hover{
color:#0f172a;
}

/* CTA Button */

.btn-hire{
background:#0f172a;
color:#fff;
padding:8px 18px;
border-radius:6px;
}

.btn-hire:hover{
background:#ea580c;
color:#fff;
}

/* ===== HERO SECTION ===== */

.hero-section{
padding:120px 0;
background:linear-gradient(to right, #FFFFFF, #F9FAFB);
position:relative;
overflow:hidden;
}

/* GLOW EFFECT */

/*.hero-section::before{*/
/*content:"";*/
/*position:absolute;*/
/*width:300px;*/
/*height:300px;*/
/*background:#0f172a;*/
/*filter:blur(120px);*/
/*opacity:0.2;*/
/*top:50px;*/
/*right:50px;*/
/*}*/

/* TITLE */

.hero-title{
font-size:48px;
font-weight:700;
color:#000;
}

.hero-title span{
color:#0f172a;
}

/* SUBTITLE */

.hero-subtitle{
font-size:22px;
color:#374151;
margin-top:10px;
}

.highlight{
color:#0f172a;
font-weight:600;
}

/* TEXT */

.hero-text{
margin-top:15px;
color:#374151;
max-width:520px;
line-height:1.6;
}

/* BUTTONS */

.hero-buttons{
margin-top:30px;
display:flex;
gap:15px;
flex-wrap:wrap;
}

/* PRIMARY BUTTON */

.hero-btn-primary{
background:#0f172a;
color:#fff;
padding:12px 26px;
border-radius:8px;
font-weight:500;
transition:0.3s;
}

.hero-btn-primary:hover{
background:#ea580c;
transform:translateY(-2px);
}

/* SECONDARY */

.hero-btn-secondary{
border:1px solid #E5E7EB;
padding:12px 26px;
border-radius:8px;
color:#000;
transition:0.3s;
}

.hero-btn-secondary:hover{
background:#000;
color:#fff;
}

/* IMAGE WRAPPER */

.hero-img-wrapper{
width:360px;
height:360px;
margin:auto;
border-radius:50%;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

/* OUTER RING */

.hero-img-wrapper::before{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:50%;
border:10px solid #0f172a;
}

/* INNER RING */

.hero-img-wrapper::after{
content:"";
position:absolute;
width:85%;
height:85%;
border-radius:50%;
border:2px dashed #0f172a;
opacity:0.5;
}

/* IMAGE */

.hero-img-wrapper img{
width:80%;
height:80%;
border-radius:50%;
object-fit:cover;
}

/* MOBILE */

@media (max-width:992px){

.hero-section{
text-align:center;
padding:80px 0;
}

.hero-title{
font-size:34px;
}

.hero-subtitle{
font-size:18px;
}

.hero-buttons{
justify-content:center;
}

.hero-img-wrapper{
width:260px;
height:260px;
margin-top:40px;
}

}
/* ===== ABOUT SECTION ===== */

.about-section{
background:#FFFFFF;
}

.about-img{
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.about-title{
font-size:32px;
font-weight:700;
margin-bottom:15px;
}

.about-text{
color:#374151;
line-height:1.7;
max-width:600px;
}

/* CARDS */

.about-card{
background:#F9FAFB;
padding:20px;
border-radius:8px;
text-align:center;
border:1px solid #E5E7EB;
}

.about-card h4{
font-size:28px;
font-weight:700;
color:#0f172a;
margin-bottom:5px;
}

.about-card p{
font-size:14px;
color:#374151;
margin:0;
}

/* CARD */

.skill-card{
background:#F9FAFB;
padding:35px 25px;
border-radius:10px;
border:1px solid #E5E7EB;
transition:0.3s;
height:100%;
}

/* ICON */

.skill-icon{
font-size:34px;
margin-bottom:15px;
}

/* TEXT */

.skill-card h5{
font-size:18px;
font-weight:600;
color:#374151;
}

/* HOVER */

/*.skill-card{*/
/*  will-change: transform;*/
/*}*/

/* MOBILE */

@media (max-width:768px){

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

.skill-card{
padding:30px 20px;
}

}

/* SERVICES SECTION */

.services-section{
padding:90px 0;
background:#FFFFFF;
}

/* TITLE */

.services-title{
font-size:36px;
font-weight:700;
color:#000000;
}

/* CARD */

.service-card{
background:#F9FAFB;
padding:10px 10px;
border-radius:10px;
border:1px solid #E5E7EB;
transition:0.3s;
height:100%;
}

/* ICON */

.service-icon{
font-size:36px;
margin-bottom:15px;
}

/* TITLE */

.service-card h5{
font-size:18px;
font-weight:600;
color:#000;
margin-bottom:10px;
}

/* TEXT */

.service-card p{
font-size:15px;
color:#374151;
margin:0;
}

/* HOVER EFFECT */

.service-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

/* MOBILE */

@media (max-width:768px){

.services-title{
font-size:30px;
}

.service-card{
padding:30px 20px;
}

}

/* CASE STUDY SECTION */

.case-section{
padding:90px 0;
background:#F9FAFB;
}

/* TITLE */

.case-title{
font-size:36px;
font-weight:700;
color:#000;
}

/* CARD */

.case-card{
background:#FFFFFF;
border:1px solid #E5E7EB;
padding:30px;
border-radius:10px;
transition:0.3s;
height:100%;
}

/* HOVER EFFECT */

.case-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

/* HEADING */

.case-heading{
font-size:20px;
font-weight:600;
margin-bottom:8px;
}

/* INDUSTRY */

.case-industry{
color:#374151;
font-size:14px;
margin-bottom:15px;
}

/* RESULTS */

.case-results{
padding-left:18px;
margin-bottom:20px;
}

.case-results li{
margin-bottom:6px;
color:#374151;
font-size:15px;
}

/* BUTTON */

.case-btn{
display:inline-block;
padding:10px 18px;
background:#0f172a;
color:#fff;
border-radius:6px;
text-decoration:none;
font-size:14px;
transition:0.3s;
}

.case-btn:hover{
background:#ea580c;
color:#fff;
}

/* MOBILE */

@media (max-width:768px){

.case-title{
font-size:30px;
}

.case-card{
padding:25px;
}

}

/* ===== CONTACT SECTION ===== */

.contact-section{
background:#F9FAFB;
}

.section-title{
font-size:32px;
font-weight:700;
margin-bottom:10px;
color:#000;
}

.contact-text{
color:#374151;
margin-bottom:25px;
}

.contact-info p{
margin-bottom:15px;
color:#374151;
}

.contact-info a{
color:#0f172a;
text-decoration:none;
}

.contact-info a:hover{
text-decoration:underline;
}

/* FORM */

.contact-form{
background:#ffffff;
padding:30px;
border-radius:8px;
border:1px solid #E5E7EB;
}

.form-control{
border-radius:6px;
border:1px solid #E5E7EB;
padding:10px;
}

.form-control:focus{
box-shadow:none;
border-color:#0f172a;
}

/* BUTTON */

.contact-btn{
background:#0f172a;
color:#fff;
padding:10px 22px;
border-radius:6px;
font-weight:500;
}

.contact-btn:hover{
background:#ea580c;
color:#fff;
}

/* TESTIMONIAL SECTION */

.testimonials-section{
padding:90px 0;
background:#FFFFFF;
}

/* TITLE */

.testimonial-title{
font-size:36px;
font-weight:700;
color:#000;
}

/* CARD */

.testimonial-card{
background:#F9FAFB;
padding:30px;
border-radius:10px;
border:1px solid #E5E7EB;
transition:0.3s;
height:100%;
}

/* HOVER EFFECT */

.testimonial-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 25px rgba(0,0,0,0.08);
}

/* TEXT */

.testimonial-text{
font-size:16px;
color:#374151;
margin-bottom:20px;
font-style:italic;
}

/* CLIENT */

.client-name{
font-size:16px;
font-weight:600;
margin-bottom:2px;
color:#000;
}

.client-company{
font-size:14px;
color:#6B7280;
margin:0;
}

/* MOBILE */

@media (max-width:768px){

.testimonial-title{
font-size:30px;
}

.testimonial-card{
padding:25px;
}

}
.footer-section {
  background: #0f172a;
  color: #fff;
  padding: 60px 0 20px;
}

/* LOGO */
.footer-logo {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* TEXT */
.footer-text {
  font-size: 14px;
  color: #cbd5e1;
  line-height: 1.6;
}

/* TITLES */
.footer-title {
  font-size: 18px;
  margin-bottom: 15px;
}

/* LINKS */
.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  text-decoration: none;
  color: #cbd5e1;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #ff6600;
  padding-left: 5px;
}

/* SOCIAL ICONS */
.social-icons {
  margin-top: 15px;
  display: flex;
  gap: 12px;
}

.social-icons a {
  width: 40px;
  height: 40px;
  background: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  transition: 0.3s;
}

.social-icons a:hover {
  background: #ff6600;
  transform: translateY(-3px);
}

/* FOOTER BOTTOM */
.footer-bottom {
  border-top: 1px solid #334155;
  margin-top: 30px;
  padding-top: 15px;
  text-align: center;
}

.footer-bottom p {
  font-size: 13px;
  color: #94a3b8;
}
.faq-section {
  padding: 80px 0;
  background: #ffffff;
}

.faq-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
}

.faq {
  max-width: 700px;
  margin: auto;
}

/* ITEM */
.faq-item {
  border-bottom: 1px solid #eee;
}

/* QUESTION */
.faq-question {
  width: 100%;
  background: none;
  border: none;
  padding: 18px 0;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ICON */
.faq-question span {
  font-size: 22px;
  transition: 0.3s;
}

/* ANSWER */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease;
}

.faq-answer p {
  padding-bottom: 15px;
  color: #555;
  font-size: 15px;
}

/* ACTIVE */
.faq-item.active .faq-answer {
  max-height: 200px;
}

.faq-item.active .faq-question span {
  transform: rotate(45deg);
}

.cta {
  padding: 80px 20px;
  background: #0f172a;

  color: #fff;
  text-align: center;
  border-radius: 20px;
  margin: 60px 0;
}

.cta h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

.cta p {
  font-size: 16px;
  margin-bottom: 25px;
  opacity: 0.9;
}

.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

/* PRIMARY BUTTON */
.btn-primary {
  background: #fff;
  color: #ff6600;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.btn-primary:hover {
  background: #f2f2f2;
}

/* SECONDARY BUTTON */
.btn-secondary {
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s;
}

.btn-secondary:hover {
  background: rgba(255,255,255,0.1);
}

.cta-note {
  display: block;
  margin-top: 15px;
  font-size: 13px;
  opacity: 0.8;
}