html{
    overflow-x: hidden;
    width: 100%;
    scroll-behavior: smooth;
}


body {
    font-family: 'Nunito Sans';
    color: #F2F2F2;
    overflow-x: hidden;
    width: 100%;
    background-color: #002F2A;
}

body, div, p, li, ul, ol, span, strong, h1, h2, h3, h4, h5, h6{
  padding: 0px;
  margin: 0px;
}
button:focus, button:active, .btn-check:focus+.btn{
    outline: none;
    box-shadow: none !important;

}
a{
text-decoration: none; color:#fff;}
li, ul, ol{
list-style: none;}
button, button:focus, button:hover, button:active{
    outline: none;
}


.nav-item a {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

    .nav-item a:hover, ul.direct-link li a:hover {
        color: #ebcc57;
    }

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: #003c36;
}

.navbar-brand img { max-width:190px;}

ul.direct-link {
    border-top: 1px solid #ffffff3b;
    border-bottom: 1px solid #ffffff3b;
    padding: 15px 0;
    margin-top: 26px;
}

ul.direct-link li { display:inline-block; margin:0 20px; font-size:18px;}

.copywrite-data {
    display: flex;
    justify-content: space-between;
    padding: 20px 15px;
}

.socials a { margin-right:15px;}

.footer-inner-data {
    padding-left: 60px;
}

h5, h4, h3 {
    font-weight: 610;
}
h2 {
    font-weight: 700;
    font-size: 32px;
}

h1 {
    font-size: 54px;
}

h5 { font-size:18px;}

.copywrite-section img.Logo-white {
    width: 170px;
}

p {
    font-size: 18px;
    line-height: 27px;
}

.bg-gred-light {
    background: linear-gradient(180deg, #1D514B 0%, rgba(23, 66, 61, 0) 100%);
}

.celebrity-slider {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: -116px;
}

.slider-track {
    display: flex;
    width: max-content;
    animation: scrollLeft 30s linear infinite;
}

.celeb-col {
    flex: 0 0 auto;
    margin-right: 10px;
    max-width: 220px;
}

.image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden; /* This keeps overlay inside */
    border-radius: 10px;
}

    .image-wrapper img {
        width: 100%;
        max-width: 220px;
        height: auto;
        display: block;
        margin: 0 auto;
        border-radius:20px;
    }

.celeb-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 15px 12px 15px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 47, 42, 0) 0%, #002F2A 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

/* Responsive for mobile */
@media (max-width: 768px) {
    .celeb-col {
        flex: 0 0 100%;
        max-width: 180px;
    }
}

section.home-hero-section {
    margin-top: 30px;
}

.main-heading-section.bg-gred-light {
    border-radius: 44px;
    text-align: center;
    padding: 40px;
}

.main-heading-section h1, .inner-heading h1 {
    background: radial-gradient(214.96% 270.07% at -50.01% -85.37%, #FFFBCC 0%, #FBEEB7 11.71%, #EFD88C 34.87%, #EED688 37.08%, #EBBB10 68.54%, #C3922E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    font-weight: bold;
}

.text-grediunt {
    background: radial-gradient(214.96% 270.07% at -50.01% -85.37%, #FFFBCC 0%, #FBEEB7 11.71%, #EFD88C 34.87%, #EED688 37.08%, #EBBB10 68.54%, #C3922E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.main-heading-section.bg-gred-light {
    border-radius: 84px 84px 0 0;
    text-align: center;
    padding: 48px 216px;
    padding-bottom: 152px;
}

.home-hero-section p { font-size:22px; margin-top:15px;}

.mt-7 { margin-top:70px;}

.bg-light {
    background-color: #19443F !important;
}

.bg-gold {
    background: linear-gradient(360deg, rgba(235, 187, 16, 0) 0%, rgba(235, 187, 16, 0.34) 100%);
    border-radius:50px 50px 0 0;
}
h3 { font-size:20px;}

.how-it-col {
    border-radius: 30px;
    height: 100%;
    padding: 20px;
}

.how-it-col h3 { margin-top:15px; margin-bottom:5px;}

img { max-width:100%;}

.how-it-col.right-img {
    padding: 15px 0 0 20px !important;
}

    .how-it-col.right-img img {
        position: relative;
        bottom: 0;
        min-height: 230px;
        width: auto;
        object-fit: cover;
        border-radius: 0 0 29px 0;
    }

.how-it-col.top-img img {
    max-height:80px;
}

.celeb-col-top img { border-radius:16px;}
.celeb-col-top h3 { font-size:18px; font-weight:600; margin-top:10px;}

.view-more-celeb-button span { font-weight:bold; font-size:30px;}

.view-more-celeb-button a {
    display: flex;
    padding: 30px 44px;
    border-radius: 100px;
    align-items: center;
    width: fit-content;
    margin: auto;
    margin-top: 40px;
}

.view-more-celeb-button img.me-3 {
    max-height: 90px !important;
    mix-blend-mode: luminosity;
}

.view-more-celeb-button a:hover img.me-3 {
    mix-blend-mode: normal;
}

.ceblix-index-about-wrapper {
    height: 400px;
    width: 100%;
    border-radius: 44px;
    padding: 36px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.gold-btn {
    background: radial-gradient(214.96% 270.07% at -50.01% -85.37%, #FFFBCC 0%, #FBEEB7 11.71%, #EFD88C 34.87%, #EED688 37.08%, #EBBB10 68.54%, #C3922E 100%);
    padding: 16px 34px;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    border: none;
}

.light-btn {
    background-color: #375B54;
    padding: 16px 34px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
}

.platform-wrapper.text-center.bg-gold {
    padding: 0 40px 0 40px;
}

.platform-wrapper .cmn-heading { margin-top:-26px;}

.why-chose-col.bg-light {
    border-radius: 18px;
    padding: 16px;
}

.choose-text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.large-platform.mt-7 {
    margin-bottom: 100px;
}

.why-choose .cmn-heading {
    max-width: 65%;
}

.accordion-button::after {
    display: none;
}


.accordion-button .icon {
    width: 40px;
    height: 40px;
    background-image: url('../images/plus-icon.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}


.accordion-button:not(.collapsed) .icon {
    background-image: url('../images/minus-icon.png');
}

.accordion-button {
    color: #F2F2F2;
    background-color: transparent;
}

.accordion .accordion-item {
    color: #F2F2F2;
    background-color: #19443F;
    border: 1px solid #e1b117a6 !important;
    --bs-accordion-border-color: none;
    background-color: #19443F !important;
    border-radius: 14px;
}

.accordion-body .accordion-item {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    background-color: #19443F;
    border-radius: 14px;
    color: #F2F2F2;
}


.accordion-button:not(.collapsed) {
    color: #F2F2F2;
    background-color: transparent;
    box-shadow: inherit;
    border: none !important;
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed, .accordion-item:last-of-type > .accordion-collapse, .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed, .accordion-item:last-of-type, .accordion-item:first-of-type > .accordion-header .accordion-button {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

button.accordion-button {
    font-size: 22px;
    font-weight:600;
}

.accordion-item {
    background-color: #19443F;
    border-radius: 14px;
    margin-bottom:20px;
}

input.form-control, .form-select {
    background-color: #19443F;
    min-height: 64px;
    border: indianred;
    color: #f2f2f2;
}

textarea.form-control {
    background-color: #19443F;
    border: indianred;
    color: #f2f2f2;
}

input.form-control:focus, textarea.form-control:focus {
    background-color: #19443F;
    border: 1px solid #e1b117a6 !important;
    color: #f2f2f2;
    box-shadow: 0 0 0 .25rem rgb(253 202 13 / 15%);
}

label.form-label, input.form-control, .form-select, textarea.form-control {
    font-size: 18px;
}

    input.form-control::placeholder, textarea.form-control::placeholder {
        color: #f2f2f2;
        opacity: 0.5; /* Firefox */
    }

.bg-gold-view-all {
    background: radial-gradient(214.96% 270.07% at -50.01% -85.37%, #FFFBCC 0%, #FBEEB7 11.71%, #EFD88C 34.87%, #EED688 37.08%, #EBBB10 68.54%, #C3922E 100%);
    padding: 40px;
    border-radius: 36px;
    text-align:center;
}

    .bg-gold-view-all a {
        font-size: 20px;
        font-weight: bold;
    }

    .bg-gold-view-all img.all-celeb, .inner-celeb {
        mix-blend-mode: luminosity;
    }

.about-main-section { margin-top:40px;}

    .about-main-section .bg-gold {
        padding: 0 0 0 36px;
        min-height: 300px;
    }

        .about-main-section .bg-gold img, .services-wrapper img {
            mix-blend-mode: luminosity;
        }

.services-wrapper h2 { font-size:22px;}
.services-wrapper h3 {
    font-size: 16px;
    margin-top:10px;
}

.services-wrapper p {
    font-size: 16px;
    line-height:24px;
}

.services-wrapper li {
    font-size: 14px;
    background: linear-gradient(180deg, rgba(235, 187, 16, 0.19) 0%, rgba(235, 187, 16, 0.34) 100%);
    width: fit-content;
    padding: 4px 10px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
}

.service-col {
    background-color: #19443F;
    padding: 0px 0px 0px 20px;
    border-radius: 20px;
    height: 100%;
}

    .service-col .list {
        padding-bottom: 18px;
    }

.service-section {
    margin-bottom: 30px;
}

    .service-col .heading {
        margin-top: 30px;
    }

.contact-page-section .contact-input-data {
    background-color: #00322d;
    border: 1px solid #74747452;
    padding: 30px;
    border-radius: 30px;
    margin-top: 25px;
}

.contact-info {
    background: linear-gradient(180deg, rgba(235, 187, 16, 0) 0%, rgba(235, 187, 16, 0.34) 100%);
    padding: 20px;
    border-radius: 100px;
    height: 100%;
}

.contact-info {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
}

.img-icon {
    grid-area: 1 / 1 / 2 / 3;
    text-align:center;
}

.text-info-con {
    grid-area: 1 / 3 / 2 / 13;
}

    .text-info-con span {
        font-size: 18px;
        font-weight: 700;
    }

.privacy-content h2 {
    font-size: 20px;
}

.privacy-content h5 {
    font-size: 18px;
}

.privacy-content li {
    font-size: 16px;
    list-style:auto;
    margin-left: 20px;
    margin-top: 15px;
}



.vision-container {
    display: flex;
    align-items: flex-start; 
    gap: 20px; 
}

.vision-img img {
    width: 150px; 
    height: 150px; 
    object-fit: cover; 
}

.vision-text {
    flex: 1; 
}

.why-chose-col {
    display: flex;
    align-items: flex-start; 
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    gap: 15px; 
    align-items:center;
}

    .why-chose-col img {
        width: 60px; 
        height: 60px; 
        object-fit: cover;
        flex-shrink: 0; 
    }

    .why-chose-col span {
        display: block;
    }


.vision-mission {
    background-color: #19443F;
    padding: 0 0 0 40px;
    border-radius: 30px;
}

.heading-what {
    border-right: 3px solid #EBBB10;
    height: 126px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.para-why { padding-left:20px;}

.image-area {
    min-height: 250px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: flex-start; 
}

.service-image {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: 0% 100%;
}

.navbar-toggler {
    background-color: #ecca52;
}

.get-connect-col.bg-gold-view-all.text-center {
    background: radial-gradient(214.96% 270.07% at -50.01% -85.37%, rgba(255, 251, 204, 0.4) 0%, rgba(251, 238, 183, 0.4) 11.71%, rgba(239, 216, 140, 0.4) 34.87%, rgba(238, 214, 136, 0.4) 37.08%, rgba(235, 187, 16, 0.4) 68.54%, rgba(195, 146, 46, 0.4) 100%);
}

.minus-margin { margin-top:-60px;}



 .services-wrapper img {
    mix-blend-mode: luminosity;
}

section.top-celeb.all-celeb {
    margin-top: -100px;
}

.services-wrapper .service-col:hover img {
    mix-blend-mode: normal;
}

.image-area {
    justify-content: flex-end;
}

.about-main-section.about-us img {
    mix-blend-mode: normal;
}

.whatsapp-icon {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 20px;
    width: 60px;
    height: 60px;
    z-index: 1000;
    border-radius: 50%;
    padding: 10px;
    background-color: #25D366;
    animation: bounce 2s infinite, bgColorChange 4s infinite;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

@keyframes bgColorChange {
    0% {
        background-color: #25D366;
    }

    25% {
        background-color: #1ebea5;
    }

    50% {
        background-color: #128C7E;
    }

    75% {
        background-color: #075e54;
    }

    100% {
        background-color: #25D366;
    }
}