html {overflow-x: hidden;}
body {    padding: 0;
    margin: 0;
    font-family: 'Barlow','Nunito Sans',sans-serif !important; }
	a {text-decoration:none;color:unset;}
div,h1,h2,h3,h4,p,i,a {position:relative;transition:0.4s;margin:unset;}

form,input,textarea,select {font-family:'Barlow','Nunito Sans',sans-serif !important;}
:root {
	--color:#848484;
	--color2:#64af35;
}
/*alerts */
div,h1,h2,h3,h4,p,i,a,footer {position:relative;transition:0.4s;}

input,select,textarea,button {font-family:'Barlow','Nunito Sans',sans-serif !important;}



.cd_title {    font-size: 2rem;
    font-weight: 500;
    padding: 2rem;}

.cd_prommo_video {    width: -webkit-fill-available;
    height: -webkit-fill-available;
    max-width: 800px;
    max-height: 500px;
    margin: 20px auto;
    display: block;}

.cd_hero1 {    display: grid;
    grid-template-columns: 50% 50%;
    align-items: anchor-center;}
	
	.cd_hero1:nth-child(2n+2) {
    background: #e6f0fe;
}

.cd_hero1 img{       width: -webkit-fill-available;
    margin: 10px;
    border-radius: 10px;}

.cd_hero_txt{        background: #e6f0fe;
    color: black;
    padding: 20px;
    border-radius: 20px;
    margin: 20px;
    text-align: center;}

.cd_dis {           white-space: pre-line;
    font-weight: 500;
    line-height: 1.5;}

.cd_mrp {        font-size: 20px;
    font-weight: 500;
    padding: 5px;
    text-decoration: line-through;
    color: gray;}

.cd_price {        font-size: 20px;
    font-weight: 600;
    padding: 5px;}


	.join_now {           width: fit-content;
    background: #0077ff;
    color: white;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    max-width: 500px;
    margin: 10px auto;}
	
	.join_now i {      border: 2px solid;
    width: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: anchor-center;
    border-radius: 200px;
    margin-left: 10px;}
	
	.join_now_fix_btn {             background: linear-gradient(45deg, #bb9010, #d59638);
    color: #ffffff;
    padding: 7px 4px;
    border-radius: 30px;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    z-index: 3;
    border: 2px solid;
    width: 90%;
    max-width: 400px;
    align-items: anchor-center;
    position: sticky;
    bottom: 10px;
    margin: 5px auto;}
	
	.join_now_fix_btn i {    width: 23px;
    border: 1px solid;
    padding: 7px;
    border-radius: 20px;}
	
	.offer_time {         width: -webkit-fill-available;
    max-width: 500px;
    margin: 5px auto;
    text-align: center;
    padding: 20px;
    border-radius: 10px;}
	
	.offer_time h3{          color: #000000;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    margin: 10px;
    font-weight: 400;}
	
	.offer_time .o_box {       width: fit-content;
    background: #0077ff;
    color: white;
    display: inline-grid;
    align-items: anchor-center;
    justify-content: center;
    font-size: 20px;
    padding: 9px 3px;
    border-radius: 10px;
    text-align: center;
    margin: 5px;
    min-width: 51px;}
	
	
	.offer_time .o_box > span{        font-size: 24px;
    font-weight: 500;}
	
	.offer_time .o_box > p{        font-size: 10px;
    margin: 7px;}