.c-h-100 {
  min-height: 100vh;
}

.mt-100 {
  margin-top: 100px;
}

.lp-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

a.explore-btn {
  color: #000;
  background-color: #ffffff;
  padding: 10px 25px;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #fff;
  transition: all 0.4s ease-in-out;
}

a.explore-btn:hover {
  color: #ffffff;
  background-color: #000;
  transition: all 0.4s ease-in-out;
}

a.get-in-touch-btn {
  color: #fff;
  background-color: #845EF7;
  padding: 10px 25px;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #845ef7;
  transition: all 0.4s ease-in-out;
  width:fit-content;
}

a.get-in-touch-btn:hover {
  background-color: #000000;
  transition: all 0.4s ease-in-out;
}

a.get-a-quote {
  color: #fff;
  background-color: #000000;
  padding: 10px 25px;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #000000;
  transition: all 0.4s ease-in-out;
}

a.get-a-quote:hover {
  color: #000000;
  background-color: #00000000;
}

.custom-box {
  transition: box-shadow 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.custom-box:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

/* Start: Faq section styles */

.faq-accordion .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background-color: #127bca;
  border: 1px solid #127bca;
  color: #fff;
  padding: 10px 30px;
  border-radius: 38px;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
}

.faq-accordion .close:after {
  font-family: "Bootstrap-Icons";
  content: "\F282";
  margin-left: 10px;
  transition: 0.4s;
}

.faq-accordion .close.clicked:after {
  font-family: "Bootstrap-Icons";
  content: "\F282";
  margin-left: 10px;
  transform: rotate(180deg);
}

.faq-accordion .accordion-item {
  border: unset !important;
}

.faq-accordion button {
  font-size: 18px;
  padding: 0;
}

.faq-accordion .accordion-body {
  padding: 0;
}

.faq-accordion .accordion-button:focus {
  box-shadow: unset !important;
}

.faq-accordion .accordion-button:not(.collapsed) {
  color: #137cca;
  background-color: unset !important;
  box-shadow: unset !important;
}

.faq-accordion .accordion-item {
  padding: 20px 40px;
}

.faq-accordion .accordion-item.active {
  background-image: url(../images/home/faq-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  border: 1px solid #137cca !important;
  border-radius: 28px !important;
}

.faq-accordion .number {
  font-size: 28px;
  font-weight: 700;
}

.faq-accordion .button-txt {
  padding-left: 30px;
}

.faq-accordion .accordion {
  width: 100% !important;
}

.faq-accordion .accordion-button::after {
  content: url(../images/home/plus.svg);
  background: unset !important;
  transform-origin: center right !important;
  position: relative;
  transform: unset !important;
  top: -13px;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
  content: url(../images/home/minus.svg);
  background: unset !important;
  position: relative;
  top: -15px;
}

@media (min-width: 600px) {
  .faq-accordion .accordion-body {
    padding-left: 65px;
  }
}

@media (max-width: 1200px) {
  .faq-accordion .close {
    padding: 8px 30px !important;
  }

  .faq-accordion .button-txt {
    line-height: 27px;
  }

  .faq-accordion .accordion-body {
    margin-top: 10px;
  }
}

@media (min-width: 1200px) {
  .faq-accordion .accordion-item.active {
    background-size: inherit !important;
  }

  .white-dot:after {
    content: ".";
    position: absolute;
    top: -5px;
    left: -20px;
    font-size: 20px;
  }
}

@media (min-width: 600px) {
  .faq-accordion .accordion-body {
    padding-left: 65px;
  }
}

/* End: Faq section styles */


/* CSS for media-prod-in-LP START */

.photo-capture .content-col-photo{text-align: start;color: black;}
.photo-capture .content-col-photo h3{font-size: 32px;font-weight: 700;}
/* .photo-capture .content-col-photo a{background: rgba(132, 94, 247, 1);padding: 10px 20px;color: white;text-decoration: none;border-radius: 6px;} */
.bg-yellow{background: rgba(230, 179, 61, 1);}

.form-container {background-color: #f3f3f3;border-radius: 20px;padding: 40px;width: 100%;max-width: 500px;}
.form-title {font-size: 2rem;font-weight: bold;margin-bottom: 30px;}
.form-label {font-weight: 500;margin-bottom: 5px;}
.form-control,.form-select {border: none;border-bottom: 2px solid #ccc;border-radius: 0;background-color: transparent;box-shadow: none;}
.form-control:focus,.form-select:focus {border-bottom: 2px solid #a259ff;outline: none;box-shadow: none;background: transparent;}
.form-floating label {color: #000;font-size: 0.9rem;padding: 5px 10px 5px 5px;}
.form-floating input:focus~label {color: #a259ff;font-size: 0.9rem;padding: 5px 10px 5px 5px;}
.input-icon {position: relative;}
.input-icon i {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #555;}
.input-icon input {padding-left: 35px;}
.book-a-consultation img{max-width: 77%;}
.faq-sec-med-lp .accordion button:focus{outline: none;box-shadow: none;}
.faq-sec-med-lp .accordion button:not(.collapsed){background: transparent;color: black;}
.accordion-button:not(.collapsed)::after {background-image: url('../images/media-production-lp/faq-bg-button.svg');}
.accordion-button::after {background-image: url('../images/media-production-lp/faq-bg-button-plus.svg');background-repeat: no-repeat;}

@media (min-width:1440px){
  .photo-capture .photo-fluid{max-width: 1521px;}
}

@media (max-width:1024px){
  .px-100{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width:768px){
  .book-a-consultation img{max-width: 100%;}
}
/* CSS for media-prod-in-LP END */



/* CSS FOR ABOUT_US */


@media (min-width:1024px){
    .container{
        max-width: 1400px !important;
    }
}

.about-us-banner {
    background: url('../images/about-us/about-us-banner.png') no-repeat center center;
    background-size: cover;
}
.about-us-banner .heading-about h1{font-size: 65px;line-height: 105px;}
.about-us-banner .heading-about .purple-bg{background-color: rgba(133, 91, 255, 1);border-radius: 80px;padding: 5px 30px;transition: font-size 0.3s ease;}
.about-us-banner .heading-about .purple-bg:hover{transform: scale(1.025);font-size: 70px; transition: font-size 0.3s ease;}
.about-us-banner .about-content{    display: flex;flex-direction: column; justify-content: center; align-items: center;}
.cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background-color: #000;
color: #fff;
text-transform: uppercase;
font-family: sans-serif;
font-weight: 600;
padding: 18px 36px;
border-radius: 50px;
border: 2px solid transparent;
text-decoration: none;
position: relative;
overflow: hidden;
transition: background 0.3s ease, color 0.3s ease;
margin: 3px;
}
.cta-wrapper{background: linear-gradient(90deg, #6b3df4,black);border-radius: 50px;width: fit-content; }
.cta-button .arrow {display: inline-block;transition: transform 0.3s ease;}
.cta-button:hover .arrow {transform: translateX(6px);}
.sec-banner{background: url('../images/about-us/about-us-sec-banner.png') no-repeat center center;background-size: cover;color: white;}
.gradient-banner{background: url('../images/about-us/bg-linear-third.png') no-repeat top center;background-size: cover;color: white;}
/* .gradient-banner .row{gap: 10xp;} */
.gradient-banner .vmo-card{padding: 20px 30px;border-radius: 20px;transition: 0.2s ease-in;}
.gradient-banner .vmo-card:hover{scale: 0.975;transition: 0.2s ease-in;}
.gradient-banner .vmo-card.purple{background: url('../images/about-us/purple-bill-bg.png') no-repeat center;background-size: cover;}
.gradient-banner .vmo-card.red{background: url('../images/about-us/red-pill-bg.png') no-repeat center;background-size: cover;}
.gradient-banner .vmo-card.yellow{background: url('../images/about-us/yellow-pill-bg.png') no-repeat center;background-size: cover;}
.vmo-card .content-vmo{padding:  30px 20px;}
.vmo-card .vmo-pill{padding: 6px 16px;border-radius: 50px;width: fit-content;color: black;}
.vmo-card .vmo-pill.purple-pill{background: rgba(145, 128, 197, 1);}
.vmo-card .vmo-pill.red-pill{background: rgba(234, 106, 97, 1);}
.vmo-card .vmo-pill.yellow-pill{background: rgba(255, 232, 97, 1);}
.seamless-exp-section .row h2{font-size: 65px;font-weight: 900;line-height:65px;}
.seamless-exp-section{position: relative;}
.seamless-exp-section .flower-container{position: absolute;top: 0;right: 0;z-index: -99;}
.seamless-exp-section .semi-ring-container{position: absolute;bottom: 0;left: -100px;z-index: -99;}
.seamless-exp-section .accordion-item .img-title-acc p{font-size: 28px;font-weight: 500;}
.seamless-exp-section .accordion-item .img-title-acc{display: flex;align-items: center;}
.seamless-exp-section .accordion-item{background:transparent !important;border-bottom: 1px solid black !important; border-radius: 0px !important;border-top: 0 !important;border-right: 0 !important;border-left: 0 !important;}
.seamless-exp-section .accordion-item .accordion-button{background: transparent;}
.seamless-exp-section .accordion-button:not(.collapsed){color: black !important;background-color: #c0c0c04d !important;}
.seamless-exp-section .accordion-button::after{background-image: var(--bs-accordion-btn-icon);}
.seamless-exp-section .accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);}
.seamless-exp-section .accordion-button:focus{box-shadow: unset !important;}
.our-team-sec{background: url('../images/about-us/our-team-sec-banner.png') no-repeat center center;background-size: cover}
.our-team-sec h2{font-size: 65px;font-weight: 900;}
.our-team-sec .founder-card{background: white;padding: 35px;border-radius: 16px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.our-team-sec .founder-card .founder-title{font-weight: 900;font-size: 40px;}
.our-team-sec .founder-card .founder-name{font-weight: 400;font-size: 42px;}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ourTeamSwiper .parent-ind-team .head-title{background: #000;padding: 10px 20px;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.ourTeamSwiper .swiper-slide{border-radius: 16px !important;}
.ourTeamSwiper .parent-ind-team .head-title h2{font-size: 40px;font-weight: 900;}
.ourTeamSwiper .teamContainerRow{padding:40px 40px 80px 40px;}
.ourTeamSwiper .teamContainerRow .firs-col h3{font-size: 32px;font-weight: 900;}
.teamContainerRow .team-roles{border-bottom: 1px solid rgba(184, 184, 184, 1); text-align: start;margin: 20px 0px;}
.teamContainerRow .team-roles h4{font-weight: 900;}
.teamContainerRow .powering-tools-banner{padding: 40px 40px 300px 40px;border-radius: 20px;color: rgba(246, 246, 246, 1);}
.teamContainerRow .powering-tools-banner.ptb-dm{background: url('../images/about-us/ptb-dm.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-seo{background: url('../images/about-us/ptb-seo.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-ppc{background: url('../images/about-us/ptb-ppc.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-sm{background: url('../images/about-us/ptb-sm.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-wd{background: url('../images/about-us/ptb-wd.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-cw{background: url('../images/about-us/ptb-cw.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-eb{background: url('../images/about-us/ptb-eb.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-vp{background: url('../images/about-us/ptb-vp.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-photo{background: url('../images/about-us/ptb-photo.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-sd{background: url('../images/about-us/ptb-sd.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-wlm{background: url('../images/about-us/ptb-wlm.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-pre{background: url('../images/about-us/ptb-pre.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-ld{background: url('../images/about-us/ptb-ld.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-ux{background: url('../images/about-us/ptb-ux.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner.ptb-gd{background: url('../images/about-us/ptb-gd.png') no-repeat center center;background-size: cover;}
.teamContainerRow .powering-tools-banner h3{font-weight: 900;}
.teamContainerRow .powering-tools-banner .pow-tools{border-bottom: 1px solid rgba(184, 184, 184, 1);color: rgba(246, 246, 246, 1);text-align: start;margin: 15px 0px;}
.teamContainerRow .powering-tools-banner .pow-tools h4{font-size: 20px;font-weight: 900;}
.teamContainerRow .powering-tools-banner .pow-tools p{font-size: 16px;}
.teamContainerRow .sec-col{padding:0px 50px;}
.ourTeamSwiper .swiper-buttons{position: absolute;bottom: 3%;left: 2%;}
.ourTeamSwiper .swiper-buttons .swiper-button-next{left: 75px;}
.ourTeamSwiper .swiper-buttons .swiper-button-next::after{content: '';}
.ourTeamSwiper .swiper-buttons .swiper-button-prev::after{content: '';}

.ind-we-serve{background: url('../images/about-us/ind-we-serve-banner.png') no-repeat center center;background-size: cover;}
.ind-we-serve h2{font-weight: 900;font-size: 68px;line-height:65px;}
.clients-test-sec{background: #000;overflow: hidden;position: relative;}
.clients-test-sec .flower-container{position: absolute;bottom: 0;left: 0;}
.clients-test-sec .semi-ring-container{position: absolute;top: 0;right: -90px;}
.clients-test-sec .heading-sec h2{font-size: 68px;font-weight: 900;z-index: 10000;}

.clients-test-sec .swiper {
    width: 100%;
    height: 100%;
  }

.clients-test-sec .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.clients-test-sec .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
  }
.swiperRowCont .swiper-col{height: max-content;}
.swiper-col {position: relative;overflow: hidden;}
/* Vignette overlay effect */
.clients-test-sec::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;background: radial-gradient(ellipse at center,rgba(0, 0, 0, 0) 40%,rgba(0, 0, 0, 1) 100%);z-index: 2;}
.swiper-col::before {content: "";position: absolute;top: 0;left: 0;width: 200px; height: 100%;pointer-events: none;background: linear-gradient(to right, rgba(0, 0, 0, 1), transparent);z-index: 2;}
.swiper-col .swiper-wrapper .swiper-slide{border-radius: 7px !important;}

@media (min-width:1440px){
    .ind-we-serve .ind-container-section{
        max-width: 1520px !important;
    }
    .clients-test-sec .fluid-inside-it{max-width: 1520px !important;}

}

@media (max-width:768px){
    .about-us-banner .heading-about h1{font-size: 32px;line-height: 60px;}
    .seamless-exp-section .row h2{font-size: 32px;font-weight: 600;}
    .gradient-banner .vmo-card.yellow {background-position: top left; }
    .our-team-sec .founder-card .founder-title{font-weight: 600;font-size: 32px;}
    .our-team-sec .founder-card .founder-name{font-weight: 400;font-size: 32px;}
    .seamless-exp-section .accordion-item .img-title-acc p{font-size: 20px;}
    .our-team-sec h2{font-size: 32px;font-weight: 600;}
    .ind-we-serve h2{font-weight: 600;font-size: 32px;}
    .ourTeamSwiper .parent-ind-team .head-title h2{font-size: 22px;font-weight: 600;}
    .teamContainerRow .powering-tools-banner h3{font-weight: 600;}
    .teamContainerRow .powering-tools-banner .pow-tools h4{font-size: 18px;font-weight: 600;}
    .ourTeamSwiper .teamContainerRow{padding:20px 20px 80px 20px;}
    .teamContainerRow .powering-tools-banner{padding: 20px 20px 250px 20px;background-position: top right;}
    .teamContainerRow .sec-col{padding: 0px;}
    .ourTeamSwiper .swiper-buttons{bottom: 1.5%;}
    .clients-test-sec .heading-sec h2{font-size: 32px;font-weight: 600;}
    .swiper-col::before {z-index: -9;}
    .clients-test-sec .flower-container{width: 250px;}
    .clients-test-sec .semi-ring-container{width: 200px;}
    .clients-test-sec .semi-ring-container img{width: 50%;}
    .clients-test-sec .flower-container img{width: 50%;}
    .seamless-exp-section .row h2{line-height:40px;}
    .ind-we-serve h2{line-height:40px;}
    .cta-button span.fs-16{font-size: 14px !important;}
    .cta-button{padding: 10px 20px;}
    a.explore-btn{font-size:14px !important;}
    a.get-in-touch-btn{font-size:14px !important;}
    .photo-capture .right-img{height: 300px;object-fit: cover;border-top-left-radius: 1000px;border-bottom-left-radius: 1000px;}
    .photo-capture .left-img{height: 300px;object-fit: cover;border-top-right-radius: 1000px;border-bottom-right-radius: 1000px;}
    .about-us-banner .heading-about .purple-bg:hover{transform: scale(1.025);font-size: 38px; transition: font-size 0.3s ease;}

}

/* NORMAL~CSS ENDS */

/* .our-team-sec {
    transition: height 0.3s ease;
    min-height: 600px;
    overflow: hidden;
}

.ourTeamSwiper,
.ourTeamSwiper .swiper-wrapper,
.ourTeamSwiper .swiper-slide {
    height: auto !important;
}

.teamContainerRow::after {
    content: "";
    display: table;
    clear: both;
} */

/* Start:  vv styles */

.c-h-100 {
    min-height: 100vh;
   }
   .mt-100 {
    margin-top: 100px;
   }
   .lp-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   }

   a.explore-btn {
    color: #000;
    background-color: #ffffff;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out;
    width:fit-content;
   }   
   a.explore-btn:hover {
    color: #ffffff;
    background-color: #000;
    transition: all 0.4s ease-in-out;
   }

   a.get-in-touch-btn {
    color: #fff;
    background-color: #845EF7;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #845ef7;
    transition: all 0.4s ease-in-out;
   }   
   a.get-in-touch-btn:hover {
    background-color: #000000;
    transition: all 0.4s ease-in-out;
   } 

   a.get-a-quote {
   color: #fff;
    background-color: #000000;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #000000;
    transition: all 0.4s ease-in-out;
  }
  a.get-a-quote:hover {
    color: #000000;
    background-color: #00000000;
   }

   .custom-box {
    transition: box-shadow 0.4s ease-in-out, transform 0.4s ease-in-out;
    }

   .custom-box:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transform: translateY(-4px);
    }
    .px-100 {
      padding-left: 100px;
      padding-right: 100px;
    }
 .bg-skyblue {
  background-color: #E9F4FE;
 }
 .h4-tick::before {
  content: "";
  display: inline-block;
  width: 20px; /* Adjust size as needed */
  height: 20px;
  margin-right: 10px; /* Space between tick and text */
  vertical-align: middle;
  background-image: url("../images/real-estate-video-production-company/blue-tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.ps-30{
  padding-left: 30px;
}
.w-90 {
  width: 88%
 }
 
 .accordion-button:not(.collapsed)::after {background-image: url('../images/real-estate-video-production-company/faq-bg-button.svg');}
.accordion-button::after {background-image: url('../images/real-estate-video-production-company/faq-bg-button-plus.svg');background-repeat: no-repeat;}

 @media (max-width: 767px) {
  .w-90 {
   width: 100%
  }
  .c-h-100 {
    min-height: 80vh;
}
h4.h4-tick {
  font-size: 17px;
}
.ps-30 {
  padding-left: 0px;
}
a.cus-btn-f{
font-size: 8px;
}
}
@media (min-width: 768px) and (max-width: 1180px) {
  .c-h-100 {
    min-height: 50vh;
   }
} 
 /* End vv styles */
 
 /* remaining css adjusts for pending pages _HAROON START*/
 /* CSS for corp-video-blr STARTS */
.bg-red{background: rgba(236, 105, 106, 1);}
.bg-orange{background: rgba(234, 125, 48, 1);}
.text-purple{color: rgba(132, 94, 247, 1);}
.text-orange{color: rgba(234, 125, 48, 1);}
/* CSS for corp-video-blr ENDS */

@media (min-width: 992px) {
  .custom-lg-two-cols {
    flex-wrap: wrap;
  }

  .custom-lg-two-cols > .col-lg-4 {
    flex: 0 0 50%; /* Force 2 in a row */
    max-width: 40%;
  }
}

@media (max-width:1500px){
  .photo-capture .photo-fluid{max-width: 1350px;margin-left: 0px; margin-right: 0px;}
}
 /* remaining css adjusts for pending pages _HAROON END*/



.parent-trust{
  padding: 20px;overflow: hidden;backdrop-filter: blur(56px);border-radius: 10px;
}
.bs-shadow{
  box-shadow: 0px 0px 40px 20px rgba(0, 0, 0, 1);
}
.bg-skyblue{
  background-color: #E9F4FE;
}

.get-in-parent-btn{
  color: #fff;
  background-color: #845EF7;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid #845ef7;
  width: fit-content;
  transition: all 0.4s ease-in-out;
  align-items: center;
}
.get-in-parent-btn:hover{
  color: #fff;
  background-color: black;
}

.faq-sec-med-lp .accordion-item .accordion-body{font-size: 18px;}

.key-benefit .h4-tick::before {
  content: "";
  display: inline-block;
  width: 20px;
  /* Adjust size as needed */
  height: 7px;
  margin-right: 10px;
  /* Space between tick and text */
  vertical-align: middle;
  background-image: url("../images/3d-animation-company-in-bangalore/black-dot.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.lp-banner .col-md-5 img:hover{transform: scale(1.05);transition: transform 0.3s ease;}
.lp-banner .col-md-5 img{transform: scale(1);transition: transform 0.3s ease;}


/* BrandStory.in - Contact Us START */

/* .contact-us-bs h1,h2,h3,h4,h5,p,a,li{ font-family: "Poppins", sans-serif !important;font-style: normal !important;} */
.contact-us-bs body{font-family: 'Poppins', sans-serif;font-style: normal;}h1, h2, h3, h4, h5, h6{font-weight: 600;}p, a, li {
  font-weight: 400;
}
.contact-us-sec{background: url('../images/contact-us/contact-us-banner.png') no-repeat center center;background-size: cover;}
.contact-us-sec h1{font-size: 60px;font-weight: 600;}
.container-col{padding: 140px 10px;}
.possibility-container h2{font-size: 48px;}
.possibility-container p{font-size: 18px;color:#474747;}
.mail-contact .contact a{text-decoration: none;color: #000000 !important;}
.mail-contact .mail a{text-decoration: none;color: #000000 !important;}
.mail-contact .contact a:hover{color: grey;}
.mail-contact .mail a:hover{color: grey;}
.location-container img{align-self: baseline;}
.location-container p{color:#000000;}
/* .join-team-container .hr-mail a{text-decoration: none;color: black;} */
.join-team-container .hr-mail a{ background: linear-gradient(90deg, #dd2476,#ff512f); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
.join-team-container .hr-mail a:hover{color: grey;}
.fw-300{font-weight:300;}
.form-container {background: #f9f9f9;padding: 40px;width: 100%;max-width: 550px;border-radius: 5px;border-radius:20px;}
.form-container h2 {text-align: center;margin-bottom: 30px;}
.form-container label { display: block;font-size: 14px;color: #999;margin-top: 20px;}
.form-container input, select, textarea {
  width: 100%;
  padding: 10px 8px;
  margin-top: 5px;
  border: none;
  border-bottom: 1px solid #888;
  outline: none;
  font-size: 16px;
  background: transparent;
}
.form-container .phone-input { display: flex;align-items: center;}
.form-container .phone-input select {width: 25%;margin-right: 10px;}
.form-container button {
  margin-top: 30px;
  width: fit-content;
  padding: 12px;
  background: linear-gradient(to right, #e74c3c, #e67e22);
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}
.fs-24{font-size:24px;}
.form-container button:hover { opacity: 0.9;}
.map-wrapper iframe{border-radius: 45px !important;}
.form-container h2{font-size: 40px;}

.intl-tel-input,
.iti{
  width: 100%;
}

 /* Hide country names and dial codes in dropdown */
 .iti__country-name,
 .iti__dial-code {
   display: none !important;
 }

 /* Optional: make dropdown list items smaller */
 .iti__country {
   padding: 5px 10px;
 }

 /* Optional: shrink flag size */
 .iti__flag {
   transform: scale(0.9);
 }
 
 #phone{
  border-bottom: 1px solid #888;
 }

@media (max-width:768px){
  .w-75-mob{width: 75% !important;}
    .map-wrapper iframe{border-radius: 25px !important;}
  .main-top-container h2{font-size: 34px !important;}
  .contact-us-sec h1{font-size: 40px !important;}
  .form-container h2{font-size: 30px;}
  .contact-us-sec{background: linear-gradient(to right, rgb(255 255 255 / 10%), rgb(255 255 255 / 50%)), url('../images/contact-us/contact-us-banner-mob.png') no-repeat left center;background-size:cover;}
    .form-container button{font-size:16px;}
}

/* BrandStory.in - Contact Us END */

/* ---- Start:  pr page styles ----- */

/* Pr company in bangalore CSS Start */
.pr-company-in-blr .pr-banner{
  background: url('../images/pr-company-in-blr/pr-com-banner.png');background-repeat: no-repeat;background-position: center;background-size: cover;height: 100vh;
}
.pr-banner .container{height: 100%;display: flex;justify-content: center;align-items: center;}
.text-violet{color: #845EF7 !important;}
.form-cus{width: 80%;border-radius: 20px;box-shadow: 0px 5px 85px 0px #080F3421;}


/* PR Form custom background color and borderless style */
.pr-form input,
.pr-form textarea,
.pr-form select {
background-color: #F5F5F5 !important;
border: none !important;
box-shadow: none !important;
}
.pr-form input:focus,
.pr-form textarea:focus,
.pr-form select:focus {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.form-submit{background: #000;color: white;padding: 15px 30px;width: 100%;}
.form-submit:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.248);background: #000;color: whitesmoke;}

@media (max-width:650px){
  .form-cus{width: 95%;}
  .cus-pr-banner.pr-banner{
  background: url('../images/pr-company-in-blr/pr-com-banner-mob.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  }
  .cus-pr-banner .container{
    display: flex    ;
    justify-content: center;
    align-items: flex-end;
    }
}

/* Pr company in bangalore CSS END */


/* PR Challenges Section Custom Styles */
.pr-challenges-section {
background: #F4F8FE;
border-radius: 28px;
margin: 40px 0;
}
.pr-challenges-section .container {
padding-top: 40px;
padding-bottom: 40px;
}
.custom-accordion .accordion-item {
background: transparent;
border: none;
}
.custom-accordion .accordion-button {
background: transparent;
border: none;
box-shadow: none;
font-size: 1.1rem;
font-weight: 500;
padding: 1.1rem 1rem;
border-radius: 12px;
transition: background 0.2s;
}
.custom-accordion .accordion-button:not(.collapsed) {
/* background: #fff; */
color: #DB5846;
font-weight: 600;
}
.custom-accordion .accordion-button:focus {
box-shadow: none;
}
.icon-circle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 1.2rem;
}
.solution-box {
border: 2px solid #38d39f;
background: #f8fffa;
border-radius: 12px;
}
.solution-box .text-success {
font-size: 1.1rem;
font-weight: 600;
}
.solution-desc {
font-size: 1rem;
color: #444;

}
@media (max-width: 991px) {
.pr-challenges-section .row {
  flex-direction: column;
}
.pr-challenges-section .col-lg-5 {
  margin-top: 32px;
}
}
@media (max-width: 600px) {
.pr-challenges-section {
  border-radius: 12px;
  margin: 20px 0;
}
.custom-accordion .accordion-button {
  font-size: 18px;
  line-height: 28px;
  padding: 0.8rem 0.7rem;
}
}

/* PR Services Section Custom Styles */
.pr-services-section {
background: #fff;
}
.pr-services-tabs .nav-link {
color: #222;
font-size: 1.1rem;
font-weight: 500;
border: none;
background: transparent;
border-radius: 0;
margin: 0 12px;
padding: 0.7rem 1.5rem 0.5rem 1.5rem;
position: relative;
transition: color 0.2s;
}
.pr-services-tabs .nav-link.active {
color: #845EF7 !important;
font-weight: 600;
background: transparent;
}
.pr-services-tabs .nav-link.active::after {
content: '';
display: block;
height: 4px;
border-radius: 2px;
background: #845EF7;
width: 100%;
position: absolute;
left: 0;
bottom: -3px;
}
.pr-services-tabs {
display: flex !important;
justify-content: space-between !important;
width: 100%;
white-space: nowrap;
}
.pr-services-tabs .nav-item {
flex: 1 1 0;
text-align: center;
}
.pr-services-tabs .nav-link {
width: 100%;
}
.pr-services-tab-content {
margin-top: 32px;
}
@media (max-width: 991px) {
.pr-services-tab-content .row {
  flex-direction: column;
}
.pr-services-tab-content .col-lg-6 {
  margin-bottom: 24px;
}
}
@media (max-width: 600px) {
.pr-services-tabs .nav-link {
  font-size: 1rem;
  padding: 0.5rem 0.7rem 0.3rem 0.7rem;
  margin: 0 4px;
}
.pr-services-tab-content {
  margin-top: 18px;
}

.pr-services-tabs {
  overflow-x: auto;
  flex-wrap: nowrap;
  overflow-y: hidden;
  padding-bottom: 10px;
  }
  .pr-services-tabs .nav-link.active::after {
    bottom: -10px;
  }
}

.what-makes-bsd-sec {
    background: #18171d;
    padding: 60px 0;
}

.what-makes-bsd-sec .pr-right-heading {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
}
.what-makes-bsd-sec .pr-right-heading .text-violet {
    color: #8f5fe8 !important;
    font-weight: 700;
}

.what-makes-bsd-sec .pr-right-desc {
    color: #d1d1d1;
    font-size: 1.1rem;
    max-width: 700px;
    margin-bottom: 32px;
    line-height: 1.7;
}

.what-makes-bsd-sec .row.align-items-center {
    align-items: flex-start !important;
}

.what-makes-bsd-sec .img-fluid {
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
    margin-bottom: 0;
    max-width: 100%;
    height: auto;
}

.what-makes-bsd-sec .accordion.custom-accordion {
    width: 100%;
    margin-left: auto;
}

.what-makes-bsd-sec .custom-accordion .accordion-item {
    background: transparent;
    border: none;
    margin-bottom: 16px;
}

.what-makes-bsd-sec .custom-accordion .accordion-header {
    border: none;
}

.what-makes-bsd-sec .custom-accordion .accordion-button {
    background: #23222a;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border: none;
    box-shadow: none;
    padding: 20px 24px;
    border-radius: 16px;
    margin-bottom: 0;
    transition: background 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    min-height: 64px;
}
.what-makes-bsd-sec .custom-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    color: #8f5fe8;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    border-radius: 16px 16px 0 0;
}
.what-makes-bsd-sec .custom-accordion .accordion-button:focus {
    box-shadow: none;
}
.what-makes-bsd-sec .custom-accordion .accordion-body {
    background: #fff;
    color: #D1D1D1;
    padding: 18px 24px 18px 24px;
    font-size: 1rem;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    border-top: 1px solid #eee;
}
.what-makes-bsd-sec .custom-accordion .accordion-collapse:not(.show) {
    display: none;
}
.what-makes-bsd-sec .custom-accordion .accordion-button::after {
    filter: grayscale(1) brightness(1.5);
}
.what-makes-bsd-sec .custom-accordion .accordion-item {
    border-radius: 16px;
    overflow: hidden;
}
.what-makes-bsd-sec .custom-accordion .accordion-item:not(:first-child) {
    margin-top: 12px;
}
.what-makes-bsd-sec .custom-accordion .accordion-item .accordion-button.collapsed {
    background: #23222a;
    color: #bdbdbd;
    font-weight: 500;
    border-radius: 16px;
}
.what-makes-bsd-sec .custom-accordion .accordion-item .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.what-makes-bsd-sec .custom-accordion .accordion-item .accordion-collapse.show .accordion-body {
    border-radius: 0 0 16px 16px;
}

/* ===== ENHANCED SMOOTH ACCORDION WITH SLIDE-DOWN ===== */
.what-makes-bsd-sec .custom-accordion .accordion-collapse {
  display: block !important;
  height: 0;
  overflow: hidden;
  transition: height 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.what-makes-bsd-sec .custom-accordion .accordion-collapse.show {
  height: auto;
  display: grid !important;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.what-makes-bsd-sec .custom-accordion .accordion-body {
  opacity: 0;
  transform: translateY(-20px);
  transition: 
    opacity 0.3s ease-out 0.1s,
    transform 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
  overflow: hidden;
  will-change: transform, opacity; 
}

.what-makes-bsd-sec .custom-accordion .accordion-collapse.show .accordion-body {
  opacity: 1;
  transform: translateY(0);
}
.what-makes-bsd-sec .custom-accordion .accordion-item {
  overflow: hidden;
}

.what-makes-bsd-sec .custom-accordion .accordion-button {
  transition: all 0.3s ease;
}
.what-makes-bsd-sec .custom-accordion .accordion-button:not(.collapsed) {
  transition: all 0.3s ease 0.1s;
}

@media (max-width: 991px) {
    .what-makes-bsd-sec .img-fluid {
        margin-bottom: 24px;
    }
    .what-makes-bsd-sec .pr-right-heading,
    .what-makes-bsd-sec .pr-right-desc {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .what-makes-bsd-sec .accordion.custom-accordion {
        margin-left: 0;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .what-makes-bsd-sec .row.align-items-center {
        flex-direction: column;
    }
    .what-makes-bsd-sec .img-fluid {
        margin-bottom: 24px;
    }
}
/* Hide default Bootstrap arrow */
.what-makes-bsd-sec .custom-accordion .accordion-button::after {
  display: none;
}

/* Custom arrow icon */
.what-makes-bsd-sec .custom-accordion .accordion-arrow {
  margin-left: auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #23222a;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
  position: relative;
}
.what-makes-bsd-sec .custom-accordion .accordion-button:not(.collapsed) .accordion-arrow {
  background: #8f5fe8;
  transform: rotate(0deg);
}

/* Chevron SVG */
.what-makes-bsd-sec .custom-accordion .accordion-arrow::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-image: url('../images/pr-company-in-blr/faq-iconn.png'); /* Update path as needed */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s;
  margin: auto;
}

.what-makes-bsd-sec .custom-accordion .accordion-button:not(.collapsed) .accordion-arrow::before {
  transform: rotate(180deg);
}

/* When open, arrow background is purple, chevron is white */
.what-makes-bsd-sec .custom-accordion .accordion-button:not(.collapsed) .accordion-arrow {
  background: #8f5fe8;
}




.faq-pr-sec {
  background: #fafbfc;
  padding-top: 60px;
  padding-bottom: 60px;
}

.faq-pr-sec .container {
  max-width: 800px;
}

.faq-pr-sec h2 {
  font-size: 2.1rem;
  font-weight: 700;
  color: #18171d;
  margin-bottom: px;
  letter-spacing: -0.5px;
}

.faq-pr-sec .faq-accordion .accordion-item {
  background: #BADDFC;
  border-radius: 12px;
  margin-bottom: 18px;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  overflow: hidden;
}

.faq-pr-sec .faq-accordion .accordion-header {
  border: none;
}

.faq-pr-sec .faq-accordion .accordion-button {
  background: #ffffff;
  color: #18171d;
  font-weight: 600;
  font-size: 20px;
  border: none;
  box-shadow: none;
  padding: 20px 56px 20px 24px;
  border-radius: 0px;
  transition: background 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  min-height: 64px;
  text-align: left;
  position: relative;

}

.faq-pr-sec .faq-accordion .accordion-button:not(.collapsed) {
  background: #e6f0fa !important;
  color: #18171d;
  font-weight: 700;
}

.faq-pr-sec .faq-accordion .accordion-button:focus {
  box-shadow: none;
}

.faq-pr-sec .faq-accordion .accordion-body {
  background: #e6f0fa;
  color: #444;
  padding: 18px 24px 18px 32px;
  font-size: 1rem;
  border-top: 1px solid #e0e7ef;
  border-radius: 0 0 12px 12px;
  margin-top: 0px;
}

.faq-pr-sec .faq-accordion .accordion-button::after {
  display: none;
}

/* Custom arrow icon in a circle */
.faq-pr-sec .faq-accordion .accordion-button {
  position: relative;
}
.faq-pr-sec .faq-accordion .accordion-button::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background: #e6e6e600;
  border-radius: 50%;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: background 0.2s;
}
.faq-pr-sec .faq-accordion .accordion-button:not(.collapsed)::before {
  background: #8f5fe800;
}

.faq-pr-sec .faq-accordion .accordion-button::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../images/pr-company-in-blr/black-faq-arrow.svg'); /* Your arrow icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s;
  z-index: 2;
}
.faq-pr-sec .faq-accordion .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(180deg);
}
.faq-pr-sec .faq-accordion .accordion-item {
padding: 0px !important
    
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .faq-pr-sec h2 {
      font-size: 1.5rem;
  }
  .faq-pr-sec .faq-accordion .accordion-button,
  .faq-pr-sec .faq-accordion .accordion-body {
      padding-left: 16px;
      padding-right: 16px;
  }
  .faq-pr-sec .faq-accordion .accordion-button::before {
      right: 8px;
  }
  .faq-pr-sec .faq-accordion .accordion-button::after {
      right: 15px;
  }

  .icon-circle {
    padding: 8px;
    margin: 8px 0;
    font-size: 1rem;
    flex-direction: column;
    align-items: flex-start;
}
.pr-challenges-section .row {
  flex-direction: column-reverse;
}
.custom-pr-industries p {
  font-size: 16px !important;
  line-height: normal;
}
.faq-pr-sec .faq-accordion .accordion-button {
  position: relative;
  font-size: 18px;
  line-height: normal;
}
}

/* ---- End:  pr page styles ----- */