.color-list{list-style-type: none; padding: unset !important;}
.color-list li{padding:7px 12px;border-radius: 76px;margin-right: 12px; margin-top: 12px;}
.developement .icon-box{height:100%;}
.seemless .content-line{position: relative;display: flex;align-items: center;}
.seemless .content-line:before{ position: relative;
    left: 0;
    height: 100%;
    }
.seemless .blue:before{content: url(../images/varsha/blue-line.svg);}
.seemless .red:before{content: url(../images/varsha/red-line.svg);}
.seemless .orange:before{content: url(../images/varsha/orange-line.svg);}
.seemless .purple:before{content: url(../images/varsha/purple-line.svg);}
.seemless .yellow:before{content: url(../images/varsha/yellow-line.svg);}
.seemless .green-new:before{content: url(../images/ferns/green-line-new.svg);}



@media (min-width:1200px)
{
    .seemless .content-box{border-left: 1px solid #A2A2A2;}
}
.city-underline{position: relative;}
.city-underline:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #000;}

.rounded.fot{background-color: #845ef71f;height: 100%;}


.contact-form-main {
    padding: 58px;
    background: #fff;
    box-shadow: 0px 5px 14px 0px #080F340A;
    border: 1px solid #EFF0F6;
    border-radius:20px;
}
.contact-frm label.form-label {
    font-size: 14px;
    color: #344054;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--font-main); 
    margin-bottom: 6px;
}
.contact-frm .form-control:focus {
    color: rgba(208, 213, 221, 1);
    border-color: unset;
    box-shadow: none;
}
.contact-frm input.form-control {
    padding: 12px 16px;
    color: #000 !important;
    font-size: 16px;
    line-height: 24px;
    background-color: #F5F5F5;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-family: var(--font-main); 

}
.mb-24{
    margin-bottom: 24px;
}
.contact-frm textarea.form-control {
    padding: 12px 16px;
    color: #000 !important;
    font-size: 16px;
    background-color: #F5F5F5;
    line-height: 24px;
    height: 116px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-family: var(--font-main); 
}
.contact-frm button {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #000000;
    padding: 16px 20px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 10px;
    margin-top: 8px;
    font-family: var(--font-main); 
}
.contact-frm button:hover{
    background: transparent;
    color: #000;
    border: 1px solid #000;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
    font-family: var(--font-main); 
}
::placeholder {
    font-family: var(--font-main); 
}

.testimonial-box{box-shadow: 0px 5px 14px 0px #080F340A;}

@media (max-width:1200px){
    .contact-form-main {
        padding: 38px !important;
    }
}

.pharma .hero-banner{
    background:url(../images/pharma/pharma-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    height: 80vh;
}

@media (max-width:1200px){
    .pharma .hero-banner{
        background:url(../images/pharma/pharma-banner.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto !important;
    }
}

@media (min-width:992px) and (max-width:1299px){
    .pulse-image{margin-top: -55px;}
}
@media (min-width:1300px){
    .pulse-image{margin-top: -100px;}
}

.pharma .pulse{
    background:url(../images/pharma/pulse-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pharma .parent{
    background:url(../images/pharma/parent.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pharma .healthcare{
    background:url(../images/pharma/healthcare.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pharma .clarity{
    background:url(../images/pharma/clarity.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pharma .evolve{
    background:url(../images/pharma/evolve.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pharma .rapid{
    background:url(../images/pharma/rapid.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pharma .person{
    background:url(../images/pharma/person.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.image-box{height:410px;border:3px solid #000;position:relative;overflow: hidden;}
.btn-cta-white{background-color: #fff;color: #000; padding: 12px 20px 12px 20px; border-radius: 75px; border: 1px solid #fff;font-weight: 600;transition: 0.5s;}
.btn-cta-white:hover{background-color: transparent; color: #fff;}

.parallax-sec {
    background:url(../images/pharma/vision-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 95vh;}
    .vision .contents{height: 80vh;}

@media (max-width:1200px){
    .parallax-sec {
        background:url(../images/pharma/vision-banner.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll !important;
        height: 650px;}
        .vision .contents{height: 500px;}
}



.image-box:before{
    content: '';
    width:100%;
    height: 100%;
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1);
    transition: 2s;
    position: absolute;
    top: 0;
    left: 0;
}

.image-box:hover:before{
    content: '';
    width:100%;
    height: 100%;
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.1);
}

.image-box h4, .image-box p{position: relative; z-index: 1;}


@media (min-width:600px){
    .portSwiper {
        width: calc(50% + 50vw);
        height: min-content;
        
      }
      
      .swiper-slide {
        width: 70%;
      }
}

.portSwiper{height: min-content; margin-bottom: 50px;}
.portSwiper img{border-radius: 8px;}
.swiper-slide img{opacity:0.8; transition: 1s;}
.swiper-slide-active img{opacity: 1 !important;}

.swiper-button-prev:after{
    content: url(../images/pharma/arrow.svg);transform: rotate(180deg);
}

.swiper-button-next:after{
    content: url(../images/pharma/arrow.svg);
}

.portfolio-slides .swiper-button-prev{top: unset; bottom:-50px;}
.portfolio-slides .swiper-button-next{top: unset; bottom:-50px; left: 65px;}

.outcomes-tabs .nav-link{border: unset !important; font-weight: 400;opacity: 0.9;}

.outcomes-tabs .nav-link.active{background-color: unset !important; font-weight: 700;position:relative;opacity: 1 !important;}
.outcomes-tabs .nav-link.active:after{content:''; width: 100%; height: 5px;border-bottom: 5px solid; position:absolute; bottom: -1px;left:0; }

.border-line:after{content: '';
width:100%; height:1px; background: linear-gradient(90deg, rgba(236,105,106,1) 70%, rgba(124,124,124,1) 70%);position: absolute; bottom: -10px;
left: 0;
}

.border-line-purple:after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(132, 94, 247, 1) 70%, rgba(124, 124, 124, 1) 70%);
    position: absolute;
    bottom: -10px;
    left: 0;
}

.border-line-green:after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(27, 198, 175, 1) 70%, rgba(124, 124, 124, 1) 70%);
    position: absolute;
    bottom: -10px;
    left: 0;
}

.veg-banner{
    background:url(../images/pharma/veg-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}

@media (max-width:600px){
    .outcomes-tabs .nav-tabs{white-space: nowrap; overflow: scroll;}
}

.swiper-button-prev i, .swiper-button-next i{
    font-size: 35px;
    color: #fff;
    transform: scaleX(1.2);
}


.interior .bannercolor {
    background-color: #fd672c;
    color: #fff;
    padding: 80px 60px;
}
.interior .Bannertxt {
    margin: 0 auto;
    width: 912px;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    color: #fff;
}

.interior .Bannertxt {
    
    font-style: normal;
    font-weight: 500;
}

.interior .bannersubtitle {
    margin: 0 auto;
    text-align: center;
}
.interior .bannersubtitle span {
    padding: 10px;
    margin-top: 10px;
    font-size: 20px;
    line-height: 23px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    display: inline-block;
}

.interior h1 {
    font-size: 2.5rem;
}

.interior  h2 {
    font-size: 2rem;
}

.interior .welcome-text {
    padding: 70px 0;
}
.interior .casecontent h2, .interior  .casecontent h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.interior .border-red {
    padding: 1.5rem !important;
}

.interior .border-red {
    border: 1px solid #e7292b !important;
}
.interior .casecontent li, .interior .getQuotetitle {
    
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.interior .getQuotetitle {
    font-size: 28px;
    margin: 20px 10px;
    color: #000;
}
.interior .form-group {
    margin-bottom: 1rem;
}
.interior h5 {
    font-size: 1.25rem;
}

.interior .tags {
    margin-top: 20px;
}

.interior .tags .col-md-6 span {
    margin-left: 15px;
}

.interior .tags span {
    background: #ebe9e9;
    border-radius: 5px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    padding: 5px;
    color: #717171;
}

@media (min-width: 1200px) {
    .interior .service-heading-clone, .interior .clients-heading-clone {
        z-index: 999 !important;
        font-size: 25px;
    }
}

.interior .quick-content {
    position: relative;
    margin: -60px 44px 20px;
    padding: 47px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    min-height: 280px;
}

.interior h4 {
    font-size: 1.5rem;
}

.interior .knowmore {
    cursor: pointer;
    color: #de5f46 !important;
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
    margin-bottom: 20px;
}

.interior .casestudies {
    overflow: hidden;
    background-color: #3d5d55;
    padding-top: 80px;
}
.interior .casestudies-white .clients-heading, .interior .casestudies .clients-heading {
   
    font-style: normal;
    font-weight: 900;
    font-size: 80px;
    line-height: 94px;
    color: #00221a !important;
    z-index: 0;
    opacity: .1;
}

@media (min-width: 1200px) {
    .interior .service-heading, .interior .clients-heading {
        top: -25px;
        position: relative;
        z-index: -1;
        display: block;
        font-size: 90px !important;
        font-weight: 800 !important;
        line-height: 0 !important;
        letter-spacing: 5px !important;
        text-align: center !important;
        color: #f0f0f0 !important;
    }
}

.interior .casestudies-white .clients-heading-clone, .interior .casestudies .clients-heading-clone {
    color: #fff;
}

@media (min-width: 1200px) {
    .interior .service-heading-clone, .interior .clients-heading-clone {
        z-index: 999 !important;
        font-size: 25px;
    }
}
.interior .casetab {
    margin-bottom: 20px;
}
.interior .casestudies-row {
    margin-left: 50px;
    margin-right: 50px;
}
.interior .casestudies-white .media, .interior .casestudies .media {
    margin-bottom: 90px;
}

.interior .media {
    display: flex;
    align-items: flex-start;
}

.interior .media-left {
    margin-right: 17px;
}
.interior .casestudies button:hover, .interior .casestudies button.active {
    border-bottom: 3px solid #de5f46;
    background-color: transparent !important; 
    color: #fff !important;
    border-top: 0; border-right: 0; border-left: 0;
}

.interior .casestudies-white button.tabright, .interior .casestudies button.tableft{
    background-color: transparent !important; 
    color: #fff !important;
    border-top: 0; border-right: 0; border-left: 0;
}

.interior .casestudies button {
    display: inline-block;
   
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #fff;
    border-bottom: 3px solid #3d5d55;
}
.interior .tableft {
    float: right;
}

.interior .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
.interior .media-body p, .interior .media-heading {
    
    font-style: normal;
}
.interior .media-heading {
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 40px;
    color: #fff;
}
.interior .read-more {
  
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #fff;
}

.interior .vc_gitem-zone-imgnew {
    width: 15%;
    height: auto !important;
    padding: 5px;
}

@media (min-width: 768px) {
    .interior .vc_gitem-zone-imgnew {
        width: 14%;
        height: auto !important;
        padding: 5px;
    }
}

@media (min-width: 1200px) {
    .interior .service-heading, .interior .clients-heading {
        top: -25px;
        position: relative;
        z-index: -1;
        display: block;
        font-size: 90px !important;
        font-weight: 800 !important;
        line-height: 0 !important;
        letter-spacing: 5px !important;
        text-align: center !important;
        color: #f0f0f0 !important;
    }
}

@media (min-width: 992px) {
    .interior .service-heading, .interior .clients-heading {
        top: -25px;
        position: relative;
        z-index: -1;
        display: block;
        font-size: 90px !important;
        font-weight: 800 !important;
        line-height: 0 !important;
        letter-spacing: 5px !important;
        text-align: center !important;
        color: #f0f0f0 !important;
    }
}
@media (min-width: 768px) {
    .interior .service-heading, .interior .clients-heading {
        top: -25px;
        position: relative;
        z-index: -1;
        display: block;
        font-size: 85px !important;
        font-weight: 800 !important;
        line-height: 0 !important;
        letter-spacing: 5px !important;
        text-align: center !important;
        color: #f0f0f0 !important;
    }
}
@media (min-width: 544px) {
    .interior .service-heading, .interior .clients-heading {
        top: -25px;
        position: relative;
        z-index: -1;
        display: block;
        font-size: 70px !important;
        font-weight: 800 !important;
        line-height: 0 !important;
        letter-spacing: 5px !important;
        text-align: center !important;
        color: #f0f0f0 !important;
    }
}
.interior .service-heading, .interior .clients-heading {
    top: -40px;
    position: relative;
    z-index: -1;
    display: block;
    font-size: 35px;
    word-break: break-all;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 5px;
    text-align: center;
    color: #f0f0f0 !important;
}

@media (min-width: 576px) {
    .interior .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}
.interior .card-box-shadow {
    box-shadow: -4px 5px 25px -5px rgba(113, 109, 109, .8);
}

.interior .card-box-shadow, .interior .services-card-shadow {
    transform: translate3d(0, -2px, 0);
    border: none;
}
.interior .card {
    border-radius: 0;
    margin-bottom: 10px;
}
@media (min-width: 576px) {
    .interior .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}
.interior .card-deck .card {
    margin-bottom: 15px;
}
.interior .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.interior .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

@media (max-width: 768px) {
    .interior .Bannertxt {
        width: auto !important;
    }
}

@media (max-width: 768px) {
    .interior .bannercolor {
        padding: 53px 30px 37px;
    }
}

@media (max-width: 768px) {
    .interior .casetab .tableft, .interior .casetab .tabright {
        float: none;
    }
}
@media (max-width: 768px) {
    .interior .casestudies-white .clients-heading, .interior .casestudies .clients-heading {
        font-size: 42px;
        line-height: 34px;
    }
    .interior .topbanner.welcome-text{overflow: hidden;}
}
@media (max-width: 768px) {
    .interior .tags .col-md-6 span {
        margin-left: 0;
    }
}

@media (min-width: 600px){
    .index-page .box img{
        height: 185px;
        object-fit: cover;
        border-radius: 10px;
}
}

.pharma-case .bannercolor{
    background-color: #5c0971;
}

.management .bannercolor{
    background-color: #2e4942;
}

.vc_gitem-zone-img {
    width: 142px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}


@media (min-width: 1200px) {
    .client-lastbox {
        display: inline-block !important;
        background: red;
        color: #fff;
        padding: 20px;
        font-size: 20px;
    }
}
.client-lastbox[_ngcontent-sc85] {
    display: block;
    background: red;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    margin: 30px 20px 40px;
}



.realestate .bannercolor{
    background-color: #e11607;
}


/* muro */

.bg-purple{background-color: #845EF7;}

.fs-20{font-size: 20px; line-height: 28px;}
.website--sec .box-content:before{content: '';width: 3px; height: 50px;position: absolute; left: 0;}
.website--sec .box-content.purple:before{background-color: #31A8FE;}
.website--sec .box-content.red:before{background-color: #EC696A;}
.website--sec .box-content.orange:before{background-color: #EA7D30;}
.website--sec .box-content.blue:before{background-color: #845EF7;}
.bg-llred{background-color: #EC696A1A;}
.bg-llgreen{background-color: #E0F1EE;}
.min-80{min-height: 80px;}
.bg-llviolet{background-color: #F9F7FF;}
.purple-icon-box{background-image: url(../images/muro/muro-bg-1.jpg);background-position: bottom right; background-size: cover; background-repeat: no-repeat;border-radius: 16px;}
.orange-icon-box{background-image: url(../images/muro/muro-bg-2.jpg);background-position: bottom right; background-size: cover; background-repeat: no-repeat;border-radius: 16px;}
.blue-icon-box{background-image: url(../images/muro/muro-bg-3.jpg);background-position: bottom right; background-size: cover; background-repeat: no-repeat;border-radius: 16px;}
.green-icon-box{background-image: url(../images/muro/muro-bg-4.jpg);background-position: bottom right; background-size: cover; background-repeat: no-repeat;border-radius: 16px;}

@media (min-width:600px){
    
    .muro .col-md-6-3 {
        width: 65.666667% !important; display: flex;
    }
    .muro .col-md-4-3 {
        width: 34.333333% !important; display: flex;
}}

.box--section-end .icon-box:before{content: '';width: 3px; height: 50px;position: absolute; left: 0;top: 50px;}
.box--section-end .icon-box.purple:before{background-color: #31A8FE;}
.box--section-end .icon-box.red:before{background-color: #EC696A;}
.box--section-end .icon-box.orange:before{background-color: #EA7D30;}
.box--section-end .icon-box.blue:before{background-color: #845EF7;}
.box--section-end .icon-box.green:before{background-color: #1BC6AF;}


/* video production page style :start */
.banner-cnt p{
    color: #F0EFEE;
}
.video-production-modal-content h4{
    font-size: 24px;
    font-weight: 600;
}
.explore-btn a{
    background: #fff;
    padding: 13px 30px;
    border-radius: 6px;
    color: #000;
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 700;
}
.explore-btn a:hover{
    background: #e6302d;
    color: #fff;
}
.explore-btn.colred a{
    background: #e6302d;
    color: #fff;
    border: 1px solid #e6302d;
}
.explore-btn.colred a:hover{
    background: transparent;
    color: #e6302d;
}
/* Modal background */
.video-production-popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal content */
.video-production-modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px;
}

/* Close button */
.video-production-close {
    color: #845ef7;
    position: relative;
    top: 0px;
    right: 0px;
    font-size: 20px;
    font-weight: 800;
}

.video-production-close:hover,
.video-production-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Form fields */
.video-production-popup form input,
.video-production-popup form textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Submit button */
.video-production-popup button {
    padding: 12px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.video-production-popup button:hover {
    background-color: #218838;
}
.vpformbtn {
    background: linear-gradient(to right, #ea2621 0%, #f7562e 90%) !important;
    color: #fff !important;
    letter-spacing: 1px;
    padding: 16px 50px !important;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 10px;
    border-radius: 50px !important;
    font-weight: normal !important;
    justify-content: center;
    display: flex;
    margin: auto;
}
.coverageLogo .swiper-wrapper {
    align-items: center;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
.podcasts-main{
    border: 2px solid #C0C0C0;
    border-radius: 13px;
    padding: 28px;
}
.podcasts-main a{
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
}
.compelling-main{
    background: #F2F2F2;
    padding: 24px;
    border-radius: 8px;
}
.compelling-main h3{
    font-size: 24px;
    line-height: 31.2px;
    font-weight: 700;
    color: #000;
}
.counter-box{
    font-size: 38px;
    line-height: 49.4px;
    font-weight: 700;
    color: #fff;
}
.projecthandled-main h3{
    padding: 20px;
    font-weight: 500;
    border-radius: 13px;
    border: 2px solid #C0C0C0;
}
.font-16{
    font-size: 16px !important;
    line-height: 24px !important;
}
.typevideo-main {
    padding: 13px 0px;
    border: 2px solid #C0C0C0;
    border-radius: 13px;
}
.typevideo-main.cover{
    transition: transform .3s ease, box-shadow .3s ease;
}
.typevideo-main.cover:hover{
    transform: scale(1.05);
    box-shadow: 0 4px 15px #0003;
}
.typevideo-main.cover a{
    color: #000;
}
.typevideo-main h4{
    padding-top: 7px;
    font-weight: 500;
    padding-bottom: 7px;
    padding-left: 20px;
    margin-left: -2px;
}
.clr1, .clr10, .clr19{
    border-left: 3px solid #31A8FE;
}
.clr2, .clr12, .clr15{
    border-left: 3px solid #EC696A;
}
.clr3, .clr8, .clr14{
    border-left: 3px solid #1BC6AF;
}
.clr4, .clr9, .clr18{
    border-left: 3px solid #E6B33D;
}
.clr5, .clr11, .clr16{
    border-left: 3px solid #845EF7;
}
.clr6, .clr13{
    border-left: 3px solid #302357;
}
.clr7, .clr17{
    border-left: 3px solid #EA7D30;
}

.clr12, .clr15{
    border-left: 3px solid #EC696A;
}
.portfoliosimg a {
    position: absolute;
    top: 50%;
    left: 27%;
    background: #fff;
    padding: 10px 24px;
    border-radius: 13px;
    color: #000;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.portfolios-main:hover .portfoliosimg a {
    opacity: 1;
    transform: translateY(0);
}

.portfolio-cntmin{
    padding: 20px 0px;
}
.portfolio-cntmin h3{
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
}
.portfolio-sec{
    background: #F2F2F2;
}
.requirement-btn a:hover{
    background: #fff;
    color: #000;
}
.video-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.video-modal-content {
    position: relative;
    width: 80%;
    max-width: 700px;
    background: #000;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* Responsive video aspect ratio */
    margin-top: 25px;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 25px;
    color: white;
    cursor: pointer;
}
.swiper-button-next.portfolio-next:after {
    content: url(../images/video-production/portfolio-right-new.svg);
    transform: scale(2);
}
.swiper-button-prev.portfolio-prev:after {
    content: url(../images/video-production/portfolio-left-new.svg);
    transform: scale(2);
}
.swiper-button-next.portfolio-next, .swiper-rtl .swiper-button-prev.portfolio-prev {
    bottom: -20px;
    top: unset;
    right: 0px;
}
.swiper-button-prev.portfolio-prev, .swiper-rtl .swiper-button-next.portfolio-next {
    bottom: -20px;
    top: unset;
    left: 0px;
}
.requirement-img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
}
.fw-700{
    font-weight: 700 !important;
}
.requirement-cnt ul{
    list-style: none;
    margin-bottom: 0px;
    padding: 0px;
}
.requirement-cnt ul li{
    color: #fff;
}
.requirement-btn a{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 14px 44px;
    border-radius: 35px;
    border: 1px solid #fff;
}
.requirement-content {
    display: none; /* Hide content by default */
    padding-top: 10px;
}
.requirement-main.active .requirement-content {
    display: block; /* Show content for the active item */
}
.requirement-main h3{
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: 100%;
}
.requirement-main{
    margin-bottom: 24px;
}
.requirement-main:last-child{
    margin-bottom: 40px;
}
.storysld1 .swiper-wrapper, .storysld2 .swiper-wrapper,
.brandlogo1 .swiper-wrapper, .brandlogo2 .swiper-wrapper   {
    align-items: center;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
.storymain h3{
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    position: absolute;
    z-index: 1;
}
.whychoosemin{
    padding: 36px 28px;
    border-radius: 29px;
}
.whychoosemin.one{
    background: #845EF7;
}
.whychoosemin.two{
    background: #EC696A;
}
.whychoosemin.three{
    background: #31A8FE;
}
.whychoosemin h3{
    font-size: 28px;
    line-height: 38px;
}
.whychoose-sec{
    background: linear-gradient(to bottom, #F2F2F2 70%, #FFFFFF 30%) !important;
}
.goals-btn a{
    font-size: 16px;
    line-height: 20.8px;
    font-weight: 700;
    color: #000;
    background: #fff;
    padding: 14px 44px;
    border-radius: 35px;
}
.faq-sec .accordion-button:not(.collapsed)::after{
    content:url('../images/video-production/faq-minus.svg');
    background-image: unset;
    transform: none;
}
.faq-sec .accordion-button::after{
    content: url('../images/video-production/faq-plus.svg');
    background-image: none;
    background-image: none;
    top: -7px;
    position: relative;
}
.faq-sec{
    background: #F2F2F2;
}
.faq-sec button.accordion-button {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000 !important;
    padding: 0px;
}
.faq-sec .accordion-button:not(.collapsed){
    background-color: #fff;
    box-shadow: none;
}
.faq-sec .accordion-item {
    margin-bottom: 20px;
    border: none;
    padding: 32px;
}
.accordion-body {
    padding: 0px;
    padding-top: 16px;
}
.accordion-body p, .accordion-body ul li{
    font-size: 16px;
}
.storysld1 .swiper-slide, .storysld2 .swiper-slide {
    pointer-events: none !important; /* Disable pointer events on slides */
}
.faq-sec .accordion-item {
    display: none;
  }
.faq-sec .accordion-item:nth-child(-n+2) {
    display: block;
}
.faq-btn {
    background: #fff;
    padding: 13px 30px;
    border-radius: 6px;
    color: #000;
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 700;
    border: none;
}
.faq-btn:hover{
    background: #e6302d;
    color: #fff;
}
.requirement-main h3:after {
    content: url('../images/video-production/requirement-plus.svg');
    position: absolute;
    top: 7px;
    right: 0px;
}
.requirement-main.active h3:after{
    content: url('../images/video-production/requirement-minus.svg');
}
@media screen and (min-width:1200px){
    .whychoosemin h3{
        height: 73px;
    }
    .whychoosemin p{
        height: 225px;
    }
    .vm-img-main{
        position: absolute;
        left: 0px;
    }
    .countersection{
        height: 545px;
    }
    .max-1000{
        max-width: 1000px;
        margin: auto;
    }
}
@media screen and (max-width:1000px){
    .podcasts-main{
        padding: 15px;
    }
    .vm-img-main img{
        width: 100%;
    }
    .col-reverse{
        flex-direction: column-reverse;
    }
  
   
    .requirement-content {
        padding-top: 0px;
    }
    .whychoosemin img{
        width: 100%;
    }

    
}
@media screen and (min-width:768px) and (max-width:1080px){
    .requirement-img img{
        width: auto !important;
        height: 520px;
    }
    .requirement-img {
        top: 20%;
    }
}

@media screen and (max-width:500px){
    .whychoose-sec {
        background: #F2F2F2 !important;
    }
    .requirement-img img{
        width: auto !important;
        height: 300px;
    }
    .requirement-img {
        position: relative;
    }
    .portfolio-cntmin h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .requirement-img {
        position: relative;
    }
    .vp-banner-sec{
        padding-bottom: 0px !important;
    }
}

/* screen width 100% start */
@media screen and (min-width:1200px) and (max-width:1300px){
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* screen width 100% end */


/* screen width 90% start */
@media screen and (min-width:1300px) and (max-width:1500px){
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* screen width 90% end */

/* Screen size 80% start */
@media screen and (min-width:1500px) and (max-width:1600px){
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* Screen size 80% end */

/* pre system  start*/
@media screen and (min-width:1510px) and (max-width:1540px){
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* pre system  end*/


/* Screen size 75% start */
@media screen and (min-width:1700px) and (max-width:1800px){
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* Screen size 75% end */

/* Screen size 67% start */
@media screen and (min-width:1800px) and (max-width:2000px){
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* Screen size 67% end */

/* Screen size 50% start */
@media screen and (min-width:2000px) {
    .requirement-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        top: unset;
    }
    .requirement-img img{
        height: 800px;
    }
    .requirement-row{
        height: 650px;
    }
}
/* Screen size 50% end */
/* vide production page style :end */


/* Digital Marketing page style :start */
.spt-100{
    padding-top: 100px;
}
.dmform-main p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 6px;
}
.dmform-main input{
    font-size: 14px;
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    width: 100%;
}
.dmformbtn{
    padding: 13px 0px;
    width: 100%;
    font-size: 18px;
    line-height: 23.4px;
    color: #fff;
    background: #845EF7;
    border-radius: 6px;
    border: 1px solid #845EF7;
}
.dmformbtn:hover{
    background: transparent;
    color: #845EF7;
}
.strategies-min{
    background: #F2F2F2;
    padding: 40px;
}
.strategies-min h3{
    font-size: 28px;
    line-height: 36.4px;
}
.dm-comprehensive-sec .accordion-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    width: 100%;
}

.dm-comprehensive-sec .accordion-button span.text-center {
    flex: 1;
}
.dm-comprehensive-sec .accordion-button:not(.collapsed){
    background: unset;
}
.dm-comprehensive-sec .active-accordion .accordion-button{
    color: #fff !important;

}
.dm-comprehensive-sec{
    background: #F2F2F2;
}
.dm-comprehensive-sec .accordion-header {
    background: #fff;
    border-radius: 12px;
}
.dm-comprehensive-sec .accordion-button {
    padding: 20px 40px;
    font-size: 32px;
    line-height: 44.8px;
    font-weight: 600;
}
.dm-comprehensive-sec .accordion-item{
    background: transparent;
}
.dm-comprehensive-sec .accordion-item:last-child{
    margin-bottom: 0px;
}
.dm-comprehensive-sec .active-accordion{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.dm-comprehensive-sec .accordion-button:not(.collapsed)::after{
    transform: none;
    background-image: none;
    content: url('../images/digital-marketing/dmc-active.svg');
    position: relative;
    top: -10px;
}
.dm-comprehensive-sec .accordion-button::after{
    transform: none;
    background-image: none;
    content: url('../images/digital-marketing/dmc-inactive.svg');
    position: relative;
    top: -10px;
}
.dm-comprehensive-sec .accordion-item {
    margin-bottom: 20px;
    border: none;
}
.dm-comprehensive-sec .accordion-button.collapsed{
    border-radius: 12px !important;
}
.dm-comprehensive-sec .accordion-body {
    padding: 40px 70px !important;
    background: #fff;
}
.dm-comprehensive-sec .strategic-btn a{
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 700;
    color: #fff;
    background: #845EF7;
    border-radius: 6px;
    padding: 13px 36px;
    border: 1px solid #845EF7;
}
.strategic-btn a:hover{
    background: transparent;
    color: #845EF7;
}

.dm-industry-sec button.accordion-button {
    font-size: 22px;
    line-height: 28.6px;
    font-weight: 700;
    padding: 24px 32px;
    background: transparent !important;
    color: #000 !important;
}   
.dm-industry-sec button.accordion-button.collapsed {
    border-bottom: 1px solid #D9D9D9;
}
.dm-industry-sec .accordion-item{
    margin-bottom: 10px;
}
.dm-industry-sec .accordion-item:last-child{
    margin-bottom: 0px;
}
.dm-industry-sec .accordion-item {
    border: 1px solid transparent;
    border-radius: 0;
}
.dm-industry-sec .accordion-item:has(.accordion-collapse.show) {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
}

.dm-industry-sec .accordion-body {
    padding: 0px 32px;
    padding-bottom: 20px;
}
.dm-industry-sec .accordion-button:not(.collapsed)::after{
    transform: none;
    background-image: none;
    content: url('../images/digital-marketing/dmi-active.svg');
    position: relative;
    top: -10px;
}
.dm-industry-sec .accordion-button::after{
    transform: none;
    background-image: none;
    content: url('../images/digital-marketing/dmi-inactive.svg');
    position: relative;
    top: -10px;
}
.dm-industry-sec .accordion-item:first-child .accordion-collapse.show {
    border-top: none !important;
}
.dm-industry-sec .accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

.dm-industry-sec .accordion-button:focus {
    box-shadow: none !important;
}
.dm-casestudies-main h3{
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.dmcs-btn a{
    padding: 10px 20px;
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 700;
    border: 1px solid #000000;
    border-radius: 6px;
    color: #000;
}
.dmcs-btn a:hover{
    background: #000;
    color: #fff;
}
.dmcs-btn a:hover img{
    filter: brightness(0) invert(1);
}
.dmcs-btn a img{
    margin-left: 10px;
}
.cnt_btn{
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 700;
    color: #fff;
    background: #845EF7;
    border-radius: 6px;
    padding: 13px 36px;
    border: 1px solid #845EF7;
}
.cnt_btn:hover {
    background: transparent;
    color: #845EF7;
}
.youtubeplay-sec iframe{
    width: 100%;
    height: 700px;
}
/* Fullscreen Video Section */
.youtubeplay-sec {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

/* YouTube Video Full Cover */
#youtube-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.78vh; /* 16:9 Aspect Ratio */
    height: 100vh;
    transform: translate(-50%, -50%);
}

@media (max-aspect-ratio: 16/9) {
    #youtube-player {
        width: 100vw;
        height: 56.25vw; /* 9:16 Aspect Ratio */
    }
}
@media screen and (max-width:1000px){
    .spt-100{
        padding-top: 80px;
    } 
    
    .dm-comprehensive-sec .accordion-body {
        padding: 20px !important;
        background: #fff;
    }
    .dm-industry-sec button.accordion-button {
        font-size: 18px;
        line-height: 27px;
    }
   
}
@media screen and (min-width:768px) and (max-width:1000px){
    .dm-comprehensive-sec .accordion-button {
        font-size: 24px;
        line-height: 32px;
    }
    .dm-comprehensive-sec .accordion-body img {
        width: auto;
        height: 300px;
        object-fit: contain;
    }
    .youtubeplay-sec {
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
    }
}
@media screen and (max-width:500px){
    .youtubeplay-sec iframe{
        height: 400px;
    }
    .dm-comprehensive-sec .accordion-body img {
        width: 100%;
        height: auto;
        object-fit: unset;
    }
    .contactfrm-sec .col-lg-4 {
        padding: 0px;
    }
    .strategies-min {
        padding: 20px;
    }
    .dm-comprehensive-sec .accordion-button {
        padding: 20px 10px;
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 600;
    }
    .dm-comprehensive-sec .accordion-button::after {
        top: 0px;
    }
    .dm-industry-sec button.accordion-button {
        padding: 15px;
    }
    .dm-industry-sec .accordion-body {
        padding: 0px 15px;
        padding-bottom: 15px;
    }
}
/* Digital Marketing page style :end */
@media screen and (max-width:500px){
    .youtubeplay-sec {
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
    }
}

/* Vishnu New style :start */
.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;} */

.form-container.lp-form {background-color: #f3f3f3;border-radius: 20px;padding: 40px;width: 100%;max-width: 500px;}
.form-container.lp-form .form-title {font-size: 2rem;font-weight: bold;margin-bottom: 30px;}
.form-container.lp-form .form-label {font-weight: 500;margin-bottom: 5px;}
.form-container.lp-form .form-control,.form-select {border: none;border-bottom: 2px solid #ccc;border-radius: 0;background-color: transparent;box-shadow: none;}
.form-container.lp-form .form-control:focus,.form-select:focus {border-bottom: 2px solid #a259ff;outline: none;box-shadow: none;background: transparent;}
.form-container.lp-form .form-floating label {color: #000;font-size: 0.9rem;padding: 5px 10px 5px 5px;}
.form-container.lp-form .form-floating input:focus~label {color: #a259ff;font-size: 0.9rem;padding: 5px 10px 5px 5px;}
.form-container.lp-form .input-icon {position: relative;}
.form-container.lp-form .get-in-touch-btn{background: rgba(132, 94, 247, 1);}
.form-container.lp-form .input-icon i {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #555;}
.form-container.lp-form .input-icon input {padding-left: 35px;}
.form-container.lp-form input::placeholder,
.form-container.lp-form select::placeholder,
.form-container.lp-form textarea::placeholder {
  color: grey;
  opacity: 1; /* Ensures full visibility */
}



  .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;}
  
  
  
  
/* Vishnu New style :end */

/* 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 */
  .video-production-pg .portfolio-sec .swiper-slide{
    background: transparent;
    display: block;
  }