* { margin: 0; padding: 0;
    /* border: 0 solid transparent;
    box-sizing: content-box; */
}
  
/* img{width: 100%; margin: 0px auto;} */

a {
    color: #f531a5;
    text-decoration: none;
	font-weight: bold;
    transition: 0.3s;
}



.btn-primary{background-color: #ac9d26 !important; border: #ac9d26 !important;}


body{
  background-color: #070708;
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;
}

.mark, mark {
    padding: .2em;
    background-color: #ffc107;
}

.button_{    padding: 15px 35px;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.3s ease;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;}

.button_ a{text-decoration: none;}
.button_color {
    background-color: #ac9d26;
    border-color: #ac9d26;;
    color: #fff !important;
    box-shadow: 0 8px 25px  color-mix(in srgb, #ac9d26, transparent 70%);
}


.btn{padding: 15px 35px;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.3s ease;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;}

.button_outline{background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.5rem;}

.keywordTags a{border-radius: 20px; border: 2px #ac9d26 solid; 
    /* padding: 10px 10px; */
    white-space: nowrap; display: inline;}
.keywordTags a:hover{color: #ac9d26;}

/* .keywordTags a.d-md-inline-block {
  border-radius: 20px;
  border: 2px #ac9d26 solid;
  padding: 10px 10px;
  margin: 0 5px;
  text-decoration: none;
  color: #ac9d26;
  transition: color 0.3s;
}

.keywordTags a.d-md-inline-block:hover {
  color: #005f50;
} */


.title{opacity: 1;
    -webkit-transform: none;
    transform: none;}
.title h2 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
}
.title span {
    position: absolute;
    top: 4px;
    color:  color-mix(in srgb, #fff, transparent 95%);
    left: 0;
    right: 0;
    z-index: 1;
    font-weight: 700;
    font-size: 52px;
    text-transform: uppercase;
    line-height: 1;
}

/* ==================== Navbar Start Here =========================== */
.navbar-dark .navbar-toggler{margin-right: 60px;}

.navbar{ background-color: #000 !important;z-index: 50; border-bottom: 1px solid rgba(255, 255, 255, 0.2);;}
.navbar-dark .navbar-nav .nav-link {color: #fff !important; font-size: .875rem; font-weight: 500; text-transform: capitalize; }
.nav-item{padding: 0px 20px;}
.navbar-dark .navbar-nav .nav-link:hover {color: #ac9d26 !important;}
.navbar-brand { font-size: 1.75rem; max-width: 220px !important; }
.navbar-brand span{color: #eebd22;}

@media screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
    .dropdown .dropdown-menu { display: none; }
    .dropdown:hover .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; }
}  
@media screen and (max-width: 991px) {
    .dropdown-toggle.show::after { border-top: 0; border-bottom: 0.3em solid; }
}

/* ==================== Navbar End Here =========================== */

.banner {
    position: relative;
    min-height: 5	0vh;
    display: flex;
    align-items: center;
    padding: 80px;
    overflow: hidden;
}

.banner h1 {
    font-size: 2rem !important;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 1.1;
    color: #fff;
    letter-spacing: -0.02em;
}

.banner p {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.8);
 /* color-mix(in srgb, var(--default-color), transparent 20%); */
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}


.bannerImg { box-shadow: 0 0 10px 5px rgba(0,136,112, 0.5); border-radius: 10px; background-color: #070708;}
.bannerImg img{border-radius: 10px; width: 100%; margin: 0px auto;}


.bannerItem {
    padding: 2rem 1rem;
    background-color: #1f1f23;
    border-radius: 15px;
    box-shadow: 0 10px 30px 
    color-mix(in srgb, rgba(255, 255, 255, 0.8), transparent 90%);
    transition: all 0.3s ease;
    border: 1px solid
    color-mix(in srgb, rgba(255, 255, 255, 0.8), transparent 90%);
}
.bannerItem h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.5rem;
    line-height: 1;
}
.bannerItem p {
    font-size: .95rem;
    margin-bottom: 0;
    color: color-mix(in srgb, rgba(255, 255, 255, 0.8), transparent 30%);
    font-weight: 500;
}
.bannerItemIcons {
    width: 50px;
    height: 50px;
        background: linear-gradient(135deg, #f14ce5, color-mix(in srgb, #d40404, #fff 20%));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}


/* ==================== Profile Start Here =========================== */

.profile_box{background-color: #000; color: #fff; border-radius: 10px;box-shadow: 0 0 10px 5px rgba(0,136,112, 0.5); border: solid 2px #ac9d26;}
.profile_box img{border-radius: 10px;width: 100%; margin: 0px auto;}
.profile_box p{color: #fff;}
.profile_box .star{color: #eebd22;}

/* ==================== Profile Start Here =========================== */


/* ==================== Testimonials Here =========================== */

.bg{background-color: #1d1d1e;}
.bg1{background-color: #1f1f23;}

.bgBox{background-color: #37373e;}
.borderRadius{border-radius: 15px;}

.star{color: #eebd22;}

.testimonialsProfile img{ width: 50px; height: 50px;
    background-color: 
    color-mix(in srgb, #ffffff, transparent 95%);
    border-top: 1px solid
    color-mix(in srgb, #ffffff, transparent 90%);
}

.testimonialsProfile hr{ color: #fff ; height: 1px; }


/* ==================== Testimonials Here =========================== */


/* ==================== Price Here =========================== */

.price {
    font-size: 2.5rem;
    font-weight: bold;
    color: #ac9d26;
}

.features-list {
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}
.features-list li {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.features-list li i {
    margin-right: 0.5rem;
    color: #ac9d26;
}

.featuredMidBox {
    background-color:  color-mix(in srgb, #ac9d26, transparent 90%);
    border: 2px solid #ac9d26;
}

/* ==================== Price Here =========================== */



/* ==================== FAQ Here =========================== */

.accordion-body{background-color: #1d1d1e !important; color: #fff !important;}
.accordion-item{background-color: #1d1d1e !important; color: #ac9d26 !important;}

.accordion-button{background-color: #1d1d1e !important; margin: 10px 0px !important; color: #e3cf34 !important; border-color: #ac9d26 !important;}
.accordion-button::before { color: #fff !important;}
.accordion-button::after { color: #fff !important; background-color: #ac9d26 !important;}

/* ==================== FAQ Here =========================== */

section, .section {
    color: rgba(255, 255, 255, 0.8);
    background-color: #070708;
    padding: 20px 0;
    scroll-margin-top: 90px;
    overflow: clip;
}

.imageWrapper {
    position: relative;
}
.imageBox {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.imageBox img { transition: 0.5s transform; }

.experience-box {
    position: absolute;
    bottom: 20px;
    right: 30px;
    background-color:#ac9d26;
    color: #ffffff;
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 30px 
    color-mix(in srgb, #ac9d26, transparent 70%);
}
.experience-box .years {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    font-family:"Montserrat",  sans-serif;
}
.experience-box .text {
    font-size: 0.9rem;
    margin-top: 5px;
    line-height: 1.2;
}

.aboutContent .highlight-text {
    font-size: 1.1rem;
    color: color-mix(in srgb, #fff, transparent 20%);
    margin-bottom: 2rem;
    font-weight: 500;
}
.aboutContent h2 {
    font-size: 2.5rem;
    margin-bottom: 0;
    font-weight: 700;
}
.features-list {
    margin-bottom: 2.5rem;
}
.features-list .feature-item {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.features-list .feature-item .icon-box {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background-color: 
    color-mix(in srgb, #ac9d26, transparent 92%);
    color: #ac9d26;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    transition: 0.3s;
}

.cta-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.cta-buttons .btn-learn-more {
    background-color: transparent;
    color: #ac9d26;
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 500;
    border: 2px solid
    color-mix(in srgb, #ac9d26, transparent 80%);
    transition: 0.3s;
}
.cta-buttons .btn-get-started {
    background-color: #ac9d26;
    color: #fff;
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 500;
    transition: 0.3s;
    display: grid;
    place-items: center;
}


.footer {
    color: rgba(255, 255, 255, 0.8);
    background-color: #1d1d1e;
    font-size: 14px;
    padding: 40px 0 0 0;
    position: relative;
}
.footer .address p {
    margin-bottom: 0px;
}
.footer h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer .icon {
    color: #ac9d26;
    margin-right: 15px;
    font-size: 24px;
    line-height: 0;
}

.footer .copyright {
    padding: 25px 0;
    border-top: 1px solid
    color-mix(in srgb, rgba(255, 255, 255, 0.8), transparent 90%);
}
.footer .credits {
    margin-top: 5px;
    font-size: 13px;
}




/* Extra Small Devices (phones, 600px and below) */
@media only screen and (max-width: 600px) {
    /* Styles for phones */

    .banner{padding: 5px; margin-top: 60px;}	
    .banner h1{font-size: 2.75rem;}

    .aboutContent h2 {font-size: 1.5rem;}

}

/* ==================== MOBILE RESPONSIVE GALLERY ==================== */
.profile_card {
    background: #111;
    border: 2px solid #e3cf34;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px #e3cf34;
    transition: all 0.4s ease;
    height: 100%;
}

.profile_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 35px #e3cf34;
}

.image-container {
    position: relative;
}

.image-container img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.profile-info {
    padding: 15px 15px 10px;
}

.profile-info .name {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 8px;
}

.details {
    color: #ff0040;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 12px;
}

.bio {
    color: #ddd;
    font-size: 14.5px;
    line-height: 1.5;
    padding: 0 15px 15px;
   
}

.stars {
    text-align: center;
    padding-bottom: 15px;
    color: #ffd700;
    font-size: 24px;
}

/* ==================== MOBILE RESPONSIVE ==================== */
@media (max-width: 576px) {
    .image-container img {
        height: 260px;           /* Mobile pe chhoti image */
    }
    .profile-info .name {
        font-size: 20px;
    }
    .details {
        font-size: 14px;
    }
    .bio {
        font-size: 14px;
        line-height: 1.45;
    }
    .stars {
        font-size: 22px;
    }
}

/* Small Devices (portrait tablets and large phones, 601px to 768px) */
@media only screen and (min-width: 601px) and (max-width: 768px) {
    /* Styles for portrait tablets and large phones */
}

/* Medium Devices (landscape tablets, 769px to 1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* Styles for landscape tablets */
}

/* Large Devices (laptops, desktops, 1025px and above) */
@media only screen and (min-width: 1025px) {
    /* Styles for laptops and desktops */
}
.tags-section{background:linear-gradient(135deg,#000,#011f45)}
.tags-title{font-size:24px;font-weight:700;color:#d4af37;margin-bottom:20px}
.tags-wrap{display:flex;flex-wrap:wrap;gap:8px}
.tag-item{padding:5px 10px;border-radius:24px;font-size:12.5px;font-weight:600;background:linear-gradient(135deg,#000,#011f45);color:#e9e2d0;border:1.5px solid rgba(194,10,98,.45);box-shadow:0 4px 12px rgba(194,10,98,.25);transition:all .3s ease;cursor:default}
.tag-item:hover{background:linear-gradient(135deg,#c20a62,#8e0444);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgba(194,10,98,.55),0 0 12px rgba(194,10,98,.45);border-color:#d4af37}
@media(max-width:768px){
.tags-title{text-align:center;font-size:21px}
.tags-wrap{justify-content:center;gap:7px}
.tag-item{font-size:12px;padding:4px 9px}
}