h1 {
    font-family: "Gochi Hand", cursive;
}

h2 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: normal !important;
}

h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: bold !important;
}

h1 {
    font-size: 150px
}

h2 {
    font-size: 38px !important
}

h3 {
    font-size: 35px
}

h4 {
    font-size: 27px
}

h5 {
    font-size: 25px
}

h6 {
    font-size: 19px
}

.b1 {
    font-size: 18px
}

.b2 {
    font-size: 16px
}

.b3 {
    font-size: 14px
}

.b4 {
    font-size: 13px
}

.b5 {
    font-size: 12px
}

.b6 {
    font-size: 11px
}

.li {
    display: inline;
}

p,
span,
strong,
ui,
li,
a,
label,
table,
thead,
tbody,
tr,
th,
td {
    font-family: "Montserrat", sans-serif;
}

.primary-color {
    color: #992299;
}

.secondary-color {
    color: #000000;
}

.color {
    color: #992299 !important;
}

.secondary-color {
    color: #000000;
}

/** top navigation start here **/
.banner-sec{padding: 24px !important;}
.boost{margin-top: 48px !important;}

.login-btn {
    background-color: #992299;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
}

.register-btn {
    margin-left: 20px;
    text-decoration: none;
    border: 1px solid #9C27B0;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    color: #000;
}

/** top navigation end here **/

.outline {
    text-shadow: #000 1px 5px 10px, #000 0px 0px 1px, #010 2px 2px 1px;
    color: #ffffff;
    margin: -208px 2px 15px 5px;
    opacity: 10%;
}

.celebrities-zone {
    margin-top: -300px;
}

.cz {
    color: #9C27B0;
}

.celebrity-content {
    text-align: center;
}

.content-row {
    justify-content: center;
}

.camera {
    position: absolute;
    margin: -48px 0 0 135px;
    width: 110px;
}

.vijay-div {
    background-image: url(../images/circle.gif);
    background-size: 30%;
    background-repeat: no-repeat;
}

.marketing-h3 {
    margin: -55px 0px 20px 0;
}

.executional{margin: 130px 0px 0px 0px;}
.Production-House{background-image: url(../images/social\ media\ platform\ bg.png); padding: 48px 0px !important; }
.imgs-srl{margin-top: 48px !important;}
.id  {text-align: center; font-weight: normal !important;}

/* youtube */

.icon-tooltip {
      position: relative;
      display: inline-block;
      cursor: pointer;
      margin: 50px;
    }

    .icon-tooltip .tooltip-text {
      visibility: hidden;
      color: #000;
      text-align: center;
      padding: 6px;
      

      /* Positioning */
      
     
      opacity: 0;
      transition: opacity 0.10s;
    }

    .icon-tooltip:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
      font-size: 18px;
      font-family: "Montserrat", sans-serif !important;
      
      
    }

.plotform{background-image: url(../images/ploform-bg2.png);  }




/* youtube */

______________________________________



body{
  background: #777;
}
h3{
  font-family: lato;
  font-weight: 600;
  margin: 20px auto 10px auto;
  color: white;
}
.carousel-item{
 padding: 15px;
 cursor: -webkit-grabbing;
  
  & img{
    border-radius: 30px;
    height: 500px;
        box-shadow: 0px 5px 5px rgba(0,0,0,.21);
  transition: .25s linear;  
  }
  
  &:hover{
    & img{
      transform: translatey(-1%);
    }
  }
}

.carousel-indicators li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 2px;
    position: relative;
    top: 30px;
  &.active{
    background: #fff;
    
  }
}


@media only screen and (max-width: 650px)
{
  .carousel-item img{
    height: auto;
  }
}




.carousel-control-prev{
  left: -50px;
  margin: 0 -25px;
}
.carousel-control-next{
  right: -50px;
  margin: 0 -25px;
}

____________________________________________________________________





______________________________________________________________

/* $(".carousel").swipe({

  swipe: function(event, direction, distance, duration, fingerCount, fingerData) {

    if (direction == 'left') $(this).carousel('next');
    if (direction == 'right') $(this).carousel('prev');

  },
  allowPageScroll:"vertical"

}); */


_________________________________________________________________


* {margin: 0; padding: 0;}
 
#container {
	/* width: 1300px; */
	overflow: hidden;
	background: white;
}

/*header*/
header {
	width: 800px;
	margin: 40px auto;
}
 
header h1 {
	text-align: center;
	font: 100 60px/1.5 Helvetica, Verdana, sans-serif;
	
}
 
header p {
	font: 100 15px/1.5 Helvetica, Verdana, sans-serif;
	text-align: justify;
}
 
/*photobanner*/
 
.photobanner {
	
	margin-bottom: 80px;
}

img {
  display: inline-block;
}


/*keyframe animations*/
.first {
	        animation: bannermove 15s linear infinite;
}
 
@keyframes bannermove {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 
______________________________________________________







______________________________________________________






* {margin: 0; padding: 0;}
 
#container {
	overflow: hidden;
	background: white;
}

/*header*/

 
 
/*photobanner*/
 
.photobanner {
	height: 100px;
	width: 3550px;
	margin-bottom: 80px;
}

img {
  display: inline-block;
}


/*keyframe animations*/
.first {
	        animation: bannermove 15s linear infinite;
}
 
@keyframes bannermove {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 

.photobanner-2 {
	height: 100px;
	width: 3550px;
	margin-bottom: 80px;
}

img {
  display: inline-block;
}


/*keyframe animations*/
.first {
	        animation: bannermove 15s linear infinite;
}
 
@keyframes bannermove {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 

___________________________________________


.testimonial-card {
            background: #fff;
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin: 0 15px;
            text-align: center;
        }
        .testimonial-card .quote {
            font-size: 18px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 20px;
            font-style: italic;
        }
        .testimonial-card .author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }
        .testimonial-card .author img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #f8f9fa;
        }
        .testimonial-card .author-info h5 {
            margin-bottom: 0;
            font-weight: 600;
        }
        .testimonial-card .author-info p {
            color: #777;
            margin-bottom: 0;
            font-size: 14px;
        }
        .testimonial-card .rating {
            color: #ffc107;
            margin: 10px 0;
        }
        /* Carousel controls */
        .carousel-control-prev, .carousel-control-next {
            width: 40px;
            height: 40px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
        }
        .carousel-control-prev:hover, .carousel-control-next:hover {
            background-color: rgba(0, 0, 0, 0.3);
        }
        .carousel-control-prev {
            left: -20px;
        }
        .carousel-control-next {
            right: -20px;
        }
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .testimonial-card {
                padding: 20px;
            }
            .testimonial-card .quote {
                font-size: 16px;
            }
        }



        /* testimonials  start*/

        
        /* Custom CSS */
        .testimonial-card {
            background: #fff;
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin: 0 15px;
            text-align: center;
        }
        .testimonial-card .quote {
            font-size: 18px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 20px;
            font-style: italic;
        }
        .testimonial-card .author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }
        .testimonial-card .author img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #f8f9fa;
        }
        .testimonial-card .author-info h5 {
            margin-bottom: 0;
            font-weight: 600;
        }
        .testimonial-card .author-info p {
            color: #777;
            margin-bottom: 0;
            font-size: 14px;
        }
        .testimonial-card .rating {
            color: #ffc107;
            margin: 10px 0;
        }
        /* Carousel controls */
        .carousel-control-prev, .carousel-control-next {
            width: 40px;
            height: 40px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
        }
        .carousel-control-prev:hover, .carousel-control-next:hover {
            background-color: rgba(0, 0, 0, 0.3);
        }
        .carousel-control-prev {
            left: -20px;
        }
        .carousel-control-next {
            right: -20px;
        }
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .testimonial-card {
                padding: 20px;
            }
            .testimonial-card .quote {
                font-size: 16px;
            }
        }
    
         /* testimonials  end*/

     .dotted-vertical-line {
  border-left: 2px dotted #000;
  height: 620px; /* adjust as needed */
  margin: 0 auto; /* centers the line if needed */
}
.field{
  color: #000;
  margin-bottom: 20px !important;
}
.budget-btn{
  background-color: #f0e1f0;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
}

/* footer */

.footer {
            background-color: #000;
            color: #fff;
            /* padding: 40px 0; */
        }
        
        .footer-logo {
            margin-bottom: 20px;
        }
        
        .footer-links h5 {
            color: #fff;
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .footer-links ul {
            list-style: none;
            padding-left: 0;
        }
        
        .footer-links li {
            margin-bottom: 10px;
        }
        
        .footer-links a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-links a:hover {
            color: #fff;
        }
        
        .social-icons a {
            color: #fff;
            font-size: 20px;
            margin-right: 15px;
            transition: color 0.3s;
        }
        
        .social-icons a:hover {
            color: #ccc;
        }
        
        .copyright {
            border-top: 1px solid #333;
            padding-top: 20px;
            margin-top: 30px;
            color: #999;
        }

        .send-message-btn{
          background-color: #992299;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;

        }


        /*  */

        
:root {
            --slider-bg: #f8f9fa;
            --slider-text: #333;
            --slider-accent: #6c63ff;
        }
        
        .photo-slider-section {
            padding: 60px 0;
            background-color: var(--slider-bg);
        }
        
        .slider-title {
            font-weight: 700;
            margin-bottom: 40px;
            position: relative;
            display: inline-block;
        }
        
        .slider-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 50px;
            height: 3px;
            background: var(--slider-accent);
            border-radius: 3px;
        }
        
        .photo-slider {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .carousel-item img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }
        
        .carousel-caption {
            background: rgba(0, 0, 0, 0.6);
            border-radius: 5px;
            padding: 15px;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
        }
        
        .carousel-control-prev,
        .carousel-control-next {
            width: 50px;
            height: 50px;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
            transition: all 0.3s ease;
        }
        
        .carousel-control-prev:hover,
        .carousel-control-next:hover {
            background: var(--slider-accent);
        }
        
        .carousel-indicators button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            margin: 0 5px;
            border: none;
            background-color: #ddd;
        }
        
        .carousel-indicators button.active {
            background-color: var(--slider-accent);
        }
        
        /* Responsive adjustments */
        @media (max-width: 992px) {
            .carousel-item img {
                height: 400px;
            }
        }
        
        @media (max-width: 768px) {
            .photo-slider-section {
                padding: 40px 0;
            }
            
            .carousel-item img {
                height: 350px;
            }
            
            .carousel-caption {
                padding: 10px;
                bottom: 20px;
                width: 90%;
            }
            
            .carousel-control-prev,
            .carousel-control-next {
                width: 40px;
                height: 40px;
            }
        }
        
        @media (max-width: 576px) {
            .carousel-item img {
                height: 250px;
            }
            
            .carousel-caption {
                bottom: 10px;
                padding: 8px;
            }
            
            .carousel-caption h5 {
                font-size: 16px;
            }
            
            .carousel-caption p {
                font-size: 14px;
                display: none; /* Hide description on small screens */
            }
        }

        /*  slider *********************/
        
        

    
/*  slider **********************************/

/* DEMO */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Chivo);

body {
 font-family: 'Lato',Arial,sans-serif;
  color: #333;
  background:#CACACA;
  margin: 0 auto;
  overflow-x: hidden;
}


.container {
   
	 height: auto;
}

header {
   text-align: center;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
	padding-top:50px;
}

.descriptions{
	margin: 0 auto;
    padding-bottom: 0;
    padding-left:72px;
	line-height:25px;
}

h1 {
    font-size: 2.625em;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
}

h2 {
    font-size: 24px;
    line-height: 1.3;
    margin: 0;
}

.clearfix {
    clear: both;
}

strong{
font-size:14px;
}
em{
font-size:11px;
}

.cctop {
	background:#222222; 
	padding:12px;
	overflow: auto;
}



.navbar-brand {
	color:#FFFFFF;
}


a.navbar-brand :hover{ color:#FFFFFF;}
.menus {
	padding: 2em 0 3em;
}

.menus a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	outline: none;
	background:#FFFFFF;
	color: rgba(0,0,0,0.3);
	text-decoration: none;
	font-weight: 700;
	opacity: 1;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color:#608ebd;
}

.menus a:hover{
color:#0156ac;
}

.bottom {
	padding-bottom: 4em;
	color: rgba(0,0,0,0.4);
	text-align:center;
}

.bottom a {
	display: inline-block;
	margin-top: 0.5em;
	color:#FFFFFF;
	text-decoration:none;
}


footer {
    background-color: #FFFFFF;
    padding:12px;
    margin-top: 60px;
	 color: #BBBBBB;
    font-family: 'Chivo',Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 14px;
    text-transform: uppercase;
}

footer a{
	color: #BBBBBB;
}

/* COMPONENT */

/*
	Author: Ashfaq Ahmed @ Codeconvey.
	Author URI: http://www.codeconvey.com/
*/



#cc-slider {
	text-align: center;
	margin: 0 auto;
	max-width: 850px;
}

#cc-slider input {
	display: none;
}

#cc-slider label, a {
	color: #ef023f;
	cursor: pointer;
	text-decoration: none;
}
#cc-slider label:hover {
	color: #fefefe !important;
}

#slide1:checked ~ #cc-slides .inner { margin-left:0; }
#slide2:checked ~ #cc-slides .inner { margin-left:-100%; }
#slide3:checked ~ #cc-slides .inner { margin-left:-200%; }
#slide4:checked ~ #cc-slides .inner { margin-left:-300%; }
#slide5:checked ~ #cc-slides .inner { margin-left:-400%; }


#overflow {
	width: 100%;
	overflow: hidden;
}

#cc-slides article img {
	width: 100%;
}

#cc-slides .inner {
	width: 500%;
	line-height: 0;
}

#cc-slides article {
	width: 20%;
	float: left;
}

#controls {
	margin: -8% 0 0 84%;
	width: 15%;
	height: 50px;
}

#controls label { 
	display: none;
	width: 50px;
	height: 50px;
	
}

#active {
	margin: 23% 0 0;
	text-align: center;
}

#active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #f89e67;
}

#active label:hover {
	background: #ccc;
	border-color: #777 !important;
}

#controls label:hover {
	opacity: 0.8;
}

#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5), 
#slide5:checked ~ #controls label:nth-child(1) {
	background: url('../images/next.png') no-repeat;
	float: right;
	margin: 0 10px 0 0;
	display: block;
	background-color:#9C27B0;
}


#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
	background: url('../images/prev.png') no-repeat;
	float: left;
	margin: 0 0 0 17px;
	display: block;
	background-color:#000;
}



/* cctooltip Box */

.cctooltip {
	
    color: #FFFFFF;
    font-style: italic;
    line-height: 20px;
    margin-top: 250px;
    opacity: 0;
    position: absolute;
    text-align: left;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
    
}

.cctooltip h3 {
	color: #FFFFFF;
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	background: none repeat scroll 0 0 #222222;
	padding: 5px;
}
.cctooltip h4 {
	color: #FFFFFF;
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	background: none repeat scroll 0 0 #222222;
	padding: 5px;
	text-align:right;
	width:106px;
}



/* cc-slider Styling */




/* Animation */

#cc-slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#cc-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #cc-slides article:nth-child(1) .cctooltip,
#slide2:checked ~ #cc-slides article:nth-child(2) .cctooltip,
#slide3:checked ~ #cc-slides article:nth-child(3) .cctooltip,
#slide4:checked ~ #cc-slides article:nth-child(4) .cctooltip,
#slide5:checked ~ #cc-slides article:nth-child(5) .cctooltip {
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}

.inner-img:hover {
  transform: scale(1.1);
}

.inner-img {
     transition: .5s;
}


.Discovery5{
    padding-top: 40px;
}

.social {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

ul.no-list{
    padding-left: 0;
}

ul.no-list li {
    display: inline-block;
    list-style: none;
}
.social i {
    color: #fff;
    font-size: 18px;
}

.social li {
    width: 40px;
    height: 40px;
    margin: 0 5px 0;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    transition: background 0.3s linear;
}

.social .facebook {
    background: #3b5998;
}

.social .twitter {
    background: #00aced;
}

.social .pinterest {
    background: #cb2027;
}

.social .google-plus {
    background: #dd4b39;
}

.social .instagram {
    background: #e4405f;
}

.social .tumblr {
    background: #34465d;
}

.social .youtube {
    background: #cd201f;
}

.social .envelope {
    background: #ff8c00;
}

.social li:hover {
    background: #fff;
}

.social .facebook:hover i {
    color: #3b5998;
}

.social .twitter:hover i {
    color: #00aced;
}

.social .pinterest:hover i {
    color: #cb2027;
}

.social .google-plus:hover i {
    color: #dd4b39;
}

.social .instagram:hover i {
    color: #e4405f;
}

.social .tumblr:hover i {
    color: #34465d;
}

.social .youtube:hover i {
    color: #cd201f;
}

.social .envelope:hover i {
    color: #ff8c00;
}
       
 

        .forgot-password a {
            color: #757575;
            font-size: 14px;
            text-decoration: none;
        }

        .forgot-password a:hover {
            text-decoration: underline;
        }

        /* top to bottom scrolling css */
#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 17px;
  z-index: 99;
  font-size: 24px;
  border: none;
  outline: none;
  color: #ffffff;
  cursor: pointer;
  padding: 8px 18px;
  border-radius: 50%;
  background-color: #992299 !important;
  color: #ffffff !important;
}

#myBtn-2 {
  display: none;
  position: fixed;
  bottom: 500px;
  right: 13px;
  z-index: 99;
  font-size: 24px;
  border: none;
  outline: none;
  color: #ffffff;
  cursor: pointer;
  padding: 11px 22px;
  border-radius: 50%;
}

/* top to bottom scrolling css */

/* .Mrunal-2:hover{
    background-image:url(../videos/Mruna.gif)
} */

/* video play */


    .hover-container {
            position: relative;
            overflow: hidden;
              box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        
        .hover-container:hover {
            transform: scale(1.02);
        }
        
        .static-image, .hover-video {
            width: 100%;
            height: 500px;
            object-fit: cover;
            display: block;
            transition: opacity 0.3s ease;
        }
        
        .hover-video {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            pointer-events: none;
        }
        
        .hover-container:hover .static-image {
            opacity: 0;
        }
        
        .hover-container:hover .hover-video {
            opacity: 1;
            pointer-events: auto;
        }
        
        .demo-section {
            padding: 40px 0;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        
        .card-custom{
            margin-right: -30px ;
        }

               
        .title {
            color: white;
            text-align: center;
            margin-bottom: 40px;
            font-weight: 300;
        }
        
        .description {
            text-align: center;
            margin-bottom: 30px;
            color: #666;
        }

/* video play  */

 figure {
	
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1; 
}
.column .image-zoom span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
    .hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .5s ease-in-out;
  width: 20%;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* login */

.login-container button {
      width: 40%;
      padding: 12px;
      background-color: #9C27B0;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      margin-top: 16px;
    }

     .login-container button:hover {
      background-color: #680879;
    }

    .profile-img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 20px;
      margin: -5px 0px 0px 15px;
          }

          .MEHER{width: 12% !important;}

          .calender{

            border-style: ridge;
    padding: 20px;
          }

          .book{
                font-size: 18px;
         margin: 27px 0px 0px 0px;
        padding: 25px 0px 3px 30px !important;
          }
          .star
        {
            color: #9C27B0;
            padding-right: 10px;
        }

        ___________________________________



        *{
 margin: 0;
 padding: 0;
}
body{
 height: 100vh;
 text-align: center;
 /* padding-top: 100px; */
 /* background: #689976; */
 /* background: linear-gradient(#689976, #ACDACC);
 font-family: 'Merriweather sans' arial, verdana; */
}
.breadcrumb{
 display: inline-block;
 
 overflow: hidden;
 border-radius: 5px;
 counter-reset: flag;
}
.breadcrumb a{
 text-decoration: none;
 outline: none;
 display: block;
 float: left;
 font-size: 12px;
 line-height: 36px;
 color:#fff;
 padding: 0 10px 0 60px;
 background: #9C27B0;
 background: linear-gradient(#9C27B0, #9C27B0);
 position: relative;
}
.breadcrumb a:first-child{
 padding-left: 46px;
 /* border-radius: 5px 0 0 5px; */
}
.breadcrumb a:first-child::before{
 left: 14px;
}
.breadcrumb a:last-child{
 border-radius: 0 5px 5px 0;
 padding-right: 30px;
}
.breadcrumb a.active, .breadcrumb a:hover{
 background: #333;
 background: linear-gradient(#333, #000);
}
.breadcrumb a.active::after, .breadcrumb a:hover::after{
 background: #333;
 background: linear-gradient(135deg, #333, #000);
}
.breadcrumb a::after{
 content: "";
 position: absolute;
 top: 0;
 right: -18px;
 width: 36px;
 height: 36px;
 transform: scale(0.707) rotate(45deg);
 z-index: 1;
 background: #9C27B0;
 background: linear-gradient(135deg, #9C27B0, #9C27B0);
 /* box-shadow: 
 2px -2px 0 2px #9C27B0,
 3px -3px 0 2px #9C27B0; */
 border-radius: 0 5px 0 50px;
}

.flag-shape{
     width:0; 
     height:120px; 
     border-right:60px solid #9C27B0;
     border-left:50px solid #9C27B0;
     border-bottom:30px solid transparent;
     margin: -25px 0 0 0;
}
.facebook{
   width: 40%;
}
.contact{
    border-color: #9C27B0 !important;
    color: #9C27B0 !important;
    
}
.arrow{
    position: absolute;
    width: 4%;
    transform: rotate(180deg);
    margin: -125px 0 0 500px;
}
.arrowww{
    position: absolute;
    width: 8%;
    transform: rotate(220deg);
    margin: -31px 0px -112px -410px;
}

_____________________________________



        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            padding: 20px;
        }
        
        .success-container {
            margin: 50px 0px 0px 550px;
            background: white;
            border-radius: 25px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
            padding: 50px 40px;
            text-align: center;
            max-width: 400px;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .success-container::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            animation: shimmer 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0%, 100% { opacity: 0; }
            50% { opacity: 1; }
        }

        .success-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, #4CAF50, #66BB6A);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px;
            position: relative;
            z-index: 2;
            animation: bounceIn 0.8s ease-out;
            box-shadow: 0 10px 30px rgba(76, 175, 80, 0.3);
        }

        @keyframes bounceIn {
            0% {
                transform: scale(0);
                opacity: 0;
            }
            50% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .checkmark {
            color: white;
            font-size: 3rem;
            font-weight: bold;
            animation: checkmarkDraw 0.5s ease-out 0.3s both;
        }

        @keyframes checkmarkDraw {
            0% {
                transform: scale(0) rotate(-45deg);
                opacity: 0;
            }
            100% {
                transform: scale(1) rotate(0deg);
                opacity: 1;
            }
        }

        .success-title {
            font-size: 2rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
            animation: fadeInUp 0.6s ease-out 0.4s both;
        }

        .success-message {
            font-size: 1rem;
            color: #7f8c8d;
            line-height: 1.5;
            margin-bottom: 35px;
            position: relative;
            z-index: 2;
            animation: fadeInUp 0.6s ease-out 0.6s both;
        }

        @keyframes fadeInUp {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }
            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .amount-section {
            margin-bottom: 40px;
            position: relative;
            z-index: 2;
            animation: fadeInUp 0.6s ease-out 0.8s both;
        }

        .amount-label {
            font-size: 1.1rem;
            color: #4CAF50;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .amount-value {
            font-size: 3.5rem;
            font-weight: 800;
            color: #2c3e50;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

        .rupee-symbol {
            font-size: 2.5rem;
            margin-right: 5px;
        }

        .home-btn {
            background: linear-gradient(135deg, #8B5A9F, #B4619C);
            border: none;
            padding: 15px 40px;
            border-radius: 50px;
            color: white !important;
            font-weight: 600;
            font-size: 1.1rem;
            width: 100%;
            max-width: 200px;
            transition: all 0.3s ease;
            position: relative;
            z-index: 2;
            animation: fadeInUp 0.6s ease-out 1s both;
            box-shadow: 0 8px 25px rgba(139, 90, 159, 0.3);
        }

        .home-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(139, 90, 159, 0.4);
            color: white;
        }

        .home-btn:active {
            transform: translateY(-1px);
        }

        /* Floating particles animation */
        .particle {
            position: absolute;
            background: linear-gradient(135deg, #4CAF50, #66BB6A);
            border-radius: 50%;
            animation: float 6s ease-in-out infinite;
        }

        .particle:nth-child(1) {
            width: 8px;
            height: 8px;
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }

        .particle:nth-child(2) {
            width: 6px;
            height: 6px;
            top: 60%;
            right: 15%;
            animation-delay: 2s;
        }

        .particle:nth-child(3) {
            width: 10px;
            height: 10px;
            bottom: 30%;
            left: 20%;
            animation-delay: 4s;
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0px);
                opacity: 0.7;
            }
            50% {
                transform: translateY(-20px);
                opacity: 1;
            }
        }

        @media (max-width: 768px) {
            .success-container {
                padding: 40px 30px;
                border-radius: 20px;
            }
            
            .success-icon {
                width: 80px;
                height: 80px;
            }
            
            .checkmark {
                font-size: 2.5rem;
            }
            
            .success-title {
                font-size: 1.7rem;
            }
            
            .success-message {
                font-size: 0.95rem;
            }
            
            .amount-value {
                font-size: 3rem;
            }
            
            .rupee-symbol {
                font-size: 2.2rem;
            }
            
            .home-btn {
                padding: 12px 35px;
                font-size: 1rem;
            }
        }
   
            
        :root {
            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            --warning-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }

        body {
            /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
            min-height: 100vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .notifications-container {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(20px);
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            max-width: 500px;
            margin: 2rem auto;
            overflow: hidden;
        }

        .notifications-header {
            background: var(--primary-gradient);
            color: white;
            padding: 1.5rem;
            text-align: center;
            position: relative;
        }

        .notifications-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
        }

        .notifications-header h3 {
            margin: 0;
            font-weight: 600;
            position: relative;
            z-index: 1;
        }

        .notification-badge {
            position: absolute;
            top: 15px;
            right: 20px;
            background: #ff4757;
            color: white;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: bold;
            z-index: 2;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }

        .notification-item {
            padding: 1rem 1.5rem;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            display: flex;
            align-items: center;
            gap: 15px;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .notification-item:hover {
            background: rgba(102, 126, 234, 0.1);
            transform: translateX(5px);
        }

        .notification-item.unread {
            background: rgba(67, 233, 123, 0.1);
            border-left: 4px solid #43e97b;
        }

        .notification-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .notification-icon::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(5px);
        }

        .notification-icon i {
            position: relative;
            z-index: 1;
        }

        .icon-like { background: var(--secondary-gradient); }
        .icon-comment { background: var(--success-gradient); }
        .icon-follow { background: var(--primary-gradient); }
        .icon-collab { background: var(--warning-gradient); }

        .notification-content {
            flex: 1;
        }

        .notification-content h6 {
            margin: 0 0 5px 0;
            font-weight: 600;
            color: #333;
        }

        .notification-content p {
            margin: 0;
            font-size: 14px;
            color: #666;
        }

        .notification-time {
            font-size: 12px;
            color: #999;
            font-weight: 500;
        }

        .notification-actions {
            padding: 1rem 1.5rem;
            background: rgba(0, 0, 0, 0.02);
            display: flex;
            gap: 10px;
            justify-content: center;
        }

        .btn-custom {
            border-radius: 25px;
            padding: 0.5rem 1.5rem;
            font-weight: 500;
            border: none;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .btn-primary-custom {
            background: var(--primary-gradient);
            color: white;
        }

        .btn-primary-custom:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
        }

        .btn-outline-custom {
            background: transparent;
            border: 2px solid #667eea;
            color: #667eea;
        }

        .btn-outline-custom:hover {
            background: var(--primary-gradient);
            color: white;
            transform: translateY(-2px);
        }

        .floating-notification {
            position: fixed;
            top: 20px;
            right: 20px;
            background: white;
            border-radius: 15px;
            padding: 1rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            gap: 15px;
            min-width: 300px;
            transform: translateX(100%);
            transition: transform 0.3s ease;
            z-index: 1000;
        }

        .floating-notification.show {
            transform: translateX(0);
        }

        .notification-stats {
            display: flex;
            justify-content: space-around;
            padding: 1rem;
            background: rgba(0, 0, 0, 0.02);
            border-top: 1px solid rgba(0, 0, 0, 0.05);
        }

        .stat-item {
            text-align: center;
        }

        .stat-item .stat-number {
            font-size: 1.5rem;
            font-weight: bold;
            color: #667eea;
        }

        .stat-item .stat-label {
            font-size: 0.8rem;
            color: #666;
            text-transform: uppercase;
        }

        @media (max-width: 768px) {
            .notifications-container {
                margin: 1rem;
                border-radius: 15px;
            }
            
            .notification-item {
                padding: 0.75rem 1rem;
            }
            
            .notification-icon {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
        }


        /* logout */
        

        /* body {
      background: #f8f9fa;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
    } */

    .logout-card {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
      padding: 40px;
      text-align: center;
      max-width: 400px;
      width: 100%;
      animation: fadeInUp 0.6s ease;
      margin: 0px 0px 0px 430px;
    }

    .logout-icon {
      font-size: 50px;
      color: #992299;
      margin-bottom: 20px;
    }

    .logout-gif{
        width: 40%; margin: -40px -10px 25px 0px;
    }

    .btn-logout {
      background-color: #992299;
      color: white;
    }

    .btn-logout:hover {
      background-color: #7a1a7a;
    }
    

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .mb-3{
        color: #9C27B0;
    }
    .socialmedia-1{
        border-radius: 30px;
    }
    .socialmedia-2{
         border-radius: 30px;
    }
    .socialmedia-3{
         height: 567px !important; 
         border-radius: 30px;
    }

     .socialmedia-4{
         height: 567px !important;
         border-radius: 30px;
    }
    .socialmedia-5{
        height: 567px !important; 
        border-radius: 30px;
    }
.brand-benfits{
margin: 130px 0px 0px 0px;
}

.vector{
    position: absolute; 
    width: 10%; 
    margin: -100px -6px -5px 550px;
}

.animation{
    position: absolute; 
    margin: -424px -5px -2px 400px; 
    width: 20%;
}

.Audience-Relevance{
padding: 25px; 
margin-top: 20px; 
color:#992299;
}

.Engagement-Rate{
    padding: 25px; 
    margin-top: 20px; 
    color:#992299;
}
.Authenticity{
    padding: 25px; 
    margin-top: 20px; 
    color:#992299;
}
.best-influencers-para{
    margin: 0px 0px 0px 25px; 
}
/* .executional{
    margin: 130px 0px 0px 0px;
} */
/* .executional{
    margin: 130px 0px 0px 0px;
} */
/* .executional{
    margin: 130px 0px 0px 0px;
} */

.exe{
    margin: 50px 0px 0px 0px !important;
}

.exe-2{
    margin: 130px 0px 0px 0px !important;
}
.ttt{
    position: absolute; right: 101px; margin: -25px 130px 0 -17px; opacity: 10%;
}

.message{
    padding: 10px; color: #bababa;
}

.field{
    padding: 5px 10px;
    border-radius: 3px; opacity: 50%; margin: 35px 25px 0px 0px; width: 300px;
}

.budget-btn{
    margin: 0px 0px ;
}

.contact{
    width: 10%; margin: 0px 0px -40px -40px;
}
.mail{
    width: 11%; margin: 0px 0px -40px -40px;
}
.location{
    width: 10%; margin: 0px 0px -40px -40px;
}

.login-image{
    margin: 0px 0px 0px 50px;
}
.Login-to{
    margin: 20px 0px 0px 0px;
}
.login-fb{
    border: 1px solid #c1c1c1; padding: 10px; border-radius: 10px;
}
.login-google{
    margin: 0px 30px 0px 30px; border: 1px solid #c1c1c1; padding: 10px; border-radius: 10px;
}
.login-twitter{
    border: 1px solid #c1c1c1; padding: 10px; border-radius: 10px;
}
.email-mobile{
    padding: 7px 10px;
    border-radius: 5px; opacity: 50%; margin: 12px 25px 0px 0px; width: 40%;
}
.m-pin{
    padding: 7px 10px;
    border-radius: 5px; opacity: 50%; margin: 1px 25px 0px 0px; width: 40%;
}
.checkbox-container{
    font-size: 12px;
}
.Forgot-Password{
    margin: 0 0px 0px 35px;text-decoration: none;
}
.send-otp{
    margin: 10px -30px;
}
.check-mobile{
    text-align: center; margin: 0px 400px 5px 0;
}
.fa-star{
    opacity: 20%; border: 1px solid #0d0b0b; padding: 15px; border-radius: 10px; 
}
.mpn{
    margin: 35px 0 0 0;
}
.ok{
    width: 50%; margin: -80px 0px 0px -20px;
}
.otp-success{
    margin: -35px 0 0 -45px; color: #319F43;
}
.New-MPIN{
    margin: 15px 0px 0 45px; text-decoration: underline;
}
.note{
    margin-top: 20px;
}
.resetpin{
    margin: 15px 0px 0px 30px;
}
.ok-2{
    width: 70%; margin: -100px 0px 0px -100px;
}
.mpinset{
    margin: -50px 0 0 -15px; color: #319F43; font-size: 25px;
}
.mpin-para{
    margin: 20px 0px 0 -360px; text-align: center;
}
.influ{
    background-color: #680879 !important; color: #fff !important; border-radius: 5px !important;
    padding: 10px 0px 10px 15px !important;
    
}
.prod{
    background-color: #ecd9ef;  border-radius: 5px;
    padding: 10px 0px 10px 15px;
}
.influ2{
    padding: 0px 0px 0px 26px;
    margin: -41px 0px -10px 5px;
}
.prod2{
    padding: 0px 0px 0px 26px;
    margin: -41px 0px -10px 5px;
}
.bran{
    background-color: #ecd9ef; border-radius: 5px;
    padding: 10px 0px 10px 15px;
}
.bran2{
    padding: 0px 0px 0px 26px;
    margin: -41px 0px -10px 5px;
}
.indi{
    background-color: #ecd9ef;   border-radius: 5px;
    padding: 10px 0px 10px 15px;
}
.indi2{
    padding: 0px 0px 0px 26px;
    margin: -41px 0px -10px 5px;
}
.celeb{
    background-color: #ecd9ef;   border-radius: 5px;
    padding: 10px 0px 10px 15px;
}
.celeb2{
    padding: 0px 0px 0px 26px;
    margin: -41px 0px -10px 5px;
}
.calen{
    width: 200%; margin: 0px 0px 0px -50px;
}
.influ-back{
    background-color: #f6ecf3; padding: 25px;
}
.FA{
    border-style: dotted; padding: 10px;
}
.flag-shape{
    font-size: 24px; color: #fff; font-weight: bold;
}
.fblikes{
    text-align: center; font-size: 14px;
}
.Job-Summery{
    color:#992299;margin: 20px 35px;
}
.ser{
    color:#992299;margin: 20px 35px;
}

  
        .body {
            background-color: #f8f9fa;
            padding: 40px 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .main-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 40px;
            color: #333;
        }
        
        .service-gradient {
            background: linear-gradient(135deg, #8B5A9F, #B4619C);
            color: white;
        }
        
        .plan-header {
            background: linear-gradient(135deg, #8B5A9F, #B4619C);
            color: white;
            padding: 20px;
            text-align: center;
            font-size: 1.8rem;
            font-weight: bold;
            margin-bottom: 0;
        }
        
        .plan-item {
            background: white;
            border: none;
            padding: 20px 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px dotted #ddd;
        }
        
        .plan-item:last-child {
            border-bottom: none;
        }
        
        .plan-duration {
            font-size: 1.1rem;
            color: #333;
            font-weight: 500;
        }
        
        .plan-price {
            font-size: 1.3rem;
            font-weight: bold;
            color: #8B5A9F;
        }
        
        .plan-card {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            width: 500px;
        }
        
        .plan-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }
        
        .container-custom {
            max-width: 1000px;
        }

        /* One Time Plans Section */
        .onetime-section {
            margin-top: 50px;
        }

        .onetime-title {
            text-align: center;
            font-size: 2.2rem;
            font-weight: bold;
            margin-bottom: 30px;
            color: #333;
        }

        .onetime-card {
            background: rgba(139, 90, 159, 0.05);
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            width: 50%;
            margin: 30px 0px 0px 300px;
        }

        .onetime-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid rgba(139, 90, 159, 0.1);
        }

        .onetime-item:last-child {
            border-bottom: none;
        }

        .onetime-item.selected {
            background: rgba(139, 90, 159, 0.1);
            border-radius: 8px;
            padding: 15px 20px;
            margin: 5px -10px;
        }

        .video-option {
            display: flex;
            align-items: center;
            font-size: 1.1rem;
            color: #333;
            font-weight: 500;
        }

        .play-icon {
            width: 24px;
            height: 24px;
            background: #333;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: white;
            font-size: 0.8rem;
        }

        .video-price {
            display: flex;
            align-items: center;
            font-size: 1.2rem;
            font-weight: bold;
            color: #8B5A9F;
        }

        .check-mark {
            margin-left: 10px;
            color: #28a745;
            font-size: 1.3rem;
            font-weight: bold;
        }

        /* Action Buttons */
        .action-buttons {
            margin-top: 40px;
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .btn-proceed {
            background: linear-gradient(135deg, #8B5A9F, #B4619C);
            border: none;
            padding: 12px 30px;
            border-radius: 25px;
            color: white;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
        }

        .btn-proceed:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(139, 90, 159, 0.3);
            color: white !important;
        }

        .btn-cancel {
            background: white;
            border: 2px solid #8B5A9F;
            padding: 12px 30px;
            border-radius: 25px;
            color: #8B5A9F;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
        }

        .btn-cancel:hover {
            background: #8B5A9F;
            color: white;
        }

        .activate-section {
            position: fixed;
            bottom: 20px;
            right: 20px;
            color: #ccc;
            font-size: 0.9rem;
        }
        
        @media (max-width: 768px) {
            .main-title, .onetime-title {
                font-size: 2rem;
            }
            
            .plan-header {
                font-size: 1.5rem;
                padding: 15px;
            }
            
            .plan-item, .onetime-item {
                padding: 15px 20px;
            }
            
            .plan-duration, .video-option {
                font-size: 1rem;
            }
            
            .plan-price, .video-price {
                font-size: 1.2rem;
            }

            .action-buttons {
                flex-direction: column;
                align-items: center;
            }

            .btn-proceed, .btn-cancel {
                width: 200px;
            }

            .activate-section {
                position: static;
                text-align: center;
                margin-top: 30px;
            }
        }
    

        ________________________________


         
        body {
            background-color: #f8f9fa;
            padding: 20px 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .main-title {
            text-align: center;
            font-size: 2.2rem;
            font-weight: bold;
            margin-bottom: 0;
            color: #333;
        }
        
        .service-gradient {
            color: #8B5A9F;
        }
        
        .container-custom {
            max-width: 500px;
        }

        /* Timer Section */
        .timer-section {
            background: linear-gradient(135deg, #8B5A9F, #B4619C);
            color: white;
            padding: 20px;
            text-align: center;
            margin-bottom: 0;
            border-radius: 10px 10px 0 0;
                width: 40%;
        }

        .timer-text {
            font-size: 0.9rem;
            margin-bottom: 10px;
            opacity: 0.9;
        }

        .countdown {
            font-size: 2rem;
            font-weight: bold;
            letter-spacing: 2px;
        }

        .timer-labels {
            display: flex;
            justify-content: center;
            gap: 30px;
            font-size: 0.8rem;
            margin-top: 5px;
            opacity: 0.8;
        }

        /* Expiry Notice */
        .expiry-notice {
            background: rgba(139, 90, 159, 0.1);
            padding: 20px;
            text-align: center;
            border-radius: 0 0 10px 10px;
            margin-bottom: 30px;
                width: 40%;
        }

        .expiry-text {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.5;
            margin: 0;
        }

        /* Voucher Section */
        .voucher-section {
            background: white;
            border: 2px dashed #ddd;
            border-radius: 10px;
            padding: 25px;
            margin-bottom: 30px;
            position: relative;
            text-align: center;
                width: 40%;
        }

        .voucher-icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #ff6b6b, #ffa500);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .voucher-text {
            color: #666;
            font-size: 1rem;
            margin: 0;
            padding-right: 80px;
        }

        /* Payment Section */
        .payment-section {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
                width: 40%;
         }

         .payment-title-5{
                margin: 0px 0px 20px 130px;
         }

        .payment-title {
            font-size: 1.8rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
            text-align: left;
            margin: 0px 0px 15px 65px;
        }

        .payment-category {
            margin-bottom: 25px;
        }

        .category-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }

        .category-subtitle {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 15px;
        }

        .payment-option {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            background: #f8f9fa;
            border-radius: 10px;
            margin-bottom: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .payment-option:hover {
            background: #e9ecef;
        }

        .payment-option.selected {
            background: rgba(139, 90, 159, 0.1);
            border-color: #8B5A9F;
        }

        .payment-left {
            display: flex;
            align-items: center;
        }

        .payment-icon {
            width: 35px;
            height: 25px;
            margin-right: 15px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            font-weight: bold;
            color: white;
        }

        .visa-icon { background: #1a1f71; }
        .mastercard-icon { background: #eb001b; }
        .wallet-icon { background: #ffa500; }
        .phonepay-icon { background: #5f259f; }
        .paypal-icon { background: #0070ba; }
        .gpay-icon { background: #4285f4; }

        .payment-details {
            display: flex;
            flex-direction: column;
        }

        .payment-name {
            font-weight: 600;
            color: #333;
            font-size: 0.95rem;
        }

        .payment-info {
            font-size: 0.85rem;
            color: #666;
            margin-top: 2px;
        }

        .radio-btn {
            width: 20px;
            height: 20px;
            border: 2px solid #ddd;
            border-radius: 50%;
            position: relative;
            transition: all 0.3s ease;
        }

        .payment-option.selected .radio-btn {
            border-color: #8B5A9F;
            background: #8B5A9F;
        }

        .payment-option.selected .radio-btn::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 8px;
            background: white;
            border-radius: 50%;
        }

        /* Confirm Button */
        .confirm-btn {
            background: linear-gradient(135deg, #8B5A9F, #B4619C);
            border: none;
            padding: 15px;
            border-radius: 10px;
            color: white !important ;
            font-weight: 600;
            font-size: 1.1rem;
            width: 100%;
            margin-top: 25px;
            transition: all 0.3s ease;
        }

        .confirm-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(139, 90, 159, 0.3);
            color: white;
        }

        @media (max-width: 768px) {
            .main-title {
                font-size: 1.8rem;
            }
            
            .countdown {
                font-size: 1.7rem;
            }
            
            .timer-labels {
                gap: 20px;
            }
            
            .voucher-text {
                padding-right: 70px;
                font-size: 0.9rem;
            }
            
            .voucher-icon {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
            
            .payment-section {
                padding: 20px;
            }
            
            .payment-option {
                padding: 12px 15px;
            }
        }
    
        .mru.png{
            margin: 0px 0px -16px 0;
        }

        .mbg{
            background-color: #9C27B0; padding: 10px 0px 29px 0;
    margin: 27px -58px 0px -1px; color: #fff;
        }
        .mtb{
            background-color: #008000;
    padding: 15px 178px 20px 78px;
    color: #fff; margin: 0px 0px 0px -1px;
    text-align: center;
        }
        .rb{
            background-color: #ff964f;
    padding: 15px 178px 20px 78px;
    color: #fff; margin: 0px 0px 0px -1px;
    text-align: center;
        font-weight: bolder;
        }
        .pb{
            background-color: #FF0000;
    padding: 15px 178px 20px 78px;
    color: #fff; margin: 0px 0px 0px -1px;
    text-align: center;
        }
        .vb{
            background-color: #008000;
    padding: 15px 178px 20px 78px;
    color: #fff; margin: 0px 0px 0px -1px;
    text-align: center;
        }




    .production{margin-top: 48px !important;}
    .Genuine{margin: 0 0 30px 0px;}
    .prdcion{margin-top: 80PX !important;}
    .Benfits{margin-top: 48px !important;}
    .Discovery{margin-top: 48px !important;}
    .Youtube{margin-top: 48px !important;}
    .ptfrm{padding: 30px;}
    .tttt{padding: 48px 0px;}
    .Address{margin-top: 48px !important;}
    .Building{padding-left: 100px !important; }
    .fld-1{padding: 5px 10px;
    border-radius: 3px; opacity: 50%; margin: 0px 25px 0px 0px;}
    .Budget{margin-top: 20px; color:#992299; }
    .footer-in{margin-top: 48px !important;}
    .google{margin-top: 48px !important;}


    .top-navigation-section{margin-bottom: 24px !important;}
    .logo {padding: 24px 0px !important;}
    .stars{margin-top: 48px !important;}

    .OTP{margin: 25px 0 0 0;}
    .MPIN{margin: 10px -30px;}
    .Set{margin: 25px 0 0 0;}
    .star {margin: 0px 10px 10px 0px;}
    .star-1{opacity: 20%; border: 1px solid #0d0b0b; padding: 15px; border-radius: 10px; margin: 0px 15px;}
    .top-navigation-section{margin-bottom: 24px !important;}
    .logo-png{ margin: 24px 0px !important;}
    .calender{margin-top: 48px !important;}
    .categories{margin-top: 48px !important;}
    .varshini{margin-top: 48px !important;}
    .View{margin-top: 0px !important;}
    .Facebook{margin-top: 48px !important;}
    /* .breadcrumb{margin-bottom: 48px !important;} */
    /* .Female{margin-top: 48px !important;} */
    /* .View-More{margin-top: 48px !important;} */
    .mr{margin-top: 48px !important;}
    .social{margin-left: 30px !important;}
    .Book{margin: 16px 0px 0px -80px;}
    .tornpaper2{background-image: url("../images/tornpaper2.png");}
    .contact-her{border:1px solid #992299 !important; color: #992299;}
    .Book-Now-btn{ margin: 0px 0px 0px -80px;}
    .Instagram{margin: 48px 0px 0px 450px}
    .Popular{margin-top: 48px !important;}
    .Bookings{margin-top: 48px !important;}
    .Thakur{margin-top: 48px !important;}
    .View-Deiails{margin: 0px -50px 0 0;}
    .top-navigation-section{margin-bottom: 24px !important;}
.email-mobile{margin-top: 20p !important;}

.time{margin: auto !important; float: none !important;}
.brand{margin-top: 60px !important;}
.interested {margin: au !important;}
/* .footer{margin: 0px !important;} */
.logout-card{margin-bottom: 60px !important;}

    .new-img{
        position: relative;left: 100px;
    }

    .new-font{
            font-size: 180px;
    color: #992299;
    }

    .bg-ig-new{
        margin-bottom: 100px;
    }
    .View {
        padding-top: 30px;
    }
    
    .new-49{
        margin-right: 15px !important;
    }

    .new-margin{
        margin-bottom: 0px !important;
        margin-top: 50px !important;
    }

    .new-margin-1{
        margin-bottom: 0px !important;
        /* margin-top: 50px !important; */
    }
/* .new-1{
    margin-right: 10px;
} */


.spacing{
    margin-top: 60px;
}

.Plotform-m{
    margin-left: 60px !important;
}



.new-position{
    position: relative; top: 10px;
}

.dropdown {
  position: relative;
}

/* Style the dropdown button */


/* Dropdown content */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #992299 ;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 8px;
  
}

/* Links inside dropdown content */
.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  /* background-color: #f1f1f1 */
}

/* Show the dropdown content on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change background color of dropdown button on hover */
.dropdown:hover .dropbtn {
  
}







.breadcrumbs {
    display: inline-block;
  
    counter-reset: flag;
    color: black;
    box-shadow: 0 0 2px #aaa;
}

.breadcrumbs a {
    position: relative;
    float: left;
    padding-left: 38px;
    padding-right: 10px;
    text-decoration: none;
    line-height: 36px;
    color: black;
    background: white;
    transition: all 0.5s;
}

.breadcrumbs a::after {
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    z-index: 1;
    width: 36px;
    height: 36px;
    background: white;
    box-shadow: 1px 1px 0 1px #ddd;
    border-radius: 50px 0 0 0;
    transform: rotate(-45deg) scale(0.73);
    transition: all 0.5s;
}

.breadcrumbs a:hover,
.breadcrumbs a:hover::after,
.breadcrumbs a.active,
.breadcrumbs a.active::after{
    background: #992299;
    color: #fff;
}

/* .breadcrumbs a::before {
    content: counter(flag);
    counter-increment: flag;
    position: absolute;
    top: 8px;
    left: 30px !important;
    line-height: 20px;
    box-shadow: 0 0 2px #ccc;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
} */

.breadcrumbs a:first-child {
    padding-left: 20px;
}

.breadcrumbs a:first-child::before {
    left: 14px !important;
}



.influencers{
    position: relative; top: 4px;
}