
/************************************Start******************************************/
.up_card {
	background-repeat:no-repeat;
	background-size:cover;
	color: #fff;
	margin-top:50px;
	padding-bottom: 100px;
	    padding-top: 25px;


}
.up_card   .overlay {
	padding: 60px 0;
}
.up_card :is(h2,h3) {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.pricing-card {
	background: #ffffff;
	border-radius: 10px;
	padding: 30px 20px;
	margin-bottom: 0px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
	height: 100%;
	position: relative;
	border: 1px solid gray;
	margin-top:20px;
}
.pricing-card h5 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.price {
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	margin: 15px 0;
}
.pricing-details{
	color: #000000;
}
.btn-register {
	background: #8F173B;
	color: #fff;
	padding: 12px;
	border-radius: 6px;
	margin-top: 15px;
	font-weight: bold;
	font-size:16px;
	transition: 0.3s;
	border: 2px solid var(--pink);
	position: relative;
}
.btn-register:hover {
	background: transparent;
	color: black;
	border: 2px solid var(--pink);
}
.btn-register::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	width: 100%;
	height: 1px;
	background: #ccc; /* gray line */
}
.up_card :is(ul,ol) {
	list-style: none;
	padding: 0;

	margin-top: 50px;
}
.up_card .price p{
	font-size:26px;
}
.up_card :is(ul,ol) li {
	margin-bottom: 10px;
	text-align:left;
	font-size:16px;
	position: relative;
}
.up_card :is(ul,ol) li::before {
	content: url('./images/arrow.svg'); /* apna arrow icon */
	position: absolute;
	left: 0;
	top: 2px; /* thoda adjust for alignment */
	width: 16px;
	height: 16px;
}
.pricing_sec_heading h2 {
	text-align: center;
	font-size: 139px;
	font-weight: 900;
	z-index: 2;
	text-transform: uppercase;
	position: relative;
	-webkit-text-stroke: 2px #fff;
	font-family: var(--secondary);
	line-height: 1;
	margin-bottom: -100px;
}
.up_card .overlay::before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000000ab;
	content: "";
	z-index: 0;
}
.up_card .overlay {
	position: relative;
}
.up_card .overlay * {
	z-index: 1;
	position: relative;
}

@media (max-width: 767.98px){

	.pricing-card.text-center p {
		text-align: start;
	}
	.row.justify-content-center.py-5 {
		gap: 20px;
	}
	.pricing-card.text-center h5 {
		text-align: start;
	}
	.price {
		text-align: start;
	}
	.pricing_sec_heading h2 {
		font-size: 50px;
	}
}

/***********************************end********************************************/
.pricing-details li{
	list-style: none;
    font-size: 17px;
    text-align: start;
}
.up_card .overlay .pricing_sec_heading{
	text-align: center;
}
.up_card .overlay .pricing_sec_heading p{
	font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.pricing_sec_heading p{
	text-align: center;
    padding-top: 50px;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}
.pricing-details li{
	    display: flex;
    align-items: center;
    gap: 5px;
}
.pricing-details li img{
	width: 28px;
}
.pricing-details li p{
	margin-bottom: 0px;
    font-size: 15px;
}



.up_card video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.blur-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.page-id-2656 .theme_objectives {
  margin-top: 0px;
}

/* =================================OUR OFFICE============================== */
.office-modal {
    display: none;
    position: fixed;
    left:0; top:0;
    width:100%; height:100%;
    background: linear-gradient(135deg, rgba(0,0,0,0.9), rgba(0,0,50,0.85));
    justify-content:center; align-items:center;
    z-index:99999;
}

.office-modal-box {
    background: #ffffff;
    color: #000000;
    padding: 30px;
    max-width: 500px;
    width:92%;
    border-radius:14px;
    box-shadow:0 0 25px rgba(0,0,0,0.6);
    position:relative; text-align:center;
    transform:scale(0.5);
    opacity:1;
    animation:bounceIn 0.5s forwards;
}
.office-modal-box strong{
	font-size: 28px;
}
.office-modal-box button{
	color: white;
    background-color: #8F173B;
	transition: all 0.5s ease;
}
.office-modal-box .btn-fields button{
	border: none;
    padding: 7px 30px;
    margin-top: 23px;
    border-radius: 8px;
   
}
.office-modal-box button:hover{
	color: #8F173B;
    background-color: #ffffff;
	border: 1px solid #8F173B;
	transition: all 0.3s ease;
}
.office-close { position:absolute; top:10px; right:10px; background:#fff; color:#0056b3; border:none; font-size:24px; cursor:pointer; width:32px; height:32px; border-radius:50%; font-weight:bold; line-height:28px; }

.heading-code.fade-lr { animation: fadeLR 0.6s ease forwards; }

.social-icons {
    display:flex;
    gap:12px;
    justify-content:center;
    opacity:0;
    transform:translateX(-20px);
    transition: all 0.5s ease;
    margin-top:15px;
}

.social-icons.show { opacity:1; transform:translateX(0); }

.social-icons a {
    width:36px; height:36px;
    display:flex; align-items:center; justify-content:center;
    border-radius:6px;
    transition:0.3s;
}


.social-icons a.fb{
    background: #1670e4;
    color: white;
}
.social-icons a.ig{
background: linear-gradient(#F58529, #DD2A7B, #8134AF, #515BD4);
    color: white;
}
.social-icons a.li{
    background-color: #0A66C2;
    color: white;
}
.social-icons a.mail{
    background-color: #9e5148;
    color: white;
	margin-left: 0px;
}
.social-icons a.wa{
    background: #00b142;
    color: white;

}
@keyframes bounceIn { 0%{transform:scale(0.5);opacity:0;} 60%{transform:scale(1.1);opacity:1;} 80%{transform:scale(0.95);} 100%{transform:scale(1);} }
@keyframes fadeLR { 0%{opacity:0; transform:translateX(-20px);} 100%{opacity:1; transform:translateX(0);} }
