@charset "UTF-8";
*, *::before, *::after{box-sizing:border-box;}
*{margin:0; padding:0; text-decoration:none;list-style:none;}
body, html{overflow-x: hidden; height: auto; min-height: 100%;}
html{font-size:10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{font-family:"Lato", sans-serif; font-size:1.4rem;  font-weight:400; color:#000;}
img{width:100%;border:none; height:auto; display:block;}
input, select, textarea{font-family:"Lato", sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
h1,h2,h3,h4,h5,h6{font-family:'Philosopher', sans-serif; font-weight:700}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:#999}
select:invalid{color:#999}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none; color:var(--bgPrimary); font-weight:500}
button{cursor:pointer;}
.mrg_4{margin-bottom:4rem;}
.blink-hard{animation: blinker 1s step-end infinite;}
@keyframes blinker{50%{color:black;}}

body{position:relative;background:url('../images/bodybgNew.jpg') no-repeat fixed top; background-size:cover 100rem; width:100%; padding:2rem 0 10rem; }
.pageContainer{padding:0 2rem;}	
main{color:#fff; font-size:2rem;}
.section{padding:3rem 0; max-width: 100%; overflow: hidden; margin:0}

.header_mid_wrapper{display:flex; flex-direction:column; align-items:center; gap:2rem;}
.logo{width:12rem; padding:1.6rem; background: rgba(255, 255, 255, 0.9); border-radius:100%;}
.btn_link{background:linear-gradient(to right,#190a05,#870000); font-size:1.6rem; padding:1rem 3rem; border-radius:0.5rem; display:flex; margin:auto; text-align:center;}
.btn_link a{color: rgba(255,255,255,0.9);}
.animate_pulse{animation:beat .5s infinite alternate;transform-origin:center;}
@keyframes beat{
	to { transform: scale(1.2); }
}
.btn_link a:nth-of-type(2){display: none;}

.grid_2_1, .grid_1_1, .grid_full_width{display:grid; gap:2rem; overflow: hidden; grid-template-columns: 1fr; max-width: 100%; /* Stacks items vertically */}
.profile_photo{position:relative; max-width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.profile_photo .pp_bg{width: 80%; max-width: 150px; /* Prevent overflow */animation: spin 12s infinite linear;display:inline-block;filter: drop-shadow(0px 0px 5px #ffeb00);}
.profile_photo .pp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%; border-radius:100%;background:linear-gradient(90deg, #b60807, #ffb600);max-width: 120px;}
@keyframes spin{
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}   
}

.s1_content{display:flex; flex-direction:column; gap:2rem; line-height:3rem;}
h1, h2{font-size:3rem; line-height:4rem; text-align:center; color:#ef9d0f;}
.s1_content span{font-size:1.6rem; line-height:3rem;}

.cta_button{background: linear-gradient(to right, #f12711, #f5af19); border-radius:1rem; font-size:2rem; color:#fff; padding:1rem 2rem; text-align:center; position:fixed; bottom:2rem; left:50%; transform:translateX(-50%); z-index:9; cursor:pointer; display:none; min-width:28rem;}

s{color:red;text-decoration: line-through; font-size:3rem; font-weight:700;font-family:'Philosopher', sans-serif; }
.urgency_badge{font-family:'Philosopher', sans-serif; border-top:2px solid #fff; border-bottom:2px solid #fff;background:transparent; font-size:3rem;	text-align:center; padding:2rem; margin-bottom:2rem;}
ul{display:flex; flex-direction:column; gap:5rem; font-weight:400; font-size:2rem; width:90%; margin-bottom:4rem;}
ul li{position:relative; padding-left:5rem;}
ul li i{position:absolute; top:0.5rem; left:0; color:#ef9d0f;}
ul li strong{color:#ef9d0f;}

.lead_form{border-radius:1rem; background:rgba(255,255,255,0.8); color:#000; padding:2rem;}
.form_heading_txt{font-family:'Philosopher', sans-serif; font-size:2.5rem; line-height:4rem; text-align:center; color:#f12811; border-bottom:1px solid #f12811; margin:auto; margin-bottom:2rem;}
.lead_form_field{display:grid; grid-template-columns:1fr 2fr; gap:2rem; margin-bottom:1.6rem; font-size:1.4rem; align-items:center;}
.txt_box{background:#fff; padding:0.5rem 1rem; border:none; font-size:1.6rem; color:#555;}
.lead_submit{background: linear-gradient(to right, #f12711, #f5af19); color:#fff; border-radius:1rem; font-size:1.6rem; text-align:center; padding:1rem 2rem; display:flex; width:max-content;margin:auto; border:none; outline:none;}

.bgOne{background:rgba(0,0,0,0.5); padding:2rem; line-height:3rem; display:flex; flex-direction:column; gap:3rem;}

.timeline{display:flex; flex-direction:column;}
.timeline-content{background: linear-gradient(to right, #f09819, #ff512f); padding:2rem;border-radius:0.5rem;color:#fff; line-height:3.5rem;}
.alt{background: linear-gradient(to right, #ff512f, #f09819);}
.timeline-component{margin:0 0 2rem}

.s5_box{background:rgba(0,0,0,0.5); padding:2rem; line-height:3rem; text-align:center; display:flex; flex-direction:column; gap:1rem; align-self: start; font-size:1.6rem; font-weight:300}
.s5_box img{margin:auto; width:7rem; height:7rem;}
.s5_box_title{font-family:'Philosopher', sans-serif; font-size:2rem; font-weight:600; line-height:4rem;}

.section_7{background: linear-gradient(to right, #f09819, #ff512f); border-radius:1rem; padding:2rem; overflow:hidden; overflow-x:scroll; color:#fff;}
.section_7 table{width:70rem; border-collapse:collapse;}
.section_7 table th, .section_7 table td{padding:2rem;border-collapse:collapse; border:1px solid #fff; text-align:center;}
.section_7 table th{background:rgba(0,0,0,0.5);}
.section_7 table td:first-child{font-weight:600; color:#000;}
.section_7 table td i{font-size:3rem;color:red;}
.section_7 table td i.fa-check{color:green;}
.flex_row{display:flex; align-items:center; gap:1rem; justify-content:center;}

.final_badge{font-family:'Philosopher', sans-serif; border-top:2px solid #fff; border-bottom:2px solid #fff;background:transparent; font-size:3rem;	text-align:center; padding:2rem; line-height:4.5rem;}

.swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}
.swiper-slide{text-align:center;border-radius:4rem;padding:3rem 2.3rem;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;flex-direction:column}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper.testimonial-wrapper{padding-top:5.9rem;padding-bottom:6rem}
.testimonial-items .testimonial-text{color:var(--white-text-white);text-align:center;font-size:2rem; line-height:3rem;max-width:330px;margin-bottom:4rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:3}
.testimonial-items .testimonial-title{color:var(--white-text-white);text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem;position:relative}
.testimonial-items .testimonial-title::before{content:"";position:absolute;left:-23px;top:9px;width:20px;height:1px;background-color:var(--white-text-white)}
.testimonial-img{position:relative;width:100px;height:100px;height:70px}
.testimonial-img img{content:"";position:absolute;left:50%;top:-50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;}

.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,15px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,15px));background:#eee;}
.swiper-pagination-bullet-active{background:#ff522f;}
.review-stars{display:flex; align-items:center; justify-content:center; color:yellow; gap:0.5rem;}
.u_badge{font-family:'Philosopher', sans-serif; background:transparent; font-size:3rem; text-align:center; padding:2rem; line-height:5rem;}
 .timer-badge{font-family:'Lato', sans-serif; background-color:#ff5722;color: white;padding:1rem 2rem;font-size:3rem;font-weight:600;border-radius:2rem;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.2); width:28rem; margin:auto; letter-spacing:5px;}
 .countdownTimer{text-align:center;}

 .bottom{display:grid; gap:5rem; margin-bottom:5rem;}
 .bottom_box{display:flex; flex-direction:column; gap:1rem; align-items:center; text-align:center;}
 .bottom_box p{font-size:2rem; color:yellow}
 .bottom_box img{width:10rem; margin:auto;}

footer{padding:2rem; display:grid; gap:2rem; background:rgba(0,0,0,0.9); overflow:hidden; margin:0; position: relative;}
.flinks{display:flex; flex-direction:column;gap:1rem;}
.fTxt{text-align:center;}
footer ul{gap:1rem; font-size:1.6rem; display:flex; flex-wrap:wrap; align-items:center; margin:0;}
footer li{padding:0;}

/*==================
 RESPONSIVE DESIGN
====================*/
@media (min-width:480px) {
	.header_mid_wrapper{flex-direction:row; justify-content:space-between;}
	footer ul{display:flex; flex-direction:row; align-items:center; margin:0; padding:0; width:auto;}
	footer ul li{margin:0; padding:0}
}
@media (min-width:768px) {
	.timeline{display:grid;grid-template-columns:1fr 3px 1fr}
	.timeline-middle{position:relative;background-image:linear-gradient(45deg,#F27121,#E94057,#8A2387);width:3px;height:100%}
	.main-middle{opacity:0}
	.timeline-circle{position:absolute;top:0;left:50%;width:15px;height:15px;border-radius:50%;background-image:linear-gradient(45deg,#F27121,#E94057,#8A2387);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
	.section_7{overflow:hidden;}
	.section_7 table{width:100%;}
	.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,24px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,24px))}
	.section-title::before,.section-title::after{width:141px}
	.timeline-component{margin:0 2rem 2rem}

	.bottom{grid-template-columns:1fr 1fr 1fr; gap:1rem;}
	.bottom_box{align-self:start;}	
}
@media (min-width:1024px) {
	.logo{width:10rem; margin:0}
	.btn_link{font-size:2rem; padding:2rem 6rem;}
	.btn_link a:nth-of-type(1){display: none;}
	.btn_link a:nth-of-type(2){display:block;}
	.grid_2_1, .grid_1_1{grid-template-columns:1fr 1fr}
	.flinks{display:flex; justify-content:space-between; align-items:center; gap:2rem; flex-direction:row;}
	.fTxt{text-align:right;}
}
@media (min-width:1280px) {
		.pd_4{padding-top:4rem;}
		.section{padding:5rem 0}
		.pageContainer{padding:0 4rem;}	
		.grid_2_1{grid-template-columns:2fr 1fr}
		.s1_content{background:rgba(0,0,0,0.5);gap:3rem; padding:3rem; line-height:4rem;}
		h1, h2{font-size:5rem; line-height:6rem;}
		.s1_content span{font-size:1.8rem; line-height:4rem;}
		.cta_button{font-size:3rem; width:max-content; bottom:10rem;}
		.profile_photo .pp_bg{max-width: 40rem;}
		.profile_photo .pp{border-radius:0px;background:transparent;background-size:100%; top:26rem; left:50%; width:50rem; max-width: 40rem;}

		ul{font-size:3rem; font-weight:300}
		.lead_form_field{font-size:1.6rem;}

		.bgOne{padding:4rem; line-height:4rem; font-size:3rem;}
		.final_badge{font-size:4rem; padding:3rem; line-height:5.5rem;}
		.u_badge{font-size:5rem; line-height:7rem; font-weight:600; padding-bottom:7rem;}
		.timer-badge{padding:1rem 2rem;font-size:3rem;width:30rem; font-weight:400}
		.bottom{padding:5rem 0; border-top:3px ridge #ff522f; }
		.bottom_box{align-self:start; gap:3rem;}
		.bottom p{font-size:3rem; font-weight:300}

		footer{position:fixed; width:100%; bottom:0; left:0; padding:2rem 4rem;}
		.timer{font-size:3rem; width:max-content; margin:0 auto 4rem;}

}
@media (min-width: 1360px) {
		.pageContainer{padding:0 6rem;}	
		.grid_2_1, .grid_1_1{gap:5rem;}
		.profile_photo .pp{top:21rem;}
}


@media (min-width: 1600px) {
		.profile_photo .pp{top:24rem;}
}

.timer{display:flex; gap:1rem; align-items:center; border:1px solid #fff; padding:1rem; border-radius:1rem;}