:root {
    --white-color: #fff;
    --black: #1e1c1b;
    --blue: #5504b0;
    --blue-light: #661db8;
    --yellow: #fbd206;
    --gray: #707070;
    --light-gray: #f2f2f2;
    --light-skin: #fff8ed;
}

@font-face {
    font-family: buzz;
    font-display: swap;
    src: url(../css/fonts/VinkaDuscha.ttf);
}

@font-face {
    font-family: buzzlight;
    font-display: swap;
    src: url(../css/fonts/VisbyCF-Regular.otf);
}

@font-face {
    font-family: buzzbold;
    font-display: swap;
    src: url(../css/fonts/VisbyCF-Bold.otf);
}

body {
    background-color: var(--white-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--blue);
    font-family: buzzbold;
}

p {
    font-family: buzzlight;
    text-align: center;
    text-transform: capitalize;
}

.aspect-r-11 {
    aspect-ratio: 1/1;
}

/* .img-header-container {
    aspect-ratio: 16/8;
} */

/* .img-header-container img{
    width: 75%;
} */

/* hero section */

.hero-section {
    position: relative;
}

/* .dl-logo {
    position: absolute;
    left: 150px;
}

.star-elements .element-left {
    position: absolute;
    top: 2.4rem;
    left: 2rem;
}

.star-elements .element-right {
    position: absolute;
    top: 12.5rem;
    right: -5rem;
} */

/* .desk-view{
    display: block !important;
} */

.mob-view {
    display: none !important;
}

.hero-title-section {
    position: absolute;
    top: 17rem;
    left: 8rem;
}

/* objective section */
.section-objective {
    background-color: var(--white-color);
    background-image: url(../images/profile/d-lakhani/second-section-bg-og.png), url(../images/profile/d-lakhani/Rectangle.png);
    /* background-image: url(../images/profile/d-lakhani/second-section-bg-og.png); */
    background-position: center, center;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    padding: 4rem 0;
    position: relative;
    margin-top: 3rem;
}

.section-objective h1 {
    text-align: center;
}

.s2-element-star {
    position: absolute;
    top: 2rem;
    left: 14rem;
}

.s2-element-left {
    position: absolute;
    bottom: 2rem;
    left: 2.5rem;
}

.s2-element-right {
    position: absolute;
    top: 3rem;
    right: 4rem;
}

.services-btn {
    text-align: center;
}

.services-btn a {
    font-size: 1.5rem;
    position: absolute;
    bottom: -1rem;
    left: 44%;
    padding: 10px 15px 8px 15px !important;
    box-shadow: 6px 6px 0 var(--yellow);
}

/* section show reel */
.section-show-reel {
    background-image: url(../images/profile/d-lakhani/bg-with-grid.png);
    background-repeat: repeat;
    background-size: 100%;
    padding: 4rem 0;
}

.section-show-reel h1 {
    color: var(--yellow);
}

.section-show-reel p {
    color: var(--white-color);
}

.video-style {
    width: 100%;
    height: 500px;
    border: 7px solid rgba(0, 0, 0, 0.6);
    border-radius: 2rem;
}

/* BTS section */
.bts-films {
    background-color: var(--white-color);
    /* background-image: url(../images/profile/d-lakhani/second-section-bg-og.png), url(../images/profile/d-lakhani/Rectangle.png); */
    background-image: url(../images/profile/d-lakhani/bg-section-bts.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem 0;
    position: relative;
}

.bts-films .camera-icon {
    position: absolute;
    left: 0rem;
}

.bts-films .bts-video-container {
    /* width: 200px;
    height: 400px; */
    /* margin-top: 1rem; */
    box-shadow: 5px 5px 0px var(--blue);
}

/*  */
.video-content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.video-content-container .title-content p {
    text-align: start !important;
}

/*  */
.food-photography {
    background-image: url(../images/profile/d-lakhani/bg-with-grid.png);
    background-repeat: repeat;
    background-size: 100%;
    padding-top: 4rem;
    padding-bottom: 8rem;
}

.food-photography h1 {
    color: var(--yellow);
}

.food-photography p {
    color: var(--white-color);
    text-align: start;
}

/* video-container */
.videography-reel-section {
    position: relative;
    margin-top: -9rem;
}

/* social-media-marketing */
.social-media-marketing {
    background-image: url(../images/profile/d-lakhani/Grid-yellow.png);
    background-repeat: repeat;
    background-size: 100%;
    padding: 4rem 0;
    position: relative;
}

.social-media-marketing .element-container {
    position: absolute;
    left: 200px;
}

.social-media-marketing .element-container-second {
    position: absolute;
    right: 200px;
    top: 150px;
}

/*  */
.section-stories-content {
    background-image: url(../images/profile/d-lakhani/Rectangle-58.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 3rem;
}

.section-stories-content h1,
.section-stories-content p {
    text-align: start;
}

/*  */
.story-section-row {
    display: flex;
    gap: 10px;
}

.reel-story-container img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    padding: 4px;
    border: 2px dashed transparent;
    object-fit: cover;
}

.reel-story-container img:hover {
    border: 2px dashed var(--blue);
}

/* client-testimonial */
.client-testimonial {
    background-image: url(../images/profile/d-lakhani/Grid-yellow.png);
    background-repeat: repeat;
    background-size: 100%;
    padding-top: 2rem;
    padding-bottom: 5rem;
    position: relative;
}

.client-testimonial-videos video {
    width: 100%;
    height: 205px;
    box-shadow: 5px 5px 0px var(--yellow);
}

.client-testimonial-videos-mobile video {
    width: 100%;
    height: 220px;
    box-shadow: 5px 5px 0px var(--yellow);
}


/* trending-reel */
.trending-reel {
    background-image: url(../images/profile/d-lakhani/bg-with-grid.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    height: 675px;
    /* aspect-ratio: 16/8; */
}

.trending-reel-sec-one {
    position: absolute;
    top: -2.5rem;
}

.trending-reel-sec-two {
    position: absolute;
    margin-top: 1rem;
}

.image-ribbons img {
    position: absolute;
    top: -2rem;
}

.trending-reel .title-section {
    background-image: url(../images/profile/d-lakhani/Rectangle\ 50.png);
    background-repeat: no-repeat;
    background-size: 100%; /* ensures full coverage without stretching */
   /* centers the background image */
    padding: 2rem 3rem; /* increases height so text fits */
    margin-top: 6rem;
    text-align: center; /* centers text horizontally */
   
}

.trending-reel h1 {
    color: var(--yellow);
}

.trending-reel p {
    color: var(--white-color);
}

/* festive-posts */
.festive-posts {
    background-image: url(../images/profile/d-lakhani/festive-posts-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 7rem;
    padding-bottom: 0rem;
    position: relative;
}

/* .hanging-elements{
    position: absolute;
} */
.hanging-elements .ele-globe {
    position: absolute;
    top: 0;
    left: 8rem;
}

.hanging-elements .ele-stars {
    position: absolute;
    top: 0;
    right: 8rem;
}

/* footer-section */
.footer-section {
    background-image: url(../images/profile/d-lakhani/footer-responsive-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 5rem 0;
    color: var(--white-color) !important;
}

.footer-section h1 {
    color: var(--white-color) !important;
}

.footer-section span {
    color: var(--yellow);
    font-weight: 600;
}

.footer-section p {
    text-align: start !important;
    margin-bottom: 0;
}
.outcome-points{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

/* .website-screens{
    width: 80%;
    margin: 0 auto;
} */

.footer-line {
    background-image: url(../images/profile/poojaent/bottom-line.png);
    margin-top: 3rem;
}

.realrimestories img {
    width: 100%;
    height: auto;
    display: block;
}

.realrimestories .slick-slide {
    padding: 0 10px; /* spacing between slides */
    box-sizing: border-box;
}

.realrimestories .slick-list {
    overflow: hidden; /* Prevent overlapping */
}
  .bts-video-container video {
        width: 100%;
        height: 600px;
        border-radius: 10px;
        object-fit: cover
    }
    .main-video-container video {
        width: 100%;
        height: 302px;
        border-radius: 10px;
        object-fit: cover
    }
     .videography-reel-section .desk-view video {
        width: 100%;  
        height: 331px;
        border-radius: 10px;
        object-fit: cover
    }
    .trending-reel video {
        width: 100%;  
        height: 498px;
        border-radius: 10px;
        object-fit: cover
    }
    .videography-slider video{
          height: 448px;
            max-width: 264px;
            object-fit: cover;
          
              border-radius: 10px; 
    }
    .videography-slider {
        place-items:center;
    }