/* index.css starte */

.index_main_container{
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #F2F2F2;
}
.home_bodycontent_input_details{
     left: 0px;
     top: 0px;
     font-family:"Heebo-bold";
     font-size: 32px;
     font-style: normal;
     font-weight: 700;
     line-height: 47px;
     letter-spacing: 0px;
     text-align: left;
}
.terms_priv, .terms_priv:hover, .terms_priv:active, .terms_priv:focus{
     color:#FFFFFF !important;
}
.CommonFooter_fonts {
     font-family: 'Heebo-Regular';
 }
.spin-normal {
     font-size: 40px;
     height: 40px;
     width: 40px;
}
.spin-small {
     font-size: 20px;
     height: 20px;
     width: 20px;
}

.OfferOverlayOne{
     position:fixed;
     *position:absolute;
     top:0px;
     left:0px;
     background-color:#FFF;
     opacity:.3;
     filter:alpha(opacity=80);
     -moz-opacity: 0.80;
     z-index:1055;
     width:100% !important; 
     height:100% !important;
}
.OfferOverlayOneImg{
     position:fixed;
     z-index: 1100;
     top:50%;
     left:50%;
     margin:-100px 0 0 -100px;
} 

.spin-big {
     font-size: 60px !important;
     height: 60px;
     width: 60px;
}
.optionclosepop{
     width: 16px;
    height: 16px;
    right: 0px;

    cursor: pointer;
}

.card__padding {
     padding: 25px 55px 1px 55px;
}


.list_label{
     float: left;
     font-family: "Heebo-bold";
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: 35px;
     letter-spacing: 0px;
     text-align: left;
}

.index_setting_option_button{
     border: none;
     color: #508AFF;
     background:none;
     font-family:"Heebo-bold";
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
}
.index_setting_button{
     width:61%;
     height:100%;
     margin-right:-35px;
     margin-top:3px;
}
.index_back_button_image
{
     width: 40px;
     margin-left: -15px;
     margin-top: -7px;   
 }
.backBtn{
     position: absolute;
     top: 39px;
     left: -31px;
}

.index_back_button{
     border: none;
     background: none;    
     border-radius: 0px;
} 
.CreateList_button{
     
     background: #007AFF;
     border-radius: 4px;
}
.btn:hover{
     color : #FFFFFF;     
}
.CreateBtn{
     color : #FFFFFF;
     width: 100%;
     font-family:"Heebo-bold";
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: 21px;
     letter-spacing: 1px;
     text-align: center;
}

.input_form{
     border: none;
     border: 1px solid #D4D7E0;
     border-radius:4px;
     font-weight:500;
     font-family:"Heebo-bold" ;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     letter-spacing: 0px;
     text-align: left;
}

.index_input_field{
     margin:15px 0px 0px 0px;
     position:relative;
     width:100%;
}

.index_option
{
     font-family: "Heebo-bold";
     font-size: 16px;
     color: #007AFF;
     font-style: nomal;
     font-weight: 700;
     line-height: 0;
     letter-spacing: 0px;
     text-align: left;
     left: 62%;
     right: 0%;
}

.label_form{
    
     font-family: "Heebo-Regular";
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 21px;
     letter-spacing: 0px;
     text-align: left;
}
.input_style{
     font-family: "Heebo-Medium";
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 23px;
     display: flex;
     align-items: center;     
     color: #23405E;     
}

.toggle_lable_contents{
     padding:0px;
     font-size:13px;
     font-weight:400;
}
.input-group {
     position:relative;
     border-collapse: collapse;
 }
 .input_btn_group{
      position: relative;
      font-size:20px;
      color: #3478F6;
      font-family: "IBMPlexSans-Medium";
      position: absolute;
      z-index: 1000;
 }
 .index_offer_input_button{
     width:37px !important;
     background-color:white;
     border:2px solid #007AFF;
     color:#007AFF;
     height: 40px;
     border-top-left-radius:5px;
     border-bottom-left-radius:5px;
     border-top-right-radius:0px;
     border-bottom-right-radius:0px;
 }
 .index_input_button{
     width:37px !important;
     background: #F6F6F6;
     height: 40px;
     border:1px solid #D4D7E0;
     border-radius: 0px;
     margin-left: -4px;
     /* border-top-left-radius:0px;
     border-bottom-left-radius:0px;
     border-top-right-radius:5px;
     border-bottom-right-radius:5px; */
 }
 .index_offer_dollar_button{
     opacity:0.6;
     border:none;
     color:black;
     height:37px;
     font-size:100%;
     margin-left:-4px;
     margin-right:-2px;
     width:33px !important;
}
.offers_info_dropbox{
     width:94%;
     height:37px;
     background-color:white;
     border:1px solid #D4D7E0;
     padding:0px 10px;
     font-weight:500;
     font-size:80%;
     border-radius:5px;
 }
 .form_editor_inputfield{
     width:85%;
     border-collapse: collapse;
     border: none;
     border: 1px solid #D4D7E0;
     border-radius:5px;
     padding: 8px 10px;
     font-size:80%;
     font-weight:700;
 }
 .form_editor_inputfield:focus{
     outline-color: #007AFF;
 }


.bodycontent_input_form{
     width:95%;
}
.index_form_editor_dol_input{
     position: relative;
     font-family:"Heebo-bold" ;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     right:0px; 
     padding-left:40px;
     border-radius:4px;


}
.index_form_editor_per_input{
     position: relative;
     padding-left:75px !important;
     font-family:"Heebo-bold" ;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     right:0px; 
     border-radius:4px;
     height: 37px;
     border: 1px solid #D4D7E0;
}

.dot_icon{
     position: absolute;
     right:13%;
     top:33px;
     z-index:1000;
}
::placeholder {
     color:#9e9e9e;
}

select:focus{
     outline:none;
}

.landing_info_select{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: url("../images/dropdown_icon.png");
     background-repeat:no-repeat;
     background-position: 98%;
     background-size: 25px;
}
.payment_info_select{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: url("../images/payment_down.png");
     background-repeat:no-repeat;
     background-position: 95%;
     background-size: 15px;
}
/* .landing_info_select:active{
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAIBAMAAAA7P9P/AAAAGFBMVEUAAABtkv9Ri/9Riv9Qiv9Ri/9Qi/9Qiv965io3AAAAB3RSTlMAB6CqtcTFnZ2kmQAAADNJREFUCNdjYGBgVBJgAAGRckcQxejuUgISECkRdHcEcR2BTAEwBrHNQYpEihmCQWoYzQDQgwcMS+aVpwAAAABJRU5ErkJggg==");
     background-repeat: no-repeat;
     background-position: 94%;
     background-size: 14px;
} */

/************** Homepage ***************/


.home_container{
     /* background-color: #FFF; */
     background-color: #eeeeee;
     width: 100%;
     padding: 0;
     max-width: 1440px;
}
.home_page_con{
     float: unset;
     margin: auto;
     display: flex;
     height: 399px;
     /* top: 90px; */
     /* align-items: center; */
}
.home_one_div {
     display: inline-block;
     margin-top: 150px;
}
.home_one{
     width: 427px;
     height: 142px;
     /* margin-left: 100px; */
     /* top: 229px;      */
     font-family: Heebo-Bold;
     font-size: 48px;
     line-height: 70px;     
     color: #000000;
     padding: 0;
}
.home_one_main{
     /* width: 40%;
     margin-left: 9%; */
     width: 45%;
     margin-left: 5%;
     margin-top: 4%;
}
.home_one_cont {
     width: 330px;
     height: 52px;
     font-family: Heebo-Regular;
     margin-bottom: 40px;
     margin-top: 40px;
 
     font-size: 18px;
     line-height: 26px;

     color: #000000;
}
.home_vid{
     /* display: block;
     margin-left: auto;
     filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.20387)); */
     width: 60%;
    
}
#offerbox_video{
     width: 90%;
}
.home_vid_bg{
     position: absolute;
     width: 423px;
     height: 624px;
     left: 430.49px;
     /* top: 448.38px; */
     /* top: 5.38px; */
     z-index: -1;
     
     background: #F5F6F8;
     border-radius: 18px;
     transform: rotate(-45deg)
}
.home_mail{
     height: 45px;
     background: #FFFFFF;
     border: 1px solid #979797;
     border-radius: 4px 0px 0px 4px;
     padding: 10px;
     width: 50%;
     outline: none;
}
.home__signup{
     height: 45px;
     background: #007AFF;
     border-radius: 0px 4px 4px 0px;
     /* width: 85px; */
     width: 109px;
     padding: 0px;
     font-family: Heebo-bold;
  
     font-size: 15px;
     line-height: 29px;
     border: none;
     color: #FFFFFF;     
}
.home_vid_img{
     /* max-width: 724px; */
     max-width: 1037px;
    width: 100%;
}
.home_mail_div{
     display: flex;
}
.home_howworks{
     /* position: absolute; */
     width: 100%;
     height: auto;
     padding-top: 7%;
     /* left: 17px; */
     /* top: 600px; */
     background: #FFFFFF;
     /* margin-top: 35px; */
}
.home_mail:focus{
     outline: none;
 }
.home_hw_saves{
     margin-top: 15px;
     border: none;
     bottom: 0%;
     background: #007AFF;
     text-align: center;
     border-radius: 3px;
     color: #FFFFFF;
     font-size: 16px;
     width: 189.22px;
     height: 40px;
     font-family: 'Heebo-Medium';
}
.home_hw_header{
     /* position: absolute; */
     /* width: 280px; */
     height: 71px;
     left: 580px;
     /* top: 764px; */
     
     font-family: Heebo-bold;
 
     font-size: 48px;
     line-height: 70px;
     /* identical to box height */
     
     text-align: center;
     
     color: #000000;
}
.home_hwh_content{
     /* position: absolute; */
     width: 985px;
     height: 78px;
     margin-top: 25px;
     margin-bottom: 25px;
     text-align: center;
     font-family: Heebo-Regular;
  
     font-size: 18px;
     line-height: 26px;
     margin: auto;     
     color: #495057;
}
.hwh_img{
     /* position: absolute; */
     width: 234px;
     height: 374px;
     left: 174px;
     /* top: 985px; */
     
     /* background: #FFFFFF; */
     border-radius: 5px;
     filter: drop-shadow(-2px 2px 20px rgba(0, 0, 0, 0.137096));

}
.hwh_img2{
     /* position: absolute; */
     width: 285px;
     height: 116px;
     left: 574px;
     /* top: 1150px;   */
     filter: drop-shadow(-2px 2px 20px rgba(0, 0, 0, 0.137096));

}
.hwh_img3{
     /* position: absolute; */
     width: 350px;
     height: 202.24px;
     left: 974px;
     /* top: 1108px; */
     filter: drop-shadow(-2px 2px 20px rgba(0, 0, 0, 0.137096));
}
.home_hwh_white{
     background-color: #FFF;
}
.home_head_img{
     /* top: 962px;
    position: absolute; */
    justify-content: space-evenly;
}
.headtotorialmodal_new {
     width: 100%;
     justify-content: space-evenly;
}
.home_hw_save{
    margin-top: 15px;
    border: none;
    bottom: 0%;
    background: #007AFF;
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    width: 180.22px;
    height: 37px;
    font-family: 'Heebo-Medium';
}
.home_cr_head{
    
     
     font-family: Heebo-Bold;
     font-size: 48px;
     line-height: 70px;
     margin-bottom: 20px;
     text-align: center;
     
     color: #000000;
     
}
.home_cr_content{
     height: 78px;
     width: 75%;
     /* width: 985px; */
     font-family: Heebo-Regular;
     margin-bottom: 30px;
     margin-top: 15px;
     font-size: 18px;
     line-height: 26px;
     margin: auto;
     text-align: center;
     color: #495057;
     
}
.home_cr_div{
     /* position: absolute; */
     width: 100%;
     left: -1px;
     /* padding-top: 35px; */
     padding-top: 100px;
     padding-bottom: 75px;
     background: #FFFFFF;
}
a:hover {
     text-decoration: none;
 }
 .navbardesign a:hover {
      color: #000000;
 }
.home__tempb{
     max-width: 592px !important;
     max-height: 746px !important;
     width: 100%;
}
.home__temp{
     max-width: 183.63px;
     /* max-height: 235px; */
     width: 100%;
}
.containerbg{
     background-color: #fff;
     box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.20387);
     height: 96px;
}
.signupbtnn{
     border: none;
     font-family: 'Heebo-Regular';
     border-radius: 4px;
}
.navbarnewdesigns{
     height: 100%;
     max-width: 1440px;
     margin: auto;
}
.rowwidth{
     width: 70%;
     margin-top: 25px !important;
}
.home__temp_div{
     width: 65%;
    margin: auto;
    margin-top: 10px;
}
.home_mail::placeholder {
     color:#949494;
     font-family: "Heebo-Medium";
     font-size: 18px;
}
.home__tempex{
     max-width: 498px !important;
     /* margin-top: -38%; */
     /* margin-top: -44%; */
     margin-top: -64%;
     margin-left: -11%;
     box-shadow: none !important;
     border-radius: 7px;
}
.nav__mar{
     margin-bottom: 0;
     border: none !important;
}
.home__trust_head{
     font-family: Heebo-Bold;
     font-size: 48px;
     line-height: 70px;
     width: 100%;
     text-align: center;
     color: #000000;
     margin-top: 40px;
     margin-bottom: 40px;
     
}
.home__trust_con{
     /* width: 30%; */
     width: 32%;
     height: auto;
     /* margin-right: 15px; */
     padding: 20px;
     font-family: Heebo-Regular;
 
     font-size: 16px;
     line-height: 23px;
     
     color: rgba(0, 0, 0, 0.600781);
     background: #FFFFFF;
     box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.20387);
     border-radius: 10px;
     margin-bottom: 15px;
}
.home__trust_cont {
     display: flex;
     /* width: 90%; */
     width: 100%;
     margin: auto;
     flex-wrap: wrap;
     margin-bottom: 45px;
     justify-content: space-evenly;
}

/* index.css ends  */
.home_headtotorialmodal{
     width: 100%;
     display: flex;
     /* justify-content: space-evenly; */
     justify-content: space-between;
}
.home_modelexample_new{
     width: 100% !important;
     max-width: 374px;
     object-fit: contain;
}
.home_examplemodelhed{
     font-family: 'Heebo-Bold';
     /* font-size: 20px; */
     font-size: 23px;
     line-height: 47px;
     color: #495057;
}
.home_exammodelcontent{
     font-family: 'Heebo-Regular';
    color: #495057;
    font-size: 14px;
    font-weight: 400;
    margin-left: 11%;
    margin-right: 10%;

}
.home_buttonflexexample{
     display: flex;
     justify-content: center;
     margin: 40px 0 0 0;
}
.home_temp_bs {
     /* box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.20387); */
     border-radius: 5px;
}
.home__timg{
     width: 48px;
     height: 48px;
}
.home__tn{
     font-family: Heebo-Medium;
     font-size: 16px;
     line-height: 23px;
     color: #000;
}
.home__tname{
     display: flex;
}
.home__tb{
     font-family: Heebo-Regular;
     font-size: 14px;
     line-height: 21px;
     
     
     color: #000000;
}

.home__timg{
     width: 48px;
     height: 48px;
     margin-right: 10px;
}

.home__trust_idiv{
     width: 100%;
     padding: 10px 0;
     display: flex;
     align-items: center;
}
.home__tname{
     display: grid;
}
.home__pricediv {
     /* background-color: #007AFF; */
     background-color: #fff;
}
.home__pricing{
     font-family: Heebo-Regular;
     font-size: 20px;
     line-height: 29px;
     text-align: center;
     
     color: #FFFFFF;
}
.home__pricingB {
     font-family: Heebo-Bold;
     font-size: 42px;
     line-height: 62px;
     text-align: center;
     margin-top: 10px;
     color: #FFFFFF;
}
.home_pheader{
     text-align: center;
     width: 100%;
     height: 389px;
     background-size: 100%;
     background-repeat: no-repeat;
     /* background-color: #007AFF; */
}
.home_pbgc{
     padding-top: 25px;
}
.home__pbtwte {
     background: #FFFFFF;
     border-radius: 18px;
     border: none;
     height: 40px;
     font-size: 18px;
     width: 122px;
     color: #007AFF;
     font-family: 'Heebo-Medium';
}
.home__price_con{
     margin-top: -92px;
}
.home__pbtnblue{
     background: transparent;
     border-radius: 20px;
     border: none;
     color: #fff;
     font-size: 18px;
     width: 125px;
     font-family: 'Heebo-Medium';

}
.home__pbtn{
     background: #0068D9;
     background-blend-mode: hard-light;
     border-radius: 20px; 
     width: 247px;  
     margin: auto;
     cursor: pointer;
     display: flex;
}
.home__priceBtn{
     width: 100%;
}
.home__pricepad{
     padding-bottom: 25px;
     padding-top: 30px;
}
.home_pb_s{
     font-family: Heebo-Bold;
     font-size: 40px;
     line-height: 59px;
     /* identical to box height */
     
     
     color: #000000;
}

.home__pbgs{
     font-family: Heebo-Regular;
     
     font-size: 20px;
     line-height: 29px;
     
     color: #000000;
}
.home__pb_m{
     font-family: Heebo-Bold;
     font-size: 40px;
     line-height: 38px;
     /* identical to box height */
     padding: 0px 30px;
     text-align: left;
     color: #000000;
     margin-top: 10px;
}

.home__pb_ann{
     font-family: Heebo-Regular;
    font-size: 16px;
    opacity: 49.23%;
    line-height: 23px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    color: #000000;
    margin-left: 13px;
}
.home__price_box{
     background: #FFFFFF;
     box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.20387);
     border-radius: 5px;
     width: 371px;
     margin: 0 15px;
     /* height: 451px; */
     /* padding: 10px; */
     padding: 25px;
     height: 609px;
}

.home__pb_li{
     font-family: Heebo-Regular;
     font-size: 20px;
     line-height: 29px;
     height: 40px;
     color: #000000;
}

.home__pb_plan {
     background: rgba(255, 185, 0, 0.15);
     border-radius: 17px;
     padding: 6px 0;
     font-family: 'Heebo-Medium';
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #FFB900;
}


.home__pb_flex{
     display: flex;
     justify-content: center;
     margin-bottom: 50px;
}
.home__pb_rep{
     font-family: Heebo-Medium;
     font-size: 32px;
     line-height: 47px;
     text-align: center;
     padding-bottom: 7%;
     color: #000000;
     
}

.home_pb_ev{
     font-family: Heebo-Regular;
     font-size: 20px;
     line-height: 29px;
     /* padding: 20px; */
     color: #000000;
}
.home__pb_ul{
     margin-top: 10px;
}
.ul__home_pb{
     /* padding-left: 0px; */
     padding-left: 21px;
}
.home__priceh{
     height: 60px;
}
.home__pricehe{
     /* padding: 20px 30px; */
     padding: 0 30px;
     text-align: center;
}
.home__price_div{
     height: 100%;
}

.home__hwsp{
     color: #007AFF;
     font-family: 'Heebo-Medium';

}
.home__poval{
     background: rgba(0, 0, 0, 0.15);
     background-blend-mode: hard-light;
     filter: blur(1.35914px);
}
.home_exammodelcontents {
     font-family: 'Heebo-Regular';
     color: #495057;
     font-size: 15px;
     font-weight: 400;
     margin-left: 11%;
     margin-right: 10%;
}
.home__pbmo{
     color:#B4D8FF;
}
.home__pb_gets{
     width: 295px;
     height: 47px;
     border-radius: 32.5px;
     background: #007AFF;
     font-size: 20px;
     font-family: Heebo-Medium;
     line-height: 29px;
     text-align: center;
     color: #fff;
     border: none;
     margin: 20px 0;
}

.home__tempblur{

     background: linear-gradient(90deg, rgba(255, 255, 255, 0.0001) -24.96%, #FFFFFF 100%);
     mix-blend-mode: normal;
     opacity: 0.8;
     transform: rotate(90deg);
}

/* .home__vid_width{
     width: 90%;
} */

.coltblu{
     width: 70%;
}
.home__signmodal{
     margin: 0 auto;
}
.coltemp{
     width: 30%;
}
.colbluewi{
     width: 100%;
     text-align: right;
}

.home_temp_bs{
     background: #D8D8D8;
     box-shadow: 0px 2px 8px rgb(0 0 0 / 23%);
     border-radius: 8px;
}

.signin__anc{
     text-decoration: none;
}
.signin__anc:hover{
     text-decoration: none;
     color: #007AFF !important;
}
.signin__anc:active{
     text-decoration: none;
     color: #007AFF !important;
}
.sign_up_left{
	width: 45%;
    padding: 0;
}
.sign__up_right{
	padding: 20px 30px;
    width: 55%;
}
.nav__logo_width{
     width: 45%;
    display: flex;
    justify-content: flex-start;
}
.cardetails_modal{
     width:600px;
}
.SubscriptionBox_condiv{
     padding: 20px 100px 1px 100px;
}

.modalclose {
     position: absolute;
     right: 31px;
     top: 43px;
     width: 32px;
     height: 32px;
     opacity: 0.3;
     cursor: pointer;
   }
   .modalclose:hover {
     opacity: 1;
   }
   .modalclose:before, .modalclose:after {
     position: absolute;
     left: 15px;
     content: ' ';
     height: 17px;
     width: 2px;
     background-color: #333;
   }
   .modalclose:before {
     transform: rotate(45deg);
   }
   .modalclose:after {
     transform: rotate(-45deg);
   }
   
/******************Media for landing page******************/
@media screen and (max-width: 767px) {
     .home__head_bg{
          padding: 0 10px;
     }
     
     .home_page_con{
          flex-direction: column;
          width: 100%;
          height: auto;
     }
     .home_container{
          display: flex;
          flex-direction: column;
          overflow-x: hidden;
     }
     .home_one_main{
          margin-top: unset;
          margin-left: unset;
          width: 100%;
     }
     .home_vid{
          width: 100%;
          margin-top: 25px;
          padding-left: 10px;
     }
     #offerbox_video{
          width: 97%;
     }
     .home_howworks,.home__trust_div, .home__price_con{
          padding: 0 10px;
          padding-top: 10px !important;
     }
     .home_hwh_content{
          height: auto;
          width: auto;
          font-size: 16px;
     }

     .card__padding {
          padding: 25px 15px 1px 15px;
     }

     .home_vid_img{
          width: 100%;
     }
     .home_headtotorialmodal{
          flex-direction: column;
     }
     .subhedtutorialmodal{
          width: 100% !important;
          text-align: center !important;
     }
     .home_hw_saves{
          width: 370px;
     }
     .home_cr_div{
          padding-top: 30px;
          padding-bottom: 30px;
     }
     .home_cr_content{
          height: auto;
          font-size: 16px;
     }
     .home__trust_con{
          width: 100%;
          margin-right: auto;
          margin-left: auto;
     }
     .home_pbgc{
          padding-top: 5px;
     }
     .home__pricing{
          font-size: 14px;
          line-height: 23px;
     }
     .home__pricingB{
          font-size: 22px;
          line-height: unset;
     }
     .home__pricepad{
          padding-top: 5px;
     }
     .home__pbtwte{
          height: 35px;
          font-size: 12px;
     }
     .home__pbtnblue{
          font-size: 12px;
     }
     .home_pheader{
          height: auto;
          background-repeat: no-repeat;
          background-size: cover;
     }
     .home__price_con{
          margin-top: unset;
          padding: 10px;
     }
     .home__price_box{
          width: 100%;
          margin: unset;
          margin-bottom: 10px;
          height: auto;
          padding: 10px;
     }
     .home_pb_s{
          font-size: 25px;
          line-height: 40px;
     }
     .home__pbgs{
          font-size: 13px;
          line-height: 19px;
     }
     .home__pb_gets{
          width: 100%;
          height: 35px;
          font-size: 16px;
     }
     .home__pricehe{
          padding: 10px 0;
     }
     .home__pb_plan{
          font-size: 14px;
     }
     .home__pb_flex{
          flex-direction: column;
     }
     .home__pb_m{
          font-size: 25px;
          line-height: 30px;
     }
     .home__pb_li{
          font-size: 17px;
          line-height: 15px;
          height: 35px;
     }
     .home__pb_ul{
          margin-top: 15px;
     }
     .home__pb_rep{
          font-size: 23px;
          line-height: 35px;
     }
     .home_one{
          font-size: 35px;
          line-height: 45px;
          height: 120px;
          width: 100%;
          text-align: center;
     }
     .home_one_cont{
          margin-top: unset;
          font-size: 16px;
          text-align: center;
          width: 100%;
     }
     .home_hw_header{
          font-size: 35px;
          line-height: 45px;
          height: 50px;
     }
     .home_examplemodelhed{
          font-size: 21px;
     }
     .home_cr_head , .home__trust_head{
          font-size: 35px;
          line-height: 45px;
     }
     .home__pb_ann{
          margin-bottom: 20px;
     }
     .containerbg{
          height: auto;
     }
     .home_mail_div{
          justify-content: center;
     }
     .sign_up_left{
          display: none;
     }
     .sign__up_right{
          width: 100%;
     }
     .reset_pass_right{
          width: 100%!important;
     }
     .home__signmodal{
          width: 100%;
          padding:0px!important;
     }
     .signup__conwidth{
          width: 95% !important;
          margin: auto;
     }
     .home__signleftmodal{
          
     }
     .home__signmodal_mob{
          padding:0px!important;
     }

     .cardetails_modal{
          width:95%;
     }

     .SubscriptionBox_condiv{
          padding: 20px 55px 1px 55px;
     }

     .addcard__flex {
          flex-direction: row;
     }
}

@media screen and (min-width:768px) and (max-width: 992px) {
     
     .home_pheader{
          background-size: cover;
     }
     .home_one{
          height: 116px;
          font-size: 33px;
          line-height: 46px;
     }
     .home_one_cont{
          height: 52px;
          margin-top: unset;
          margin-bottom: 24px;
          font-size: 18px;
          line-height: 26px;
     }
     .home_page_con{
          height: auto;
     }
     .home_hwh_content{
          width: 100%;
     }
     .home_cr_content{
          height: auto;
     }
     .home_hwh_content{
          height: auto;
     }
     .home_examplemodelhed{
          font-size: 16px;
          line-height: 40px;
     }
     .home_exammodelcontents{
          font-size: 13px;
          margin-left: auto;
          margin-right: auto;
     }
     .signup__conwidth_mob{
          width: 95% !important;
          margin: 25px auto;
     }
     .home__signmodal{
          /* padding:50px 30px!important;
          padding-bottom: 30px !important; */
         padding: 28px 30px !important;
         padding-bottom: 0px !important;
     }
     .sign_up_left{
          width: 50%;
     }
     .sign__up_right{
          padding: 0 30px;
          width: 50%;
     }
     .reset_pass_right{
          padding: 0 30px;
          width: 50%!important;
     }
     .res_modal{
          padding-top:70px!important;
     }
     .tab__button{
          padding-top: 20px !important;
     }
     .home_modelexample_new{
          height:300px!important;
     }
}

@media screen and (min-width:768px) and (max-width:1200px) {
     .home__trust_cont{
          width: 100%;
          justify-content: space-evenly;
     }
     .home__trust_con{
          margin-right: unset;
     }
}
.home__signmodal_mob{
     padding:0 80px;
     padding-top:50px;
  }
  .ol_landing_topspace{
       padding-top:15px;
  }

  /* index.css  */
  .container {
     /* display: table; */
     /* padding-top: 80px; */
     width: 100%;
 }
 ::-webkit-scrollbar {
     width: 4px;
     background-color: #bec4d2;
}
body::-webkit-scrollbar {
     display: none;
}
 .launch-container{
     width:100%;
     /* min-height:100vh; */
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content:center;
     align-items:center;
     padding:15px;		
 }
 .launch-welcome-one{
     text-align:center;
     color:#FFFFFF;
     margin-bottom:-13px;
     font-family:Roboto-Bold;
     font-size:30px;
 }
 .launch-welcome{
     text-align:center;
     color:#FFFFFF;
     margin-bottom:10px;
     font-family:Roboto-Bold;
     font-size: 32px;
     line-height: 37px;
     text-align: center;
         letter-spacing: -0.18px;
     
 }
 .launch-desc-one{
     text-align: center;
     color: #FFFFFF;
     margin-bottom: -2px;
     font-family: Roboto-Regular;
     font-size: 16px;
     line-height: 21px;
     letter-spacing: -0.247059px;
 }
 input[type=password] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }
 input[type=text], input[type=password], input[type=select],input[type=email], select{  
     -webkit-appearance: none!important;
     -moz-appearance: none!important;
     appearance: none!important;
     box-shadow: none!important;
 }
 .launch-desc{
     text-align:center;
     color:#FFFFFF;
     margin-bottom:20px;
     font-family:Roboto-Light;
     font-size:15px;
 }
 .launch-btn, .launch-btn:hover, .launch-btn:active, .launch-btn:focus{
         outline: none !important;
     width: 80%;
     margin-bottom: 10px;
     background-color: #FFFFFF;
     font-family: IBMPlexSans-Medium;
     border-color: #FFFFFF;
     cursor: pointer;
     font-size: 14px;
     line-height: 18px;
     text-align: center;
     letter-spacing: -0.14px;
     color: #10254D;
     
 }
 .launch-already{
     /* font-family: Roboto-Regular; */
     font-size: 14px;
     line-height: 16px;
     text-align: center;
     letter-spacing: -0.247059px;
     color: #FFFFFF;
 }
 .launch-menus{
     color: #FFFFFF;
     margin-bottom: 10px;
     font-family: IBM Plex 'IBMPlexSans-Regular';
     font-size: 32px;
     font-weight : 500;
     line-height: 21px;
     text-align: center;
     letter-spacing: -0.18px;
     font-family: 'IBMPlexSans-Medium';
 }
 .launch-desc-menus-one{
     text-align: center;
     color: #FFFFFF;
     margin-bottom: -2px;
     font-family: 'IBMPlexSans-Regular';
     font-size: 16px;
     line-height: 21px;
     letter-spacing: -0.247059px;		
 }
 .launch-already-others {
     font-family: 'Roboto-Regular';
     font-size: 14px;
     line-height: 27px;
     text-align: center;
     letter-spacing: -0.247059px;
     color: #FFFFFF;
 }
 .signin-container{
     width:100%;
     /* height:100vh; */
     scroll-behavior: smooth;
     /* min-height:89.5vh; */
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     /* display: flex;
     justify-content:center;
     align-items:center; */
 }
 .signin-container-left{
     /* min-height:100vh; */
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content:center;
     align-items:center;
 }
 .signin-container-right{
     background-color:#FFFFFF;
     /* min-height:100vh; */
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content:center;
     align-items:center;
     overflow-y: scroll;
     overflow-x: hidden;
 }
 .signin-box{
     padding:15px;
 }
 .signin-back{
     font-family: 'IBMPlexSans-SemiBold';
     font-size: 14px;
     line-height: 18px;
     letter-spacing: -0.24px;
     color: #10254D;;
     cursor:pointer;
     float: right;
 
 }
 .forgot-text{
     float :	right;
     font-family: 'Roboto-Regular';
     font-size: 14px;
     line-height: 18px;
     letter-spacing: -0.24px;
     color: #3478F6;
     /* margin-bottom:23px;
     margin-top: 15px; */
     cursor:pointer;
 }
 .signin-head{
     padding:10px;
     width:100%;
     color:#10254D;
     font-family: 'Heebo-Regular';
     margin-bottom:20px;
     border-radius: 4px;
     font-size: 18px;
     letter-spacing: -0.18px;
 }
 .signin-label{
     font-family: 'Heebo-Regular';
     font-style: normal;
     font-weight: normal;
     /* font-size: 12px; */
     /* color:#2D2F32; */
     /* line-height: 14px; */
     letter-spacing: -0.12px; 
     font-size: 15px;
     line-height: 20px;
     color: #002C4C;
 }
 .partner_label{
     font-family: 'Heebo-Regular';
     font-style: normal;
     font-weight: normal;
     letter-spacing: -0.12px; 
     font-size: 13px;
     line-height: 20px;
     color: #002C4C;
 }
 .payment-label{
     font-family: 'Heebo-Regular';
     font-style: normal;
     font-weight: normal;
     color:#000000;
     letter-spacing: -0.12px;
     font-size: 15px;
     line-height: 20px;
 
 }
 .input_text{
     width: 100%;
     margin-bottom: 20px;
     padding: 12px;
     border: 1px solid #ccc;
     border-radius: 3px;
     background-color: #FFFFFF;
}
 .payment-input,.payment-input:hover, .payment-input.active, .payment-input:focus{
     font-family: 'Heebo-Regular';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     color:#000000;
     height:40px;
     width: 100%;
     min-width: 70px;
     background-color: #ffffff;
     border-radius: 5px; 
     border: 1px solid #e5e5e5!important; 
     box-shadow: 1px 2px 3px #c5dffd73 !important;
     padding: 12px;
 }
 .payment-input::placeholder {
     font-family: 'Heebo-Regular';
     line-height: 18px;
     font-size: 14px;
     color: rgba(0, 0, 0, 0.320911);
 }
.cardexpirywth{
     width: 70% !important;
}
.cvnumberwth{
     width: 56% !important;
}
 .payment-btn, .payment-btn:hover, .payment-btn.active, .payment-btn:focus{
     outline: none !important;
     width: 122px;
     height: 43px;
     /* margin-bottom: 10px; */
     background-color: #2e8fff;
     font-family: 'Heebo-Bold';
     color: #FFFFFF;
     letter-spacing: -0.14px;
     font-size: 14px;
     cursor: pointer;
     margin-top: 5px;
     border: none;
     margin-top: 5px;
     border-radius:3px
 }
 .payment-btn:hover{
     color:#FFFFFF;
 }
 .payment-btn:focus{
     color:#FFFFFF;
 }
 .signin-input,.signin-input:hover, .signin-input.active, .signin-input:focus{
     font-family: 'Heebo-Regular';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     color:#10254D;
     height:40px;
     border-radius:7px;
     /* line-height: 26px; */
     /* letter-spacing: -0.12px; */
     background-color: #ffffff;
 }
 .signin-input::placeholder {
     font-family: 'Heebo-Regular';
     line-height: 18px;
     font-size: 14px;
 
     color: rgba(0, 0, 0, 0.320911);
 }
 .mobile_views{
     width : 100%;
     position:fixed;
     z-index : 1;
 }
 input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
     transition: background-color 5000s ease-in-out 0s;
     -webkit-box-shadow: 0 0 0px 1000px #fff inset;
     -moz-box-shadow: 0 0 0 100px #fff inset;
     box-shadow: 0 0 0 100px #fff inset;
 }
 .signin-btn, .signin-btn:hover, .signin-btn.active, .signin-btn:focus{
     outline: none !important;
     width: 122px;
     height: 40px;
     margin-bottom: 10px;
     background-color: #007AFF;
     font-family: 'Heebo-Bold';
     color: #FFFFFF;
     letter-spacing: -0.14px;
     font-size: 14px;
     cursor: pointer;
     margin-top: 5px;
     border: none;
     margin-top: 5px;
     border-radius:3px
 }
 .signin-btn:hover{
     color:#FFFFFF;
 }
 .signin-btn:focus{
     color:#FFFFFF;
 }
 .signin-started-btn{
     width:50%;
     height:35px;
     margin-bottom:10px;
     background-color:#3478F6;
     font-family: 'Heebo-Regular';
     font-style: normal;
     font-weight: 500;
     color:#FFFFFF;
     border-color:#3478F6;
     font-size:15px;
     cursor:pointer;
 }
 .signin-started-btn:hover{
     color:#FFFFFF;
 }
 .signin-started-btn:focus{
     color:#FFFFFF;
 }
 .backarrowclass{
     font-family: IBMPlexSans-Bold;
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     cursor:pointer;
     /* position :relative; */
     right :390px;
     text-decoration: none;
 }
 .backarrowclassMobile{
     font-family: IBMPlexSans-Bold;
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     cursor:pointer;
     text-decoration: none;
 }
.home_modelexample_new{
     height:350px;
}
.subhedtutorialmodal_one ,.subhedtutorialmodal_two ,.subhedtutorialmodal_three{
     margin-right:0!important;
     margin-top:15px!important;
     text-align:center!important;
}
 @media screen and (max-width: 767px){
     .signin-container-left{
         display:none;
     }		
     .signin-container-right{
         margin-top : 60px;
         align-items: unset;
         padding:0;
         /* min-height:100vh; */
     }	
     .signin-box{
             border-radius: unset;
     }	
     .launch-container{
         /* margin-top:60px; */
         /* padding-top: 40px; */
         zoom:1;
         align-items: flex-end;
     } 	
             
     body {
         background-image: url(images/background-photo-mobile-devices.jpg);
         background-color: #FBFCFE ;
     }
     .container {
         /* display: table; */
         /* padding-top: 80px; */
         width: 100%;
     }			
     .content {
         display: table-cell;
         vertical-align: bottom;
         /* text-align: center; */
     }  
     .log_in_btn{
         position: absolute;
         width: 100%;
         bottom: 4px;
     }
     .signup__conwidth_mob{
          width: 95% !important;
          margin:50% auto;
     }
 }
 
 
 @media (max-width: 575.98px) {  
     .launch-btn, .launch-btn:hover, .launch-btn:active, .launch-btn:focus{
         width: 100%;
     }
     .al_mem{
          font-size:13px!important;
     }
                     
 }
 
 @media (min-width: 576px) and (max-width: 767.98px) {
     .launch-btn, .launch-btn:hover, .launch-btn:active, .launch-btn:focus{
         width: 80%;
     }	
         
 }
 @media (min-width: 768px) and (max-width: 991.98px) { 
     .launch-btn, .launch-btn:hover, .launch-btn:active, .launch-btn:focus{
         width: 80%;
     }
 }
 
 /* @media screen and (max-width: 568px) {
     .log_in_btn { 
         padding: 0px !important;
     }
     .login-btn {
         position: fixed !important;
         bottom: 0px !important;
         width: 90% !important;
         margin-left: 5% !important;
     }
 } */	
 body { 
     background-image: url(../assets/img/c_launch_bg.jpg);		
     background-position: center center;		
     background-repeat: no-repeat;		
     background-attachment: fixed;		
     background-size: cover;	
 }
 .home__sign_intxt{
     color:	#000000;
 }
 .al_mem{
 /* width: 247px; */
     height: 26px;
     left: 1163px;
     top: 30px;
     font-family: 'Heebo-Regular';
     font-size: 15px;
     line-height: 26px;
     color: #000000;
     padding-right:5px;
 }
 .al_mem a {
     cursor: pointer;
     color: #007AFF;
     font-family:'Heebo-Medium';
 }
 .signin-head{
     font-family: 'Heebo-Medium';
     font-weight: 500;
     font-size: 28px;
     line-height: 50px;
     color: #000000;
 }
 .sign_up_li{
     margin:5px 0;
     font-family:"Heebo-Regular";
     color:#2C2C2C;
 }
 
 .columns {
     float: left;
     padding: 5px;
 }
 
 /* Clear floats after image containers */
 .rows {
     content: "";
     clear: both;
     display: table;
 
     margin: auto;
 }
 /* new header pop up style */
 .Header_continer{
     width: 360px;
     height: 500px;
     float: right;
     right: 12px;
 }
 .HM_Header{
     display: inline-block;
     width: 100%;
     padding: 15px 0;
     border-bottom: 1px solid #bfbfbf;
 }
 .HM_cover{
     width: 100%;
     display: inline-block;
 }
 .HM_profile_pic{
     display: inline-block;
     width: 26%;
 }
 .HM_User_details{
     display: inline-block;
     width: 68%;
     text-align: left;
     padding-left: 7px;
     position: relative;
     bottom:13px;
 }
 .HM_name{
     font-family:Heebo-bold;
     text-transform: capitalize;
 }
 .HM_email{
     font-family:Heebo-Regular;
 }
 .HM_Body_cotent {
     padding: 7px 0px;
 }
 .HM_Other_List{
     padding: 7px 0px;
     text-align: left;
 }
 .HM_Profile{
     text-align: left;
     padding: 4px 0;
     border-bottom: 0.1px solid #c1c1c1;
 }
 .HM_Text_content{
     font-family:Heebo-Regular;	
 }
 .HM_Text_content {
     font-family: Heebo-Regular;
     height: 25px;
     font-size: 16px;
     letter-spacing: 0.7px;
     padding: 5px 0 5px 15px;
 }
 
 .planbox{
     padding:15px;
     background: #FFF;
     /* box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); */
     /* border-radius: 17px; */
     box-shadow: -2px 2px 20px rgba(0, 0, 0, 0.137096);
     border-radius:15px;
     margin-top:20px;
 }
 
 .plantype_select{
     background: #FFFFFF;
     border-radius: 18px;
     width:50%;
     text-align:center;
     font-family:'Heebo-Regular';
     font-weight: 500;
     color:#007AFF;
     padding:4px;
 }
 
 .plantype_unselect{
     background: #dedede;
     border-radius: 18px;
     width:50%;
     text-align:center;
     font-family:'Heebo-Regular';
     font-weight: 500;
     color:#FFF;
     top:5px;
 }
 
 .planbox_select{
     /* border-style:solid;border-color:#007AFF; */
     border: 1.5px solid #007AFF;
     background:#FFFFFF;
 }
 .subscr__ann{
     background: #FFFFFF;
     border-radius: 18px;
     text-align:center;
     font-family:'Heebo-Medium';
     color:#007AFF;
     height:34px;
     display:flex;
     align-items : center;
     justify-content:center;
 }
 .subscr__mon{
     /* background: rgba(0, 0, 0, 0.15); */
     border-radius: 18px;
     text-align:center;
     font-family:'Heebo-Medium';
     color:#FFF;
     height:34px;
     display:flex;
     align-items : center;
     justify-content:center;
 }
 .subsget{
     width:208px;
     /* height:45px; */
     border-radius:11px;
     letter-spacing: unset;
 
 }
 .subsget:hover{
     width:208px;
     /* height:45px; */
     border-radius:11px;
     letter-spacing: unset;
 }
 
 .loginbtn{
     width:122px!important;
     height: 40px!important;
 }
 
 .input__field_hei{
     height:91px;
     margin-bottom:0px !important;
 }
 .animationfirst {
     /* animation: showSweetAlert .7s;
     -webkit-animation: showSweetAlert .7s; */
     animation: showSweetAlert .8s;
     -webkit-animation: showSweetAlert .8s;
 }
 @keyframes hideSweetAlert {
     0% {
          -ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
     }
     50% {
          -ms-transform: scale(.5);
		-webkit-transform: scale(.5);
		transform: scale(.5);
     } 
     100% {
          -ms-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
     }
   }
   .animationclose {
     /* animation: hideSweetAlert 1s;
     -webkit-animation: hideSweetAlert 1s; */
   }
  
 @keyframes showSweetAlert {
	0% {
		-ms-transform: scale(.7);
		-webkit-transform: scale(.7);
		transform: scale(.7);
	}
	/* 45% {
		-ms-transform: scale(1.05);
		-webkit-transform:scale(1.05);
		transform: scale(1.05);
	}
	80% {
		-ms-transform: scale(.95);
		-webkit-transform: scale(.95);
		transform: scale(.95);
	} */
	100% {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
 :-moz-placeholder { 
     line-height: 25px!important;
}
::-moz-placeholder { 
     line-height: 25px!important;
}
@-moz-document url-prefix() {
     .la_email_label{
          letter-spacing: 0.2px;
     }
 }
.landing_seedetailsclose{
     margin-right:-10px;
}
.signupmodelopt{
     display: flex;
     width: 93%;
     margin: auto;
     flex-direction: row;
     justify-content: space-evenly;
     align-items: center;
}
.ol_subscriptionbox , .ol_carddetails{
     background: #F2F2F7!important;
     border-radius:17px 17px 0 0 !important;
}
.ol_carddetail {
     padding: 25px 55px 1px 55px;
}

.subscribe__button {
     margin-bottom: 25px;
}

.stripepng {
     width: 65%;
}

.ol__topheight {
     height: 118px;
}

.subscr_boxshadow{
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
     border-radius:17px;
}
.sign_up_dot{
     width:5px;
     height:5px;
     margin-right:10px;
}
.subscr_getstarted_btn{
     font-family:"Heebo-Bold";
}
@media (min-width: 992px) {  
     .subscr_plan_toggle{
          width:212px;
     }
}
@media (min-width:993px) and (max-width: 1103px) {  
     .home_examplemodelhed{
          font-size:20px!important;
     }
}
@media (min-width:764px) and (max-width:767px){
     .carddet_cvc_div{
          width:39%!important;
     }
}
input{
     filter:none;
}
.signin-input:-webkit-autofill { 
     -webkit-text-fill-color: #10254D !important;
    
}
.land_next_btn, .land_next_btn:hover, .land_next_btn:active, .land_next_btn:focus{
     font-family:"Heebo-Regular";
     letter-spacing:unset;
}
/*Forgot_password page*/
.login_forgot_pass{
     color:#007aff;
     text-align: right;
     font-family:Heebo-Regular;
     cursor: pointer;
}
.la_forgot_passdiv{
     height:auto;
}
.reset_pass_right{
     padding: 20px 30px;
     width: 55%;
}
.la_respass_btn{
     width:100%!important;
}

.addcard__flex {
     display: flex;
     justify-content: space-between;
}

.addcard__bg {
     width: 48%;
     display: flex;
     flex-direction: column;
     align-items: center;
     background: #fff;
     border: 1px solid #e5e5e5;
     box-shadow: 1px 2px 3px #c5dffd78;
     padding: 15px;
     border-radius: 10px;
     cursor: pointer;
}

.addcard__monthly {
     display: flex;
     flex-direction: column;
     font-family: 'Heebo-Bold';
     color:#000000;
}

.addcard__dollar {
     font-family: 'Heebo-Bold';
     font-size: 18px;
     color:#000000;
}

.addcard__month {
     font-family: 'Heebo-Regular';
     color:#000000;
}

.addcard__yearly{
     font-family: 'Heebo-Bold';
     color:#000000;
}

.addcard__best{
     position: absolute;
    top: -8px;
}

.addcard__text{
     background: #2e8fff;
     border-radius: 25px;
     font-size: 14px;
     line-height: 30px;
     color: #fff;
     font-family: 'Heebo-Bold';
     display: flex;
     align-items: center;
     padding: 0px 27px 0px 27px;
     position: relative;
     top: -7px;
}

.best__position{
     position: relative;
}

.addcard__border {
     border: 2px solid #2e8fff;
     box-shadow: 0px 5px 8px #c5dffd6e
}

@media (max-width:547px){
     #ol__oflogo{
          width: 150px !important;
     }
     .ol_carddetail {
          padding: 25px 15px 1px 15px !important;
     }
     .payment-btn, .payment-btn:hover, .payment-btn.active, .payment-btn:focus {
          height: 38px;
     }
     .stripepng {
          width: 84%;
     }
     .subscribe__button {
          margin-bottom: 20px;
     }
     .carddetail__Close {
          right: 11px !important;
          top: 15px !important;

     }
}

@media (max-width:350px) {
     .ol__topheight {
          height: 70px;
     }
     .addcard__text {
          padding: 0px 17px 0px 17px;
          font-size: 11px;
          line-height: 17px;
          top: -1px;
     }
     #ol__oflogo {
          width: 118px !important;
     }
}

@media (min-width:351px) and (max-width:410px) {
     .ol__topheight {
          height: 85px;
     }
     #ol__oflogo {
          width: 118px !important;
     }
}

@media (min-width:411px) and (max-width:500px) {
     .ol__topheight {
          height: 89px;
     }
}

@media (min-width:351px) and (max-width:400px) {
     .addcard__text {
          font-size: 13px;
          line-height: 23px;
          padding: 0px 20px 0px 20px;
          top: -4px;
     }
}

@media (max-width:500px) {
     .carddet_cvc_div {
          width: 50% !important;
     }
}

@media (max-width:485px) {
     .carddet_cvc_div {
          height: 76px;
     }
     #SubscriptionBtn {
          margin-top: 8px;
     }

}