body {
    margin: 0px;
    padding: 0px;
    font-family: 'Proxima';
    font-weight: 400;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
}


h1 {
    font-weight: 600;
}

/* ..........header-css:start.................. */
.index-banner-section {
    background-image: url(../image/index-banner-bg.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2E2E2E;
}

ul.flex.justify-end.gap-8.text-white.heder-menu li a {
    font-size: 13px;
    padding: 0 10px;
    color: #fff;
    opacity: .8;
}

/* ..........header-css:end.................. */

.text-center.banner.bg-content h1 {
    font-family: 'PlayfairDisplay';
}

.index-consideration-section h2 {
    font-family: 'PlayfairDisplay';
}

.text-center.banner.bg-content h2 {
    font-family: 'OoohBaby';
}

.Trusted-section {
    background-image: url(../image/Trusted-bg.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding: 200px 0px;
    background-color: #2E2E2E;
}

.Trusted-section.text-center h2 {
    font-family: 'PlayfairDisplay';
}

.left-artisiti-index-section h2 {
    font-family: 'PlayfairDisplay';
}

h1.Career_Acceleration_Programs {
    font-family: 'PlayfairDisplay';
}

.apply-btn-section button {
    border: 1px solid;
}

.index-campaign-section h4 {
    font-family: 'OoohBaby';
}

.index-left-image-section a:after {
    position: absolute;
    content: '';
    background: #C8A479;
    width: 2px;
    height: 19px;
    left: 0;
    top: 0px;
}

.index-left-image-section a {
    position: relative;
    padding-left: 12px;
}

.index-reputation-section {
    background-image: url(../image/index-reputation-bg.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding: 200px 0px;
}

.index-left-repution-section h2 {
    font-family: 'PlayfairDisplay';
}

.index-repution-center {
    font-family: 'OoohBaby';
}

.index-reputation-section {
    position: relative;
}

.Subtract_PR img {
    position: absolute;
    bottom: -1%;
    right: 0;
    width: 70%;
}

.index-Formidable-section {
    background-image: url(../image/team-bg.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding: 200px 0px;
}

.index-Formidable-section h2 {
    font-family: 'PlayfairDisplay';
}

.index-Formidable-section h4 {
    font-family: 'OoohBaby';
}

.index-group-section {
    background-image: url(../image/Mask_group1.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 789px;
}

.ftr-social-section {
    background-image: url(../image/team-bg.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.Career-box-part a {
    position: relative;
    padding-left: 12px;
}

.Career-box-part a:after {
    position: absolute;
    content: '';
    background: #C8A479;
    width: 2px;
    height: 19px;
    left: 0;
    top: 0px;
}

.Career-box-part h4 {
    font-family: 'PlayfairDisplay';
}

.bottom-index-consideration-section h4 {
    font-family: 'OoohBaby';
}

/* .............................mobile-css............................... */

.index-banner-section-mobile {
    background-image: url(../image/index-banner-bg-mobile.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-index-consideration-section h2 {
    font-family: 'PlayfairDisplay';
}

.career-box-part-mobile h4 {
    font-family: 'PlayfairDisplay';
}

.Trusted-section.campaign-detail {
    padding: 50px 0px 150px;
}

.detail-top-section ul li:after {
    content: '';
    position: absolute;
    background: #C8A479;
    width: 7px;
    height: 7px;
    left: 0;
    top: 10px;
}

.detail-top-section ul li {
    position: relative;
}

.detail-middle-section ul li:after {
    content: '';
    position: absolute;
    background: #C8A479;
    width: 7px;
    height: 7px;
    left: 0;
    top: 10px;
}

.detail-middle-section ul li {
    position: relative;
}

.detail-bg-1 {
    background-image: url(../image/detail-bg-1.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.detail-bottom-section {
    background-image: url(../image/detail-bg-2.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.detail-middle-section h2 {
    font-family: 'PlayfairDisplay';
}

.detail-bottom-section h2 {
    font-family: 'PlayfairDisplay';
}

.middle-phase-section h4 {
    font-family: 'PlayfairDisplay';
}

.middle-phase-section h3 {
    font-family: 'OoohBaby';
}

.Trusted-section.contact-us {
    padding: 50px 0px 150px;
}

.contact-us-top-section h1 {
    font-family: 'OoohBaby';
}

.contact-us-top-section h2 {
    font-family: 'PlayfairDisplay';
}

.contact-us-bottom-section h2 {
    font-family: 'PlayfairDisplay';
}

.contact-us-bottom-section ul li span {
    font-family: 'PlayfairDisplay';
}

.contact-us-right h3 {
    font-family: 'OoohBaby';
}

.detail-bg-3 {
    background-image: url(../image/detail-bg-3.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}


.detail-bg-4 {
    background-image: url(../image/detail-bg-4.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.detail-bg-4 h3 {
    font-family: 'OoohBaby';
}

.detail-bg-5 {
    background-image: url(../image/detail-bg-5.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.detail-bg-5 h3 {
    font-family: 'OoohBaby';
}

.detail-bg-6 {
    background-image: url(../image/detail-bg-6.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.detail-bg-7 {
    background-image: url(../image/detail-bg-7.png);
    width: 776px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.detail-bg-7 h3 {
    font-family: 'OoohBaby';
}


.Capabilities-bg-section {
    background-image: url(../image/Capabilities-bg.png);
    width: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:750px;
    background-color: #2E2E2E;
}

.Capabilities-bg-section h1 {
    font-family: 'OoohBaby';
}

.Capabilities-right-box h2 {
    font-family: 'PlayfairDisplay';
}

.detail-1-section h3 {
    font-family: 'PlayfairDisplay';
}

.detail-1-section h3 span {
    font-family: 'OoohBaby';
}

.detail-open-section h2 {
    font-family: 'PlayfairDisplay';
}

.detail-open-section h4 {
    font-family: 'OoohBaby';
}

.detail-open-section ul li:after {
    content: '';
    position: absolute;
    background: #C8A479;
    width: 7px;
    height: 7px;
    left: 0;
    top: 10px;
}

.detail-open-section ul li {
    position: relative;
}

.custom-btn {
    position: relative;
    z-index: 999;
    padding: 20px 45px;
    font-size: 14px;
    color: #c8a479;
    border-radius: 999px;
    border: 2px solid rgba(200, 164, 121, 0.737);
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

.gradient-layer {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: linear-gradient(to right, rgba(200, 164, 121, 0.2), transparent, rgba(200, 164, 121, 0.2));
    opacity: 0;
    transform: scaleX(0.5);
    transition: all 0.5s ease-out;
}

.border-glow {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    box-shadow: 0 0 20px rgba(200, 164, 121, 0.25);
    opacity: 0;
    transition: all 0.3s ease;
}

.btn-text {
    position: relative;
    z-index: 2;
}

.custom-btn:hover .border-glow {
    opacity: 1;
}

.custom-btn:hover .gradient-layer {
    opacity: 1;
    transform: scaleX(1);
}


.our-work-banner-section {
    background-image: url(../image/our-work-bg.png);
    width: auto;
    height: 364px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2E2E2E;
}

.our-work h2 {
    font-family: 'PlayfairDisplay';
}

.our-work h1 {
    font-family: 'OoohBaby';
}

.Our-Work-section h2 {
    font-family: 'PlayfairDisplay';
}

.Our-Work-section h4 {
    font-family: 'OoohBaby';
}

.faq-section h1 {
    font-family: 'PlayfairDisplay';
}

input[type="checkbox"]:checked~.wrapper label .icon {
    transform: rotate(180deg);
}

input[type="checkbox"]:checked~.wrapper .content {
    max-height: 200px;
}

input[type="checkbox"]:checked~.wrapper {
    border: 1px solid #C8A47933;
    box-shadow: 0 0 20px rgba(200, 164, 121, 0.2);
}

.faq-content span {
    font-family: 'PlayfairDisplay';
}

.case-study-main-section h1 {
    font-family: 'PlayfairDisplay';
}

.case-study-main-section h2 {
    font-family: 'OoohBaby';
}

.case-study-right h4 {
    font-family: 'PlayfairDisplay';
}

.case-study-right ul li {
    position: relative;
    padding-left: 20px;
}

.case-study-right ul li:after {
    content: '';
    position: absolute;
    background: #C8A479;
    width: 7px;
    height: 7px;
    left: 0;
    top: 10px;
}

.Campaign-Film-case-study {
    background-image: url(../image/Campaign-Film-case-bg.png);
    width: auto;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.Campaign-Film-case-study h2 {
    font-family: 'PlayfairDisplay';
}

.Campaign-Film-case-study h3 {
    font-family: 'OoohBaby';
}

.Campaign-Film-bottom {
    background-image: url(../image/Trusted-bg.png);
}

.about-us-bg {
    background-image: url(../image/about-us-bg.png);
    width: auto;
    height: 923px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2E2E2E;
}

.about-us-top-section h1 {
    font-family: 'PlayfairDisplay';
}

.about-us-top-section h2 {
    font-family: 'OoohBaby';
}

.about-us-do-section h4 {
    font-family: 'OoohBaby';
}

.about-work-section {
    background-image: url(../image/about-us-Work.png);
    width: auto;
    height: 930px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.left-about-us ul li {
    position: relative;
    padding-left: 15px;
}

.left-about-us ul li:after {
    content: '';
    position: absolute;
    background: #C8A479;
    width: 7px;
    height: 7px;
    left: 0;
    top: 10px;
}

.about-us-bottom {
    background-image: url(../image/about-us-bottom-bg.png);
    width: auto;
    height: 1254px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
ul.space-y-4.sticky.top-10.text-sm li a.menu-link:focus,
ul.space-y-4.sticky.top-10.text-sm li a.menu-link:active {
  color: #C8A479;
}

.menu-link {
  color: #d4d4d4;
  transition: 0.3s;
}
.blog-content p {
    padding-bottom: 15px !important;
    color: #d4d4d4 !important;
    margin-bottom: 0 !important;
    font-family: 'proxima' !important;
}
.blog-content p a {
    color: #c8a479 !important;
}

@media only screen and (max-width: 600px) {
   .blogpage {
    overflow: scroll;
}
    .Trusted-section.text-center {
        padding: 100px 0px;
    }

    .Subtract_PR img {
        width: 100%;
    }

    .index-group-section {
        height: 300px;
    }

    .index-Formidable-section {
        padding: 100px 0px;
    }

    .Trusted-section.main {
        padding: 150px 0;
    }

    .Trusted-section.campaign-detail {
        padding: 90px 0px 100px;
    }

    .Trusted-section.contact-us {
        padding: 90px 0px 100px;
    }


    .detail-bottom-section {
        width: auto;
    }

    .detail-bg-1 {
        background-image: url(../image/detail-bg-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .detail-bg-3 {
        background-image: url(../image/detail-bg-3-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .detail-bg-4 {
        background-image: url(../image/detail-bg-4-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .detail-bg-5 {
        background-image: url(../image/detail-bg-5-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .mobile-fix-button-section {
        background-image: url(../image/Trusted-bg.png);
        padding: 20px 25px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        border-top: 1px solid #C8A4794D;
        left: 0;
    }

    .detail-bg-6 {
        background-image: url(../image/detail-bg-6-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .detail-bg-7 {
        background-image: url(../image/detail-bg-7-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .our-work-banner-section {
        background-image: url(../image/our-work-mobile-bg.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 475px;
    }

    .case-study-section .Trusted-section {
        padding-bottom: 0px;
    }

    .Campaign-Film-case-study {
        height: 600px;

    }

    .about-us-bg {
        height: 800px;
        background-image: url(../image/about-us-mobile-bg.png);
    }

    .about-work-section {
        height: 550px;
        background-image: url(../image/about-us-Work-mobile.png);
    }

    .about-us-bottom {
        height: 430px;
        background-image: url(../image/about-us-bottom-bg-mobile.png);
    }









    .Capabilities-bg-section {
        background-image: url(../image/capabilities-mobile-bg.png);
        height: 410px;
        position: relative;
    }


    .Capabilities-bg-section h1 {
        position: absolute;
        left: 5%;
        top: 22%;
    }

    .Capabilities-bg-section img {
        padding: 0px;
        width: 238px;
        position: absolute;
        right: 11%;
        top: 36%;
    }

    .Capabilities-left-box {
        background: #1D1A1A;
        border-radius: 14px;
    }

    .Trusted-section {
        background-image: url(../image/Trusted-bg-mobile.png);
        width: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        padding: 200px 0px;
        background-color: #2E2E2E;
    }
}