.elementor-12 .elementor-element.elementor-element-108abae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-108abae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-99224ee{width:var( --container-widget-width, 101.332% );max-width:101.332%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px -2px 0px 2px;--container-widget-width:101.332%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-99224ee.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-0c54778{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-26758b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-26758b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-e3490c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-7537711{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-554b167 .elementor-heading-title{font-family:"Cinzel Decorative", Sans-serif;font-size:32px;color:#551313;}.elementor-12 .elementor-element.elementor-element-bb08f70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-1d0fbb5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12 .elementor-element.elementor-element-f50eaac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-43bac54{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-43bac54 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-d5a2f4d > .elementor-widget-container{margin:0px 0px -220px 0px;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-108abae{--width:99.918%;}.elementor-12 .elementor-element.elementor-element-26758b8{--width:99.509%;}.elementor-12 .elementor-element.elementor-element-7537711{--width:50%;}.elementor-12 .elementor-element.elementor-element-bb08f70{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-99224ee *//* Banner Container */
.banner-container {
    position: relative;
    width: 100%;
    height: 600px; /* adjust height */
    overflow: hidden;
}

/* Video Style */
.banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Text Overlay */
.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Cinzel Decorative', serif;
    font-size: 60px;
    font-weight: 700;
    color:#fdfdfd;
    text-align: center;
    text-shadow: 3px 3px 15px rgba(0,0,0,0.6);
    line-height: 1.2;
    animation: fadeIn 2s ease-in-out;
}

/* Button Style (Glass Effect with Brown Border + Text) */
.banner-button {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 30px;
    font-family: 'Cinzel Decorative', serif;
    font-size: 20px;
    font-weight: 700;
    color: #7e5b3b !important; /* Force brown text */
    background: rgba(255, 255, 255, 0.15); /* Transparent glass effect */
    border: 2px solid #7e5b3b; /* Brown border */
    border-radius: 8px;
    text-decoration: none;
    backdrop-filter: blur(6px); /* Glass effect */
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.3s ease;
}

.banner-button:hover {
    background: #ffffff; /* Solid white background */
    color: #7e5b3b !important; /* Force brown text on hover */
    border-color: #7e5b3b; /* Brown border */
    transform: scale(1.05);
}

/* Responsive for Mobile */
@media(max-width:768px){
    .banner-text {
        font-size: 36px;
    }
    .banner-button {
        font-size: 16px;
        padding: 10px 20px;
    }
}

/* Optional Fade-in Animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-202c288 */.studio-section {
  background: ;
  padding: 40px 20px;
  font-family: 'Cinzel', serif;
}

.studio-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
}

.studio-image {
  flex: 1 1 45%;
  text-align: center;
}

.studio-image img {
  max-width: 100%;
  border-radius: 10px;
}

.studio-content {
  flex: 1 1 50%;
  color: #222;
}

.studio-content h2 {
  font-size: 28px;
  font-weight: bold;
  color: #222;
 font-family: 'Cinzel Decorative', serif;
}

.studio-content h2 span {
  color: #007b83;
  text-decoration: underline;
}

.studio-content p {
  font-size: 16px;
  line-height: 1.7;
  margin: 15px 0;
}

.know-more {
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
  color: #007b83;
  text-decoration: none;
  border-bottom: 1px solid #007b83;
  transition: 0.3s;
}

.know-more:hover {
  color: #004f52;
  border-bottom-color: #004f52;
}

/* ✅ Responsive Design */
@media (max-width: 768px) {
  .studio-container {
    flex-direction: column;
    text-align: center;
  }

  .studio-content {
    padding: 15px;
  }

  .studio-content h2 {
    font-size: 24px;
  }
}/* End custom CSS */