/* devanagari */
@font-face {font-family: 'Poppins';    font-style: normal;font-weight: 400;font-display: swap;src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
/* latin-ext */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* latin */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* devanagari */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
/* latin-ext */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* latin */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* devanagari */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}
/* latin-ext */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* latin */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


:root {
    --color-green: #0ea244;
    --color-red: #ed1c24;
    --color-white: #fff;
    --color-black: #000;
  }

  
*{margin: 0; padding: 0; outline: none;}
h1,h2,h3,h4{color:var(--color-black)}
h1{font-size: 43px;}
h2{font-size: 32px;}
h3{font-size:26px;}
.h3{color: var(--color-green) ;font-size: 38px;margin-top: 15px;font-weight: 600;}
a{text-decoration: none; color:var(--color-black)}
ul, li{list-style: none}
body{position: relative;background: var(--color-white);font-family: 'Poppins', sans-serif;background-repeat: no-repeat;}
.container {width: 960px;margin: 0 auto;}
.top-strip{background:var(--color-white);box-shadow: 0px 0px 19px #ececec;}
header {padding: 10px 0;overflow: hidden;display: flex;justify-content: space-between;}
.headingTop{font-size: 26px;text-align: center;margin: 30px 0 0px;font-weight: 800;}
.headingTop span{color: var(--color-green);}
.logo img {width: 163px;height: 32px;display: block;}
.hero{background:var(--color-white) url(../images/top-backgound.png);border-radius: 25px;margin: 20px 0 40px;overflow: hidden;}
.banner{padding: 50px 0 20px;position: relative;width: 100%;box-sizing: border-box;display: flex;}
.lhs{margin: 0 80px;width: 196px;}
.lhs img{ width: 90%}
.rhs{width: calc(100% - 376px);}
ul.webinar li{font-size: 28px;font-weight: 700;margin-right: 15px;padding-right: 15px;border-right: 1px solid #e6e6e6;line-height: 28px;display: inline-block;}
ul.webinar li:last-child{ border: none; padding: 0; margin: 0}
.banner h1{color:var(--color-red);float: left;width: 100%;margin: 5px 0 10px;}
.banner h2 span{ color:var(--color-red)}
.sach-jane{background-color:var(--color-green);border-radius: 20px;color:var(--color-white);position: absolute;bottom: -38px;padding: 15px;width: 400px;text-align: center;font-size: 28px;left: 50%;margin: 0 0 0 -215px;}
.clndr,.time{width: 28px;height: 28px;margin-right: 12px;margin-top: 4px;}
.clndr{ background-position: 0 0}
.time{background-position: 0 -28px;}
.sprite-icons{width: 25px;height: 25px;margin: 0 10px 0 0;display: inline-block; position: relative;z-index: 2;}
.sprite-icons:after{content: "";position: absolute;width: 18px;height: 18px;background:var(--color-white);left: 3px;z-index: -1;border-radius: 23px;top: 3px;}

.important-news h2{text-align: center;color:var(--color-red);margin-top: 60px;}
.important-news h2 span{color:var(--color-black);display: block;font-size: 26px;margin-bottom: 10px;}
.schedule ul{display: flex;width: 100%;justify-content: center;margin-bottom: 80px;margin-top: 30px;}
.schedule li {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    background: #ffffff;
    margin: 0 20px 0 0;
    border-radius: 15px;
    font-size:16px;
    font-weight: 500;
    box-shadow: 0px 0px 9px #efefef;
    text-align: center;
    transition: all 0.3s;
    }
.schedule li:hover{box-shadow:0px 0px 9px #a1cc9c;transform:scale(1.1); cursor: pointer;}    
.schedule li i img{border-radius: 50px;}  
.schedule li i {display:block;}     
.schedule li h3{font-size: 18px;margin: 5px 0 10px;}    
.schedule li span{display: flex;justify-content: center;align-items: center;margin-bottom: 7px;font-size: 12px;text-align: center;}
.schedule li span img{width: 13px;margin: 0 6px 0 0px;}
.schedule li span p{width: 62%;text-align: left;}
.schedule li span.red{color:var(--color-red)}
.schedule li.last{ margin-right: 0}
.schedule li .date-time{/* display: flex; *//* justify-content: center; *//* align-items: center; *//* flex-direction: column; */}

.green {background: #ddffdd !important; box-shadow: 0px 0px 9px #b4e4b4 !important;}
.orange { background: #fbe5c7 !important; box-shadow: 0px 0px 9px #f1be75 !important;}
.red {background: #ffb0b0 !important; box-shadow: 0px 0px 9px #e45757 !important;}

.jude-or-janie h3{text-align: center;margin-bottom: 20px;}
ul.listing {display: flex;margin-bottom: 50px; justify-content: center;}
ul.listing li {text-align: center;width: 96%;margin: 0 2%;position: relative;font-weight: 600;font-size: 0.85rem;}
ul.listing li:last-child:before{ display: none}
.sach-ke-sathion{margin: 0 auto 30px;background:var(--color-green);border-radius: 20px;padding: 20px;text-align: center;color:var(--color-white);width: 80%;}
.sach-ke-sathion h3{font-size: 24px;color:var(--color-white);margin-bottom: 12px;}
.sach-ke-sathion p {line-height: 32px;}
.url {text-align: center;font-size: 20px;margin-bottom: 30px; font-weight: 700}
footer {background:var(--color-black);width: 100%;}
footer .heading {margin: 6px 14px 9px 5px !important;color: #d6d6d6 !important;}
.follow-us {padding: 20px 0;display: inline-block;}
.follow-us.right {padding: 0;display: flex;}
.follow-us .heading{color:var(--color-white);margin: 4px 14px 4px 5px;text-transform: uppercase;font-size: 0.8rem;font-weight: 500;}
.heading.top{color:var(--color-black)}
.follow-us ul{display: flex;justify-content: center;align-items: center;}
.follow-us li {width: 22px;height: 22px;border-radius: 25px;display: flex;justify-content: center;align-items: center;margin-right: 4px;}
.site-url{float: right;display: flex;align-items: center;}
.site-url a{color: #d6d6d6;font-size: 0.8rem;}
.date {background: rgb(202 202 202 / 23%);}
.date ul{display: flex;justify-content: center;align-items: center;}
.date ul li{text-align: center;border-right: 1px solid #d3d3d3;height: 80px;align-items: center;justify-content: center;display: flex;}
.date .date-tag{color:var(--color-green);font-weight: 600;font-size: 40px;text-align: left;width: 40%;}
.date .date-time{flex-direction: column;padding-left: 40px;align-items: baseline;width: 20%;}
.date .date-time span{display: flex;font-weight: 800;justify-content: center;align-items: center;margin-bottom: 9px;}
.date .date-time span  img{width: 20px;height: 20px;margin-right: 15px;}
.date .date-btn{border-right: 0;width: 30%;}
.date .date-btn a{
    height: 24px;
    background-color:var(--color-green);
    border-radius: 50px;
    font-weight: 600;
    border: none;
    color:var(--color-white);
    padding: 10px 45px 14px;
    box-shadow: 0 2px 5px rgb(14 162 68 / 52%);
    font-size: 20px;
    }
.joinNow{
    height: 22px;
    background-color: #F44336;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    color:var(--color-white);
    padding: 3px 10px 6px;
    box-shadow: 0 2px 5px rgb(253 170 164);
    }
    
.jude-or-janie{margin: 40px 0 60px;}
.overflow {overflow: hidden;}
.error-display-box{color: #6b3131;padding-left: 20px;}
.bg-danger{margin-top: 12px;}

	

@media (max-width:800px){
    .date ul{flex-direction: column;padding: 25px 0;}
    .date ul li{width: 100% !important;text-align: center !important;height: auto;padding: 10px 0 10px;}
    /* .date{border-top: 1px solid #ccc;} */
    .date .date-time{padding-left: 0; align-items: center;}
    .heading.top{display: none;}
    header .follow-us {margin-top: 10px;}
    .jude-or-janie {margin: 30px 0 60px;}
    .lhs{padding-top: 22px;}
    .schedule ul{display: flex;flex-wrap: wrap;justify-content: center;}
    .schedule li {width: 44%;margin: 0 8px 30px;}
    .schedule li span p { width: 80%;}
     
}

@media only screen and (max-width:1200px){
.container {width:90%; margin: 0 5%}
}

@media only screen and (max-width:800px){
    .lhs{ margin:0 30px 0 0}
    .rhs {width: calc(100% - 206px);}
    .banner h1{margin: 15px 0;font-size: 40px;}
    ul.webinar li,h2,.sach-jane{font-size: 22px}
    ul.listing{flex-wrap: wrap;}
    ul.listing li:before{right: -7%;}
    ul.listing li{width: 29%;margin: 0 2% 20px;}
    ul.listing li:last-child:before, ul.listing li:nth-child(3):before{ display: none}
    .reg-form ul li {width: 30% !important}
    footer{ padding:10px 0}
    .follow-us{ padding: 0}
}
@media only screen and (max-width:600px){  
    .h3{ font-size: 22px}
    .important-news h2 span{font-size: 24px;}
    header{text-align: center;}
    .logo,.follow-us.right{ float: none}
    
    .sach-jane{padding: 10px;width: 220px;margin: 0 0 0 -120px;bottom: -22px;}
    .banner h1 {margin: 10px 0;font-size: 30px;}
    .banner{display: block;padding: 0;}
    .lhs,.rhs,.lhs img{ margin: 0; width: 100%; text-align: center}
    .lhs img{ width: auto}
    .rhs,.webinar{text-align: center}
    .rhs{margin: 15px 0}
    ul.webinar li{display: inline-block; float: none}
   
    ul.listing{margin-bottom:10px}
    ul.listing li {width:50%;margin: 0 0 20px;}
    ul.listing li:before{display: none}
    .sach-ke-sathion{width: 100%;box-sizing: border-box;margin: 0 auto 10px;}
    .url{float: left;width: 100%;margin-bottom: 15px;}
    .url a {font-size: 13px;width: 100%;float: left;}
   
    
    .reg-form ul li {width: 100% !important}
.jnm-logo{background:var(--color-white);width: 100px;display: block;padding: 0 15px 10px 0;margin: 10px auto 0;}
}


/* Form */
.vishForm {width: 100%;position: fixed;left: 0;top: 0;display: none;justify-content: center;align-items: center;height: 100%;z-index: 5;background: rgb(0 0 0 / 51%);}
.activeForm{display: flex;}
.healthLogo{width:240px;display: flex;align-items: center;justify-content: center;}
.thanks-msg {/*background-color:var(--color-green);*/border-radius: 10px;position: relative;z-index: 9;padding: 30px 30px;line-height: 23px;font-size:17px; font-weight:400;text-align: center;}
.thanks-msg strong{display:block;font-size: 27px;padding: 10px 0;}
.thanks-msg .referral_code{background:var(--color-green);font-size: 18px;font-weight: 500;border-radius: 20px;padding: 14px 0;text-align: center;width: 250px;margin: 10px auto;color:var(--color-white);}
.code-text{ margin:20px 0 10px;}
.thanks-msg .referral_code h2{font-size:18px;color:var(--color-white);}
.reg-form{background: #fdfdfd url(../images/popup-bg.png) no-repeat center bottom;border-radius: 10px;min-height: 200px;position: relative;z-index: 9;padding: 40px 20px 60px 20px;clear: both;max-width: 900px; }
.reg-form .form-heading{font-size: 25px;font-weight: 600;color:var(--color-green);padding-bottom: 20px;text-align: center;}
.reg-form .form-heading span { color: #f3f024}
.reg-form .p-info{color: var(--color-white);margin-bottom:20px;}
.reg-form ul{display: flex;flex-wrap: wrap;margin-bottom:0;justify-content: center;}
.reg-form ul li{width: 23%;margin: 0 9px 15px;}
.reg-form ul li::nth-child(4n){ margin-right: 0}
.reg-form ul li .form-control{background-color: transparent;border: 1px solid #d2d2d2;border-radius:50px;height: 44px;color: black;font-size: 14px;padding: 6px 12px 6px 20px;display: block;width: 100%;box-sizing: border-box;}
.reg-form ul li .form-control::placeholder{color:black;}
.reg-form ul li select.form-control option{color:black;}
.reg-form ul li .btn-reg{height: 44px;background-color: var(--color-green);border-radius:50px;font-size: 15px;font-weight: 600;border: none;color: var(--color-white);cursor: pointer;}
.reg-form ul li .btn-fb{background-color:#3364a3;color:var(--color-white);}
.reg-form ul li .btn-fb .faceboo-login{width:20px; height:20px; display: inline-block; background-size: cover; background-position:0 -220px; background-image: url("../images/sprite.png"); position: relative; top:4px; margin-right:2px;}
.reg-form ul li.reg-btn-actn{display:flex;}
li.reg-btn-actn.code{margin-top:10px;width: 100%;/* color:var(--color-white); */font-size: 13px;}
li.reg-btn-actn.code span{color:var(--color-green);border: dashed 1px var(--color-green);border-radius: 6px;padding: 2px 6px;margin-left: 6px;font-weight: 600;font-size: 14px;}
li.reg-btn-actn.facebook-btn {margin: 10px auto 0;}
.reg-form ul li.reg-btn-actn button{ width: 100%;}
#login_link, #register_link{color:#var(--color-white);text-transform:uppercase;}
#login_link:hover, #register_link:hover{color:var(--color-white);text-decoration:none;}
.close{position: absolute;right: 20px;top: 15px;}
.fbsign-up, .login-regit{width: 100% !important;text-align: center;position: relative;margin: 13px 0 0px !important;}
.login-regit span{position: absolute;right: 20px;font-size: 12px;top: -51px;}
.login-regit a{color:var(--color-green);}
#login-form{display: none;padding: 30px 0 10px;justify-content: center;}
#login-form li{width: 70%;}
.login-regit span{position: initial;}
.svg-icon {width: 1.5em;height: 1.5em;}  
.svg-icon path,.svg-icon polygon,.svg-icon rect {fill: #333;}
 
.userDetail{font-size:13px; width:90%; margin:0 auto;}
.userDetail ul{margin:0; padding:0; list-style:none; display: flex; }
.userDetail ul li{width:45%;display: flex;}
.userDetail ul li span{width: 42%;display: inline-block; position:relative;    word-break: break-all;}
.userDetail ul li span:last-child:before{content:':'; position:absolute; top:0; left:-20px; display:block; font-size:12px; color:#fff; } 
.footer-df{display:flex; justify-content: space-between;} 
.footer-df p { margin:10px 50px 0 0;}
ul.coll2{display:flex;text-align: center; padding-top: 40px; width: 70%; margin: auto;}
ul.coll2 li{width:50%;font-size: 14px;font-weight: 700;margin-right: 15px;padding-right: 15px;border-right: 1px solid #e6e6e6;line-height: 28px;display: flex;justify-content: center;align-items: center;} 
ul.coll2 li p{text-align: left;    line-height: 23px;}
ul.coll2 li span, ul.coll2 li span a{color:var(--color-red);}
.coll2 li:last-child{ border: none; padding: 0; margin: 0}

.ajax-loader{position: absolute;top: 8px;right: 30px;background: #fff;padding: 4px;border-radius: 25px;width: 20px;height: 20px;}
.ajax-loader img{width:100%;}

@media (max-width:700px){
    /* .vishForm { align-items: flex-end;} */
    .reg-form{ overflow: scroll;height: 82%;}
    li.reg-btn-actn.code span{display: inline-block;}
    .loginHeight{height: auto;}
    .reg-form ul li{ margin: 0 9px 5px;}
    .reg-form .form-heading{font-size: 20px; padding-bottom: 10px;}
    .footer-df{display:block;}
    .footer-df p { margin:10px 0 0 0;}
    .follow-us,.site-url{float: none;display:inline-block}
     footer .container{text-align: center}
    ul.coll2{ width: 100%;}
     ul.coll2 li{width: 100%;  flex-direction: column; justify-content: center; align-items: center;}
     ul.coll2 li p{text-align: center;}
     .date .date-tag{font-size: 25px;padding: 14px 6px 0;display: block;width: 100%;box-sizing: border-box;text-align: center;}
    }