*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{
background:#f4ebeb;
font-family: "Poppins", Arial, Helvetica, sans-serif;
}

.rc-carousel-section{
width:100%;
/* padding:40px 20px; */
}

.rc-carousel{
max-width:1920px;
margin:auto;
position:relative;
overflow:hidden;
/* border-radius:25px; */
/* box-shadow:0 25px 60px rgba(0,0,0,.45); */
}

.rc-slider{
display:flex;
transition:transform .9s cubic-bezier(.77,0,.175,1);
}

.rc-slide{
min-width:100%;
height:650px;
position:relative;
overflow:hidden;
}

.rc-slide img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.1);
transition:transform 8s linear;
}

.rc-slide.active img{
transform:scale(1);
}

.rc-slide::after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.1));
}

.rc-content{
position:absolute;
left:70px;
bottom:80px;
z-index:2;
color:#fff;
max-width:550px;
opacity:0;
transform:translateY(60px);
transition:1s;
}

.rc-slide.active .rc-content{
opacity:1;
transform:translateY(0);
}

.rc-content h2{
font-size:58px;
font-weight:700;
margin-bottom:15px;
}

.rc-content p{
font-size:20px;
line-height:1.7;
color: whitesmoke;
}

.rc-btn{
position:absolute;
top:50%;
transform:translateY(-50%);
width:55px;
height:55px;
border:none;
border-radius:50%;
background:rgba(255,255,255,.18);
backdrop-filter:blur(12px);
color:#fff;
font-size:28px;
cursor:pointer;
transition:.35s;
z-index:10;
}

.rc-btn:hover{
background:#fff;
color:#111;
transform:translateY(-50%) scale(1.1);
}

.rc-prev{
left:25px;
}

.rc-next{
right:25px;
}

.rc-dots{
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:12px;
z-index:20;
}

.rc-dot{
width:13px;
height:13px;
border-radius:50%;
background:rgba(255,255,255,.5);
cursor:pointer;
transition:.4s;
}

.rc-dot.active{
width:42px;
border-radius:30px;
background:#fff;
}

@media(max-width:992px){

.rc-slide{
height:520px;
}

.rc-content{
left:40px;
right:40px;
bottom:60px;
}

.rc-content h2{
font-size:42px;
}

}

@media(max-width:768px){

.rc-slide{
height:430px;
}

.rc-content{
left:25px;
right:25px;
bottom:50px;
}

.rc-content h2{
font-size:30px;
}

.rc-content p{
font-size:16px;
}

.rc-btn{
width:45px;
height:45px;
font-size:22px;
}

}

@media(max-width:480px){

.rc-slide{
height:340px;
}

.rc-content h2{
font-size:24px;
}

.rc-content p{
font-size:14px;
}

}
.Header-bar{
    height: 120px;   
    align-items: center;
    background-color: #f6d6d6;
    display: flex;
}
.navbar{
    height: 80px;
    margin: 0%;
}
.navbar li{
list-style: none;
}
.navbar li a{
text-decoration: none;
color: black;
font-weight: 600;
text-transform: uppercase;
}
.pd60{
    padding: 60px 0px;
}
p{
    font-size: 18px;
    color: #333;
    /* padding: 0px 25px; */
    font-family: "Lato", Arial, Helvetica, sans-serif;
}
.mdh2{
    font-size: 42px;
    margin-bottom: 30px;
    font-weight: 700;
}
.mngp{
    padding: 30px 0px;
}

/* Testimonial Css start */
.rk-testi-section{

    padding:80px 20px;
    background:#f7f7f7;
    overflow:hidden;

}

.rk-testi-title{

    text-align:center;
    margin-bottom:50px;

}

.rk-testi-title span{

    color:#d4af37;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:600;

}

.rk-testi-title h2{

    font-size:42px;
    margin:15px 0;
    font-weight: 700;

}

.rk-testi-title p{

    color:#777;
    max-width:650px;
    margin:auto;

}

.rk-testi-wrapper{

    max-width:1200px;
    margin:auto;
    overflow:hidden;
    border-radius: 30px;

}

.rk-testi-slider{

    display:flex;
    transition:transform .8s cubic-bezier(.22,1,.36,1);

}

.rk-testi-card{

    min-width:100%;
    background:white;
    border-radius:25px;
    padding:50px;
    text-align:center;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    transition:.4s;

}

.rk-testi-card:hover{

    /* transform:translateY(-10px); */

}

.rk-testi-card img{

    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid #d4af37;
    margin-bottom:20px;

}

.rk-testi-card h3{

    margin:10px 0 5px;

}

.rk-testi-card small{

    color:#999;
    display:block;
    margin-bottom:25px;

}

.rk-testi-card p{

    font-size:17px;
    line-height:1.8;
    color:#555;
    max-width:750px;
    margin:auto;

}

.rk-stars{

    color:#FFD700;
    font-size:24px;
    margin-top:25px;

}

@media(max-width:992px){

.rk-testi-card{

padding:40px 30px;

}

.rk-testi-title h2{

font-size:34px;

}

}

@media(max-width:768px){

.rk-testi-card{

padding:30px 20px;

}

.rk-testi-card p{

font-size:15px;

}

.rk-testi-title h2{

font-size:28px;

}

}

@media(max-width:480px){

.rk-testi-section{

padding:60px 15px;

}

.rk-testi-card img{

width:90px;
height:90px;

}

}
/* Testimonial css End */

.ms-footer{

    background:#F8EDE3;
    color:#d8d8d8;
    padding-top:70px;
    position:relative;

}

.ms-footer-logo{

    width:180px;

}

.ms-footer p{

    color:#2c2c2c;
    line-height:30px;

}

.ms-footer h4{

    color:#000000;
    margin-bottom:30px;
    font-size:24px;
    position:relative;

}

.ms-footer h4::after{

    content:"";
    width:55px;
    height:3px;
    background:#d4af37;
    display:block;
    margin-top:12px;
    border-radius:50px;

}

.ms-footer ul{

    list-style:none;
    padding:0;
    margin:0;

}

.ms-footer ul li{

    margin-bottom:16px;

}

.ms-footer ul li a{

    color:#000000;
    text-decoration:none;
    transition:.4s;

}

.ms-footer ul li a:hover{

    color:#d4af37;
    padding-left:8px;

}

.ms-contact i{

    color:#d4af37;
    width:22px;
    margin-right:10px;

}

.ms-social{

    display:flex;
    gap:12px;
    margin-top:30px;

}

.ms-social a{

    width:48px;
    height:48px;
    border-radius:50%;
    background:#232323;
    color:#ffffff;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    transition:.4s;

}

.ms-social a:hover{

    background:#d4af37;
    color:#111;
    transform:translateY(-6px);

}

/* Newsletter */

.ms-newsletter{

    margin-top:30px;
    background:#1d1d1d;
    padding:35px;
    border-radius:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;

}

.ms-newsletter h3{

    color:#ffffff;

}

.ms-newsletter p{

    margin:0;
    color: #f4ebeb;

}

.ms-newsletter form{

    display:flex;
    flex:1;
    max-width:500px;

}

.ms-newsletter input{

    flex:1;
    border:none;
    padding:15px;
    border-radius:50px 0 0 50px;
    outline:none;

}

.ms-newsletter button{

    border:none;
    background:#d4af37;
    color:#111;
    padding:15px 30px;
    border-radius:0 50px 50px 0;
    font-weight:700;
    transition:.4s;

}

.ms-newsletter button:hover{

    background:#fff;

}

/* Bottom */

.ms-footer-bottom{

    margin-top:60px;
    padding:25px 0;
    border-top:1px solid rgba(0, 0, 0, 0.08);
    color:#000000;

}

/* Responsive */

@media(max-width:991px){

.ms-newsletter{

text-align:center;
justify-content:center;

}

.ms-newsletter form{

max-width:100%;

}

}

@media(max-width:767px){

.ms-footer{

text-align:center;

}

.ms-footer h4::after{

margin:auto;
margin-top:10px;

}

.ms-social{

justify-content:center;

}

.ms-newsletter form{

flex-direction:column;

}

.ms-newsletter input{

border-radius:50px;

margin-bottom:15px;

}

.ms-newsletter button{

border-radius:50px;
width:100%;

}

}


/* Desktop */

.menu-toggle{
    display:none;
}

.navbar{
    display:flex;
    align-items:center;
    justify-content:center;
    list-style:none;
    gap:35px;
    margin:0;
    padding:0;
}

.navbar li{
    list-style:none;
}

.navbar li a{
    text-decoration:none;
    color:#222;
    font-weight:600;
    transition:.3s;
}

.navbar li a:hover{
    color:#d4af37;
}


/* Mobile */

@media(max-width:991px){

.menu-toggle{

    display:block;
    position:absolute;
    top:25px;
    right:20px;
    background:none;
    border:none;
    font-size:34px;
    cursor:pointer;
    z-index:1001;

}

#mobileNav{

    position:fixed;
    top:0;
    right:-100%;
    width:280px;
    height:100vh;
    background:#fff;
    box-shadow:-10px 0 30px rgba(0,0,0,.15);
    transition:.4s;
    z-index:1000;
    padding-top:90px;

}

#mobileNav.active{

    right:0;

}

.navbar{

    flex-direction:row;
    align-items:flex-start;
    gap:0;

}

.navbar li{

    width:100%;

}

.navbar li a{

    display:block;
    width:100%;
    padding:18px 30px;
    border-bottom:1px solid #eee;
    font-size:17px;

}

.navbar li a:hover{

    background:#f8f8f8;
    padding-left:40px;

}

}


/* MAIN GRID */

.cinema-grid {
  position: relative;

  width: 100%;
  /* height: 100vh; */

  /* padding: 42px; */

  display: grid;

  grid-template-columns:
    1.2fr
    0.9fr
    1fr;

  grid-auto-rows: 220px;

  gap: 22px;
}

/* FRAMES */

.frame {
  position: relative;

  overflow: hidden;

  border-radius: 22px;

  background: #151515;

  animation: breathe 8s ease-in-out infinite alternate;

  transition: transform 0.6s ease, filter 0.6s ease;

  isolation: isolate;
}

.frame::after {
  content: "";

  position: absolute;
  inset: 0;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.22), transparent 40%);

  pointer-events: none;
}

.frame img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 1.2s ease, filter 1.2s ease;

  filter: brightness(0.95) saturate(0.96);
}

/* HOVER */

.frame:hover img {
  transform: scale(1.04);

  filter: brightness(1) saturate(1.02);
}

/* GRID VARIATIONS */

.hero {
  grid-column: span 2;
  grid-row: span 2;
}

.vertical {
  grid-row: span 2;
}

.wide {
  grid-column: span 2;
}

/* METADATA */

.meta {
  position: absolute;

  left: 18px;
  bottom: 16px;

  z-index: 5;

  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.meta span {
  font-size: 1.68rem;

  letter-spacing: 2px;
  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.42);

  backdrop-filter: blur(10px);
}

/* SUBTLE MOTION */

.hero {
  animation-delay: 0s;
}

.vertical {
  animation-delay: 2s;
}

.square {
  animation-delay: 4s;
}

.wide {
  animation-delay: 1s;
}

@keyframes breathe {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-6px);
  }
}

/* AMBIENT LINES */

.ambient-line {
  position: absolute;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255, 255, 255, 0.04),
    transparent
  );

  z-index: 0;

  pointer-events: none;
}

.line-1 {
  width: 1px;
  height: 100%;

  left: 38%;
  top: 0;
}

.line-2 {
  width: 1px;
  height: 100%;

  right: 28%;
  top: 0;
}

/* MOBILE */

@media (max-width: 900px) {
  body {
    overflow-y: auto;
  }

  .cinema-grid {
    height: auto;

    padding: 18px;

    grid-template-columns: 1fr;

    grid-auto-rows: auto;
  }

  .hero,
  .vertical,
  .wide {
    grid-column: span 1;
    grid-row: span 1;
  }

  .frame {
    height: auto;
  }

  .frame img {
    height: auto;
  }
}

.abt-mngp{
    padding: 60px;
}