/********** Template CSS **********/
:root {
 --primary: #2124B1;
 --secondary: #4777F5;
 --light: #F7FAFF;
 --dark: #1D1D27;
}
/*** Spinner ***/
#spinner {
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease-out, visibility 0s linear .5s;
	z-index: 99999;
}
#spinner.show {
	transition: opacity .5s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}
.back-to-top {
	position: fixed;
	display: none;
	right: 45px;
	bottom: 45px;
	z-index: 99;
	background: linear-gradient(140deg, #ef3781 24.53%, #da3276 81.64%);
	color: #fff;
	font-weight: 600 !important;
}
/*** Heading ***/
h1, h2, h3, .fw-bold {
	font-weight: 700 !important;
}
h4, h5, h6, .fw-medium {
	font-weight: 500 !important;
}
/*** Button ***/
.btn {
	font-weight: 500;
	transition: .5s;
}
.btn-square {
	width: 38px;
	height: 38px;
}
.btn-sm-square {
	width: 32px;
	height: 32px;
}
.btn-lg-square {
	width: 48px;
	height: 48px;
}
.btn-square, .btn-sm-square, .btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
	border-radius: 50px;
}
.pnkbg {
	background: #071c37;
}
.purplbg {
	background: #071c37;
}
.purplbg .text-white {
	color: #fff !important;
}
.btn-navbar {
	background: linear-gradient(176deg, #ef3a87 24.53%, #e92e7f 81.64%);
	border-color: #be33ff;
	position: relative;
	right: 5%;
}
.btn-navbar:hover {
	background-color: #fd8b19;
	border-color: #fd8b19;
}
.bg-home {
	background: #071c37;
	background-size: 100% 100%;
	position: relative;
}
/*** Navbar ***/
.navbar-light .navbar-nav .nav-link {
	position: relative;
	margin-left: 25px;
	padding: 25px 0;
	color: #ffffff !important;
	font-weight: 500;
	outline: none;
	transition: .5s;
	text-transform: uppercase;/* letter-spacing: 1px; */
}
.sticky-top.navbar-light .navbar-nav .nav-link {
	padding: 15px 0;
	color: #ffffff !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {
	color: #ff78af !important;
	font-weight: 600;
	letter-spacing: 1px;
}
.navbar-light .navbar-brand h1 {
	color: #FFFFFF;
}
.navbar-light .navbar-brand img {
	max-height: 60px;
	transition: .5s;
}
.sticky-top.navbar-light .navbar-brand img {
	max-height: 45px;
}
.body-bg {
	background-color: #fff;
}
 @media (max-width: 991.98px) {
.sticky-top.navbar-light {
	position: relative;
	background: #FFFFFF;
}
.navbar-light .navbar-collapse {
	margin-top: 15px;
	border-top: 1px solid #DDDDDD;
}
.navbar-light .navbar-nav .nav-link,  .sticky-top.navbar-light .navbar-nav .nav-link {
	padding: 10px 0;
	margin-left: 0;
	color: #ffffff !important;
}
.navbar-light .navbar-brand h1 {
	color: var(--primary);
}
.navbar-light .navbar-brand img {
	max-height: 45px;
}
.navbar {
	z-index: 11;
	padding: 0 15px;
	background-color: #000000;
	border-bottom: 1px solid rgb(115 74 106 / 63%);
	display: flex;
	justify-content: flex-start;
}
.navbar-light .navbar-toggler {
	color: rgb(255 255 255);
	border-color: rgb(255 255 255);
}
}
 @media (min-width: 992px) {
.navbar-light {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #0000002b;
	border-bottom: 1px solid rgb(115 74 106 / 63%);
	z-index: 999;
}
.sticky-top.navbar-light {
	position: fixed;
	background: #000000;
	color: #fff;
}
.navbar-light .navbar-nav .nav-link::before {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	bottom: -1px;
	left: 50%;
	background: linear-gradient(140deg, #ef3983 24.53%, #ef3983 81.64%);
	transition: .5s;
}
.navbar-light .navbar-nav .nav-link:hover::before,  .navbar-light .navbar-nav .nav-link.active::before {
	width: 100%;
	left: 0;
}
.navbar-light .navbar-nav .nav-link.nav-contact::before {
	display: none;
}
.sticky-top.navbar-light .navbar-brand h1 {
	color: var(--primary);
}
}
/*** Hero Header ***/
.hero-header {
	background: url();
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
}
.hero-header-inner {
	background: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 85vh;
}
.home-video {
	position: absolute;
	top: 0%;
	left: 0%;
	min-width: 100%;
	height: 100vh !important;
	width: 100%;
	z-index: 0;
	background-size: cover;
	overflow: hidden;
	object-fit: cover;
}
/*  .hero-bg:after{    
    content: '';
position: absolute;
		background-color: #00000078;

width: 100%;
height: 100%;
top: 0px;

left: 0px;
z-index: 1;
}  
 */
.inner-video {
	position: absolute;
	top: 0%;
	left: 0%;
	min-width: 100%;
	height: 85vh !important;
	width: 100%;
	z-index: 0;
	background-size: cover;
	overflow: hidden;
	object-fit: cover;
}
  /*  .hero-bg:after{    
    content: '';
position: absolute;
		background-color: #00000078;

width: 100%;
height: 100%;
top: 0px;

left: 0px;
z-index: 1;
}  
 */
@media (max-width: 667px) {
.hero-header {
	height: 80vh;
}
.home-video {
	height: 90vh !important;
}
.inner-video {
	height: 74vh !important;
}
.hero-header-inner {
	height: 65.5vh;
}
.recon {
	width: 100%;
	margin-bottom: 13px;
	position: relative;
	left: 0px;
}
.logo {
	width: 320px !important;
	height: 320px !important;
	background: #fff !important;
}
.mainlogo {
	display: flex;
	height: calc(100vh - 230px) !important;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}
.mainlogo-inner {
	display: flex;
	/* height: calc(80vh - 350px) !important; */
	justify-content: center;
	flex-direction: column;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}
}
.hero-bg {
}
.banner-box {
	position: relative;
	z-index: 11;
}
.logo {
	position: relative;
	width: 35%;
	height: 80%;
	background-color: #fff;
	/* margin-top: 4%; */
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mainlogo {
	display: flex;
	height: calc(100vh - 140px);
	justify-content: center;
	flex-direction: column;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}
.mainlogo-inner {
	display: flex;
	/*  height: calc(80vh - 100px); */
	justify-content: center;
	flex-direction: column;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}
 @media (min-width: 768px) and (max-width: 1020px) {
.bg-home {
	background-size: cover;
}
.logo img {
	width: 100%;
}
.logo {
	width: 320px;
	height: 320px;
	margin-top: 0;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.p {
	font-size: 36px !important;
}
}
 @media (min-width: 1024px) and (max-width: 1200px) {
.logo {
	width: 320px;
	height: 320px;
	margin-top: 0;
	border-radius: 6%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.logo img {
	width: 100%;
}
.p {
	font-size: 36px !important;
}
.bg-home {
	background-size: cover;
}
.navbar-light .navbar-nav .nav-link {
	margin-left: 10px;
}
.tp-0 {
	padding: 5px 10px !important;
}
.mainlogo-inner {
	display: flex;
	/* height: calc(80vh - 120px); */
	justify-content: center;
	flex-direction: column;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}
}
 @media (max-width: 1400px) {
.p {
	font-size: 18px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 900;
}
.navbar-light .navbar-nav .nav-link {
	font-size: 14px;
}
.mt25 {
	margin-top: 15px;
}
.logo {
	width: 320px;
	height: 320px;
	/* margin-top: 4%; */
	border-radius: 6%;
	display: flex;
	flex-direction: column;
}
}
 @media (min-width: 1400px) {
.logo {
	width: 480px;
	height: 480px;
	/* margin-top: 4%; */
	border-radius: 6%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.p {
	font-size: 25px;
	line-height: 45px;
	text-transform: uppercase;
	font-weight: 900;
}
.mt25 {
	margin-top: 30px;
}
.logo img {
	width: 100%;
}
}
.logo img {
	padding: 20px;
}
.home-themetext {
	color: #fff;
	margin-top: 25px;
	text-transform: uppercase;
}
.event-date {
	border-bottom: 3px double #ff9933;
	border-top: 3px double #ff9933;
	border-left: 1px solid #ff9933;
	border-right: 1px solid #ff9933;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 5px 10px;
	background-color: #550d472e;
	border-radius: 5px;
}
/*** Section Title ***/
.section-title::before {
	content: "";
	position: absolute;
	background-image: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/line-light-black.png);
	bottom: -15px;
	height: 30px;
	width: 254px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	/* transform: translateX(-50%); */
	line-height: 1;
}
.purplbg .section-title::before {
	content: "";
	position: absolute;
	background-image: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/line-light-white.png);
	bottom: -15px;
	height: 30px;
	width: 254px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	/* transform: translateX(-50%); */
	line-height: 1;
}
/* .section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 4px;
    bottom: 0;
    left: 55%;
    background: #2a0a24;
} */
.section-title h1 {
	font-size: 36px;
	color: #000;
}
.section-title h2 {
	font-size: 36px;
	color: #000;
}
.section-title h2.who-can {
	color: #FFFFFF;
}
.contact-title {
	font-size: 24px;
	font-weight: 500 !important;
}
@media only screen and (max-width: 667px) {
.section-title h1 {
	font-size: 24px;
}
.section-title h2 {
	font-size: 24px;
}
.contact-title {
	font-size: 22px;
	font-weight: 400 !important;
}
}
.about-text {
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
.section-title h6::before, .section-title h6::after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 2px;
	left: 45%;
	background: rgba(33, 66, 177, .5);
}
.section-title h6::after {
	top: 5px;
	left: 45.3%;
}
/*** Service ***/
.service-bg {
	background-color: #130c02 !important;
}
.service-text {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.service-item {
	position: relative;
	min-height: 250px;
	padding: 30px 25px;
	background: #FFFFFF;
	box-shadow: 0 0 45px rgba(0, 0, 0, .08);
	transition: .5s;
}
.service-item:hover {
	background: var(--primary);
}
.service-item .service-icon {
	margin: 0 auto 20px auto;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--light);
	background: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/icon-shape-primary.png) center center no-repeat;
	transition: .5s;
}
.service-item:hover .service-icon {
	color: var(--primary);
	background: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/icon-shape-white.png);
}
.service-item h5, .service-item p {
	transition: .5s;
	color: #000;
}
.service-item:hover h5, .service-item:hover p {
	color: var(--light);
}
.service-item a.btn {
	position: relative;
	display: flex;
	color: var(--primary);
	transition: .5s;
	z-index: 1;
}
.service-item:hover a.btn {
	color: var(--primary);
}
.service-item a.btn::before {
	position: absolute;
	content: "";
	width: 35px;
	height: 35px;
	top: 0;
	left: 0;
	border-radius: 35px;
	background: #DDDDDD;
	transition: .5s;
	z-index: -1;
}
.service-item:hover a.btn::before {
	width: 100%;
	background: var(--light);
}
/*** Testimonial ***/
.newsletter, .testimonial {
	background: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/bg-top.png),  url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/bg-bottom.png);
	background-position: left top,  right bottom;
	background-repeat: no-repeat;
}
.testimonial-carousel .owl-item .testimonial-item, .testimonial-carousel .owl-item.center .testimonial-item * {
	transition: .5s;
}
.testimonial-carousel .owl-item.center .testimonial-item {
	background: var(--light) !important;
	border-color: var(--light);
}
.testimonial-carousel .owl-item.center .testimonial-item * {
	color: #888888;
}
.testimonial-carousel .owl-item.center .testimonial-item i {
	color: var(--primary) !important;
}
.testimonial-carousel .owl-item.center .testimonial-item h6 {
	color: var(--dark) !important;
}
/*** Team ***/
.team-item {
	position: relative;
	transition: .5s;
	z-index: 1;
}
.team-item::after {
	position: absolute;
	content: "";
	top: 3rem;
	right: 3rem;
	bottom: 0;
	left: 0;
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: 0 0 45px rgba(0, 0, 0, .1);
	transition: .5s;
	z-index: -1;
}
.team-item:hover::after {
	background: var(--primary);
}
.team-item h5, .team-item small {
	transition: .5s;
}
.team-item:hover h5, .team-item:hover small {
	color: var(--light);
}
/*** Project Portfolio ***/
#portfolio-flters .btn {
	position: relative;
	display: inline-block;
	margin: 10px 4px 0 4px;
	transition: .5s;
}
#portfolio-flters .btn::after {
	position: absolute;
	content: "";
	right: -1px;
	bottom: -1px;
	border-left: 20px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 50px solid #FFFFFF;
}
#portfolio-flters .btn:hover, #portfolio-flters .btn.active {
	color: var(--light);
	background: var(--primary);
}
.portfolio-overlay {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 30px;
	top: 0;
	left: 0;
	background: var(--primary);
	transition: .5s;
	z-index: 1;
	opacity: 0;
}
.portfolio-item:hover .portfolio-overlay {
	opacity: 1;
}
.portfolio-item .btn {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/icon-shape-white.png) center center no-repeat;
	border: none;
	transition: .5s;
	opacity: 0;
	z-index: 2;
}
.portfolio-item:hover .btn {
	opacity: 1;
	transition-delay: .15s;
}
/*** Footer ***/
.footer {
	background: url() center center no-repeat;
	background-size: contain;
}
.footer .btn.btn-social {
	margin-right: 5px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--light);
	border: 1px solid rgba(256, 256, 256, .1);
	border-radius: 40px;
	transition: .3s;
}
.footer .btn.btn-social:hover {
	color: var(--primary);
}
.footer .btn.btn-link {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	color: var(--light);
	font-weight: normal;
	transition: .3s;
}
.footer .btn.btn-link::before {
	position: relative;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}
.footer .btn.btn-link:hover {
	letter-spacing: 1px;
	box-shadow: none;
}
.footer .copyright {
	padding: 25px 0;
	font-size: 14px;
	border-top: 1px solid rgba(256, 256, 256, .1);
}
.footer .copyright a {
	color: var(--light);
}
.footer .footer-menu a {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid rgba(255, 255, 255, .1);
}
.footer .footer-menu a:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}



/*------------ categories ----------------- */

@keyframes content-opacity {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes content-rotate-y {
 from {
 -moz-transform: rotateY(90deg);
 -ms-transform: rotateY(90deg);
 -webkit-transform: rotateY(90deg);
 transform: rotateY(90deg);
}
to {
	opacity: 1;
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
}
 @keyframes content-rotate-x {
 from {
 -moz-transform: rotateX(90deg);
 -ms-transform: rotateX(90deg);
 -webkit-transform: rotateX(90deg);
 transform: rotateX(90deg);
}
to {
	opacity: 1;
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
}
 @keyframes content-rotate-both {
 from {
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 -moz-transform-origin: 0% 50% 50%;
 -ms-transform-origin: 0% 50% 50%;
 -webkit-transform-origin: 0% 50% 50%;
 transform-origin: 0% 50% 50%;
}
to {
	opacity: 1;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transform-origin: 0% 50% 50%;
	-ms-transform-origin: 0% 50% 50%;
	-webkit-transform-origin: 0% 50% 50%;
	transform-origin: 0% 50% 50%;
}
}
 @keyframes content-pop-out {
 0% {
 opacity: 1;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 opacity: 1;
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 opacity: 1;
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes content-pop-in {
 from {
 opacity: 1;
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
to {
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes content-slide-bot {
 from {
 top: 20px;
 opacity: 0;
}
to {
	top: 0px;
	opacity: 1;
}
}
 @keyframes content-slide-top {
 from {
 top: -20px;
 opacity: 0;
}
to {
	top: 0px;
	opacity: 1;
}
}
  /* used for wrapper animation after the load of the page */
  @keyframes show {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
.tabs-wrapper {
}
.tabs-wrapper input[type="radio"] {
	display: none;
}
.tabs-wrapper label {
	transition: background 0.4s ease-in-out, height 0.2s linear;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	width: 20%;
	height: 3em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #0f233d;
	text-align: center;
	line-height: 3em;
	text-transform: uppercase;
	font-weight: 500;
}
.tabs-wrapper label:last-of-type {
	border-bottom: none;
}
.tabs-wrapper label:hover {
	background: #667876;/*@include transform (translate(0,-0.2em));*/
}
@media screen and (max-width: 1600px) {
.tabs-wrapper label {
	width: auto;
	padding: 0px 13px;
}
}
@media screen and (max-width: 900px) {
.tabs-wrapper label {
	width: 20%;
}
}
@media screen and (max-width: 600px) {
.tabs-wrapper label {
	width: 100%;
	display: block;
	border-bottom: 2px solid #4d4c47;
	border-radius: 0;
}
}
@media screen and (max-width: 600px) {
.tabs-wrapper {
	margin: 0;
}
}
#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label, #tab5:checked + label {
	background: #ff9933;
	color: #f2f2f2;
}
.tab-body {
	position: absolute;
	top: -9999px;
	opacity: 0;
	padding: 10px;
}
.tab-body h1 {
	font-size: 24px;
	font-weight: 600;
	color: #0f233d;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
}
.tab-body h3 {
	font-size: 18px;
	font-weight: 500 !important;
	color: #000000;
}
.tab-body p {
	color: #000;
	border-bottom: 1px dotted #9f9f9f;
	padding-bottom: 15px;
}
.tab-body-wrapper {
	background: #f2f4f6;
	border-top: #ff9933 5px solid;
	border-left: 1px solid #ff9933;
	border-right: 1px solid #ff9933;
	border-bottom: 1px solid #ff9933;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	animation-delay: 0.2s;
	animation-duration: 1.5s;
	animation-name: show;
	animation-fill-mode: forwards;
}
@media screen and (max-width: 600px) {
.tab-body-wrapper {
	border: none;
	border-radius: 0;
}
}
#tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4, #tab5:checked ~ .tab-body-wrapper #tab-body-5 {
	position: relative;
	top: 0px;
	/* Choose one - modify .tab-body opacity to 1 if you don't want any animation or set opacity to 1 here */
  /* @include animation(0.2s,0.8s,content-rotate-y); */
  /* @include animation(0.2s,0.8s,content-rotate-both); */
	animation-delay: 0.1s;
	animation-duration: 0.4s;
	animation-name: content-slide-bot;
	animation-fill-mode: forwards;/* @include animation(0.1s,1s,content-slide-bot); */
}
.form-group {
	margin-bottom: 15px;
}
.form-group label {
	color: #000;
}
.form-group label .mendat {
	color: red;
}
.form-group .form-control {
	border-radius: 3px;
	border-color: #380f30;
	line-height: 2;
}
.form-control:disabled, .form-control:read-only {
 background-color: #ffffff;
 opacity: 1;
}
.form-group .form-check-input {
	border-color: #380f30;
}
.form-group p {
	color: #000;
}
.label-text {
	color: #000;
}
.view-entry td {
	color: #000;
}
.footer-page {
	color: #000;
}
.why-should {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	list-style: none;
	padding-left: 0;
}
.why-should li {
	font-size: 20px;
	color: #ffffff;
	width: 19%;
	margin: 1%;
	text-align: center;
	padding: 15px 10px;
	background-color: #071c37;
	border: 1px solid #401356;
	box-shadow: 0 0px 5px 0px;
	border-radius: 10px;
	align-content: center;/* min-height: 150px; */
}
 @media screen and (max-width: 667px) {
.why-should {
	display: block;
}
.why-should li {
	width: 95%;
	margin-bottom: 20px;
}
}
.who-will {
	border-radius: 10px;
	padding: 38px;
	margin-bottom: 25px;
	min-height: 110px;
}
.who-will .who-will-text {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
	line-height: 36px;
}
.box-c.rock-podcast-service-inner {
	background: #ffffff47;
}
.box-c {
	padding: 18px;
	background-color: #3f1253;
	margin-bottom: 15px;
}
.box-c .info-name {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}
.box-c .email a {
	color: #000;
	font-weight: 500;
	word-break: break-all;
}
.box-c .call {
	color: #000;
	font-weight: 500;
}
.footer-bg {
	background-color: #130d05;
}
#fixed-social {
	position: fixed;
	top: 33%;
	z-index: 99;
	right: 0px;
}
#fixed-social a {
	color: #fff;
	display: block;
	height: 40px;
	position: relative;
	text-align: center;
	line-height: 40px;
	width: 40px;
	margin-bottom: 1px;
	z-index: 2;
}
.fixed-twitter,  .fixed-linkedin,  .fixed-instagrem,  .fixed-facebook {
	background-color: #05709b;
}
.fixed-linkedin span {
	background-color: #0e76a8;
}
#fixed-social a span {
	line-height: 40px;
	right: 60px;
	position: absolute;
	text-align: center;
	width: 120px;
	visibility: hidden;
	transition-duration: 0.5s;
	z-index: 1;
	opacity: 0;
}
.fixed-twitter span {
	background-color: #00acee;
}
.fixed-linkedin span {
	background-color: #0e76a8;
}
.fixed-instagrem span {
	background-color: #ed2b29;
}
.fixed-facebook span {
	background-color: #3b5998;
}
.btn-holl {
	background: #05a9b1;
	border-color: #00f3ff;
	color: #ffffff;
}
.btn-holl:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.category-box {
	/* background-color: #fff6dd; */
	padding: 15px;
	/* border: 1px solid #f5e0a3; */
	/* box-shadow: 0 0 5px #f5e0a3; */
	border-radius: 10px;
	margin-bottom: 25px;
	min-height: 245px;
}
.category-box h5 {
	background: #fff;
	padding: 5px;
	color: #000;
}
.category-box p {
	margin-bottom: 0px;
}
.banner__rightinfo {
	right: 25px;
	gap: 100px;
	top: 50%;
	display: grid;
	position: absolute;
	transform: translateY(-50%);
	z-index: 1;
}
.banner__rightinfo .right__infoscroll {
	margin-bottom: 0
}
.banner__rightinfo .banner__xlsocial .banner__soci {
	gap: 14px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.banner__rightinfo .banner__xlsocial .banner__soci li a {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(140deg, #ef3781 24.53%, #ef3781 81.64%);
	display: flex;
	align-items: center;
	justify-content: center
}
.banner__rightinfo .banner__xlsocial .banner__soci li a i {
	color: #fff;
	transition: all .4s
}
.banner__rightinfo .banner__xlsocial .banner__soci li a:hover i {
	color: var(--base)
}
 @media (max-width: 1399px) {
.banner__rightinfo {
	margin-right: 0
}
.banner__rightinfo .banner__xlsocial .banner__soci {
	gap: 10px
}
.banner__rightinfo .banner__xlsocial .banner__soci li a {
	width: 38px;
	height: 38px
}
.banner__rightinfo .banner__xlsocial .banner__soci li a i {
	font-size: 14px
}
}
 @media (max-width: 991px) {
.banner__rightinfo {
	display: none
}
}
.right__infoscroll {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	transform: rotate(90deg);
 margin-bottom Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..  Widely available across major browsers (Baseline since January 2018) Learn more  Don't show : 200px;
}
.right__infoscroll .scroll {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.right__infoscroll .scroll__bar {
	transform: rotate(-90deg);
}
.right__infoscroll .scroll__bar img {
	width: 20px;
	object-fit: contain;
}
 @media only screen and (max-width: 700px) {
.p {
	font-size: 18px;
	line-height: 3.5rem;
	text-transform: uppercase;
	font-weight: 900;
}
.bg-home {
	background-size: cover;
}
}
.p1 {
	text-shadow: 1px 1px 1px black, -1px -1px 1px black;
	color: #ffffff;
}
.p2 {
	color: #fff;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	animation: text-animation 3s ease-in-out forwards alternate infinite;
	text-shadow: 1px 1px 1px black, -1px -1px 1px black;
}
.p3 {
	height: 20%;
	color: transparent;
}
 @keyframes text-animation {
 from {
 clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
to {
	clip-path: polygon(0 0, 0% 1%, 0% 100%, 0% 100%);
}
}
.cursor {
	position: absolute;
	top: 50%;
	height: 100%;
	width: 100%;
	transform: translate(0, -50%);
	border-right: 2px solid red;
	animation: cursor-animation 3s ease-in-out forwards alternate infinite;
}
 @keyframes cursor-animation {
 from {
 width: 100%;
}
to {
	width: 0;
}
}
/* Service Section CSS Start */
.rock-podcast-service-wrapper {
	background-image: url(https://storage.googleapis.com/e4mevents/pitch-cmo-summit-mumbai-2026/images/service-bg.jpg);
	position: relative;
}
.rock-podcast-service-box {
	position: relative;
}
.rock-podcast-service-box .rock-podcast-btn-effect {
	border-radius: 20px;
}
.rock-podcast-service-box .rock-podcast-btn-effect-inner {
	background: conic-gradient(from 290deg at 50%, #5f2d76, transparent 0%, #f13b85, #5e2c75 20%, #fff, transparent 25%);
	animation: button-effect var(--lqd-outline-glow-duration, 6s) linear infinite;
}
.rock-podcast-service-inner {
	background: rgba(255, 255, 255, 0.02);
	border-radius: 20px;
	padding: 40px 30px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.rock-podcast-service-icon > i {
	display: block;
	margin: auto;
	background: linear-gradient(140deg, #f03a84 24.53%, #602e77 81.64%);
	width: 65px;
	height: 65px;
	color: #fff;
	padding: 15px;
	border-radius: 50%;
}
.rock-podcast-service-box:hover .rock-podcast-service-icon > i {
	-webkit-animation-name: wobble-horizontal;
	animation-name: wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@keyframes wobble-horizontal {
 16.65% {
 -webkit-transform: translateX(8px);
 transform: translateX(8px);
}
 33.3% {
 -webkit-transform: translateX(-6px);
 transform: translateX(-6px);
}
 49.95% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
 66.6% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px);
}
 83.25% {
 -webkit-transform: translateX(1px);
 transform: translateX(1px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.rock-podcast-servi-head {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0 15px 0;
}
.rock-podcast-servi-head > span {
	width: 45px;
	margin: 0 15px;
	background: linear-gradient(108.39deg, rgba(159, 35, 193, 0.3) 24.53%, rgba(58, 83, 216, 0.3) 59.54%, rgba(19, 132, 204, 0.3) 81.64%);
	transition: all 0.3s;
}
.rock-podcast-servi-head h4 {
	font-size: 26px;
	font-weight: 400;
	transition: all 0.3s;
}
.rock-podcast-service-box:hover .rock-podcast-servi-head h4 {
	color: var(--primary-color);
}
.rock-podcast-service-box:hover .rock-podcast-servi-head > span {
	background: linear-gradient(108.39deg, #9F23C1 24.53%, #3A53D8 59.54%, #1384CC 81.64%);
}
/* Service Section CSS End */

/* Gradient Line */
.rock-podcast-gradient-line::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
	border: 2px solid transparent;
	background: linear-gradient(180deg, rgba(159, 35, 193, 0.3) 0%, rgba(19, 132, 204, 0.3) 100%) border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	z-index: -1;
}
/* Gradient Line */
/* Buttton CSS Start */
.rock-podcast-btn {
	min-height: 42px;
	min-width: 150px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
	text-transform: uppercase;
	background: linear-gradient(140deg, #9F23C1 24.53%, rgb(58, 83, 216) 59.54%, #1384CC 81.64%);
	border-radius: 60px;
	position: relative;
	overflow: hidden;
	z-index: 9;
	transition: all 0.3s;
}
.rock-podcast-btn .rock-podcast-btn-text {
	position: relative;
	pointer-events: none;
}
.rock-podcast-btn::before {
	content: '';
	position: absolute;
 --size: 0px;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle at center, rgba(255, 255, 255,.8) 0, rgba(140, 100, 255,0) 50%) no-repeat;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: width .6s ease, height .6s ease;
}
.rock-podcast-btn:hover {
	text-transform: uppercase;
}
.rock-podcast-btn:hover::before {
 --size: 120px;
}
.rock-podcast-btn-effect {
	inset: calc(1px);
	padding: 2px;
	background: var(--lqd-outline-glow-color-secondary, transparent);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	position: absolute;
	display: inline-block;
	border-radius: 50px;
	overflow: hidden;
}
.rock-podcast-btn-effect-inner {
	background: conic-gradient(from 290deg at 50%, var(--lqd-outline-glow-color-secondary, transparent) 0%, var(--lqd-outline-glow-color, #fff) 20%, var(--lqd-outline-glow-color-secondary, transparent) 25%);
	animation: button-effect var(--lqd-outline-glow-duration, 3s) linear infinite;
	display: inline-block;
	padding: 1px;
	border-radius: 50px;
	inset-inline-start: 50%;
	top: 50%;
	aspect-ratio: 1/1;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	overflow: hidden;
}
@keyframes button-effect {
 0% {
 transform: translate(-88%, -50%) rotate(0deg)
}
 33% {
 transform: translate(-12%, -50%) rotate(0deg)
}
 50% {
 transform: translate(-12%, -50%) rotate(180deg)
}
 83% {
 transform: translate(-88%, -50%) rotate(180deg)
}
to {
	transform: translate(-88%, -50%) rotate(360deg)
}
}
/* Buttton CSS End*/
.footer-page .heading {
	color: #ffffff;
}
.owl-carousel .owl-item img {
	border-radius: 15px;
	border: 5px solid #181004;
}
.footer-contact-bg {
	background-color: #fff;
}
.paymennt .label-text, .paymennt .text-text {
	color: #fff;
}
.qty .plus {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	color: white;
	width: 30px;
	height: 30px;
	font: 30px / 1 Arial, sans-serif;
	text-align: center;
	border-radius: 50%;
}
.qty .minus {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	color: white;
	width: 30px;
	height: 30px;
	font: 30px / 1 Arial, sans-serif;
	text-align: center;
	border-radius: 50%;
	background-clip: padding-box;
}
.gold, .platinum {
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding: 5px 0px;
	background: #000000;
}
.offer-price {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	font-weight: 500;
	padding: 8px 0px;
	background: #322f31;
}
.gett-acces {
	width: 100%;
	margin-top: 10px;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	background-color: #dbdbdb;
	line-height: 36px;
	text-align: center;
}
.gett-points {
	width: 100%;
	list-style: none;
	margin-top: 10px;
	color: #000;
	text-align: center;
	background: #fff;
}
.offer-detail {
	background-color: #ccfbff;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.paymennt .label-text, .paymennt .text-text {
	color: #000;
}
.table-striped td {
	color: #000;
}