/****font-face included*****/

/*typography Strat*/
h1                                          { font-size: 70px; line-height: 78px; font-weight: bold;  }
h2                                          { font-size: 54px; line-height: 72px; font-weight: 600; color:#000000;  }
h3                                          { font-weight: 600; font-size: 32px; line-height: 48px; color: #000000;}
h5                                          { font-size: 24px; line-height: 36px; font-weight:400;  }
p                                           { margin-bottom: 0; font-size: 18px;  line-height: 30px; }
a                                           { text-decoration: none; outline: none; font-size: 16px; line-height: 22px; }
/*typography End*/
/*****common section start****/
*                                           { margin: 0px; padding: 0px; box-sizing: border-box; }
body                                        { font-size:15px; line-height:20px; font-family: 'Poppins', sans-serif; }
img                                         { border: 0px; max-width: 100%; max-height: 100%;}
ul,ol                                       { list-style: none;}
a                                           { display: inline-block; transition:0.3s all ease; }
a:hover, a:active,a:focus                   { text-decoration: none;}
a:focus, a:active, a:visited                { outline: none; border: 0px;}
.text-none                                  { text-transform: none !important; }
button.navbar-toggler                       { outline:0; border:0 !important; box-shadow: none !important;}
.common-space                               { padding:64px 0;}
.light-bg                                   { background-color:#fbfbfb; }
.theme-btn                                  { padding:19px 24px; display: inline-block; background-color: #FFCE00; border-radius: 50px;  font-weight: 600; color:#000; font-size: 20px; line-height: 30px; }
.theme-btn:hover,.theme-btn:focus,.theme-btn:active { background-color: #000; color:#FFCE00; }
.title-box h2                               { margin-bottom: 0; padding-bottom: 10px; position: relative; }
.title-box h2:after                         { content:""; position: absolute; bottom:0; left:0; width:150px; height:6px; background-color: #FFCE00;  }
.title-2                                    { margin-bottom: 29px;  }
.navbar-brand                               { padding:0; }
/*****common section End****/

/***Header-section Css Start****/
.header-section                             { padding: 20px 0px; background-color: #FBFBFB; position: fixed; width:100%; top:0; z-index: 150; transition: all 0.5s ease-in-out;}
.header-style                               { padding: 15px 0px; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);}
.header-section .navbar                     { padding:0; }
.navbar-toggler                             { padding:8px 15px; border: 1px solid rgba(255,255,255,.1); }
.navbar-toggler-icon                        { height:auto; }
.navbar .navbar-nav .nav-link               { padding:0; margin:0 50px; font-size: 20px; line-height: 30px; color: #000000; }
.navbar .navbar-nav .nav-item:last-child .nav-link    { margin-right:0; }
.navbar .navbar-nav .nav-item:first-child .nav-link    { margin-left:0; }
.navbar .navbar-nav .nav-link:hover ,.navbar .navbar-nav .nav-link:focus { color:#FFCE00; }
/***Header-section Css End****/
/*******Banner Section Start*********/
main                                        { margin-top:121px; }
.banner-section                             { padding:10px 0 72px; }
.banner-section .bharatsir-img-section      { padding-left: 120px; }
.banner-section .bharatsir-img-section .img-info { margin-top:2px; }
.banner-section .bharatsir-img-section .img-info h3 { margin-bottom: 0px; }
/*******Banner Section End*********/
/****** Profile Section Start *****/
.profile-info p                             { margin-bottom: 32px; }
.profile-bg                                 { background: url("../images/profile-bg.png")no-repeat center center/100% auto; }
/****** Profile Section End *****/
/***** agenda Section Start *****/
ul.agenda-list                              { padding-left: 20px; }
ul.agenda-list li                             { list-style-type: disc; margin-bottom: 16px; font-size: 18px; line-height: 30px; font-weight: 400; }
ul.agenda-list li::marker                   { color:#FFCE00; }
/**** agenda section end  *****/
/**** designation Section Start *****/
.design-card                                {  padding:24px; height:100%; background: #FFFFFF; box-shadow: 0px 7px 9px 3px rgba(0, 0, 0, 0.07); border-radius: 32px; }
.design-card .img-box                       { margin-bottom: 14px; }
.design-card  p                             { margin-bottom: 0; font-size: 18px; line-height: 36px; }
.business-card-detail                       { margin:12px 0; }
/****** designation section end ********/
/*** achivement section start *****/
.achivement-card                            { display: flex; }
.achivement-card .img-box                   { padding:12px; width:112px; height:112px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #FFFFFF; box-shadow: 0px 7px 9px 3px rgba(0, 0, 0, 0.07); }
.achivement-card .img-info                  { padding-left: 32px; width:calc(100% - 112px); }
.achivement-card .img-info p                { margin-bottom: 0; font-size: 18px; line-height: 36px; }
.achivement-box                             { margin-bottom:56px; }
/***** achivement section end  *****/
/******** popular nomination card start *********/
.pop-nomin-card                             { margin-bottom: 24px; }
.nomination-card                            { height:100%; padding:12px; display: flex; align-items: center; background: #FFFFFF; box-shadow: 0px 7px 9px 3px rgba(0, 0, 0, 0.07); border-radius: 10px;}
.nomination-card p                          { margin-bottom: 0; }
/******** popular nomination card End *********/
/* ********* membership-section start  ******** */
.member-card                                { margin-bottom: 24px; }
.membership-card-detail                     { display: flex;  padding:15px 12px; height:100%; background: #FFFFFF; border: 1px solid #FDEBB2; box-shadow: 0px 7px 9px 3px rgba(0, 0, 0, 0.07); border-radius: 10px;}
.membership-card-detail .img-box            { height: 84px; width:84px; display: flex; align-items: center; }
.membership-card-detail .img-info                  { padding-left: 16px; width:calc(100% - 84px); display: flex;  align-items: center; }
.member-card:nth-child(2) .membership-card-detail,.member-card:nth-child(8) .membership-card-detail { border-color:#D6FDB3; }
.member-card:nth-child(3) .membership-card-detail,.member-card:nth-child(9) .membership-card-detail { border-color:#76F2C5; }
.member-card:nth-child(4) .membership-card-detail,.member-card:nth-child(10) .membership-card-detail { border-color:#A0C6F2; }
.member-card:nth-child(5) .membership-card-detail,.member-card:nth-child(11) .membership-card-detail { border-color:#F2B5AD; }
.member-card:nth-child(6) .membership-card-detail,.member-card:nth-child(12) .membership-card-detail { border-color:#DCCEFF; }
/* ********* membership-section End  ******** */
/********* activity section start ********/
.activity-details h3                        { margin-bottom: 10px; }
.activity-box p                             { line-height: 32px; margin-bottom: 30px; }
.activity-box p:last-child                  { margin-bottom: 0; }
/********* activity section End ********/
/********* Election Process Start ********/
.process-card                               { margin-bottom: 60px; }
.process-card  p                            { margin-bottom: 16px; }
.process-card span                           { color:#AD0015; }
/********* Election Process End ********/
/********** Footer Section Start ***************/
.footer-section                             { padding: 30px 0; background-color:#000; }
.footer-section ul                          { margin-bottom: 0; padding-left: 0; }
.footer-nav li a                            { margin:0 50px ; color:#fff;  font-weight: 600; font-size: 18px; line-height: 26px;}
.footer-nav li a:hover ,.footer-nav li a:focus { color:#FFCE00; }
.social-list li a                           { margin:0 24px; width:35px; height: 35px; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center; color:#000; }
.social-list li a:hover ,.social-list li a:focus { background: #FFCE00; }
.footer-section ul li:first-child a         { margin-left: 0; }
.footer-section ul li:last-child a         { margin-right: 0; }

/********** Footer Section End ***************/

/******Responsive Css Sstart*/
@media(min-width:992px) and (max-width:1199px)
{
    /*typography Strat*/
h1                                          { font-size: 62px; line-height: 70px;  }
h2                                          { font-size: 48px; line-height: 62px;   }
h3                                          { font-size: 28px; line-height: 40px; }
h5                                          { font-size: 20px; line-height: 30px;  }
p                                           { font-size: 16px;  line-height: 27px; }
a                                           { font-size: 15px; line-height: 22px; }
/*typography End*/
    .common-space                               { padding:50px 0;}
    .theme-btn                                  { padding:15px 20px; border-radius: 50px;  font-size: 18px; line-height: 24px; }
    .title-box h2                               { padding-bottom: 10px; }
    .title-box h2:after                         { width:120px; height:4px;  }
    .title-2                                    { margin-bottom: 24px;  }
/* common end */
/***Header-section Css Start****/
.header-section                             { padding:14px 0 ;}
.header-style                               { padding:10px 0;  }
.navbar .navbar-nav .nav-link               { margin:0 30px; font-size: 18px; line-height: 24px;  }
.navbar-brand img                           { width: 45px; }
/***Header-section Css End****/
/*******Banner Section Start*********/
main                                        { margin-top:92px; }
.banner-section                             { padding:8px 0 60px; }
.banner-section .bharatsir-img-section      { padding-left: 100px; }
/*******Banner Section End*********/
/****** Profile Section Start *****/
.profile-info p                             { margin-bottom: 28px; }
/****** Profile Section End *****/
/***** agenda Section Start *****/
ul.agenda-list                              { padding-left: 20px; }
ul.agenda-list li                             { list-style-type: disc; margin-bottom: 16px; font-size: 18px; line-height: 30px; font-weight: 400; }
ul.agenda-list li::marker                   { color:#FFCE00; }
/**** agenda section end  *****/
/**** designation Section Start *****/
.design-card                                { padding:20px; border-radius: 32px; }
.design-card .img-box                       { margin-bottom: 12px; }
.design-card  p                             { margin-bottom: 0; font-size: 16px; line-height: 32px; }
.business-card-detail                       { margin:12px 0; }
/****** designation section end ********/
/*** achivement section start *****/
.achivement-card .img-box                   { padding:10px; width:90px; height:90px;  }
.achivement-card .img-info                  { padding-left: 28px; width:calc(100% - 90px); }
.achivement-card .img-info p                { font-size: 16px; line-height: 32px; }
.achivement-box                             { margin-bottom:48px; }
/***** achivement section end  *****/
/******** popular nomination card start *********/
.pop-nomin-card                             { margin-bottom: 24px; }
.nomination-card                            {  padding:10px; border-radius: 10px;}
/******** popular nomination card End *********/
/* ********* membership-section start  ******** */
.member-card                                { margin-bottom: 24px; }
.membership-card-detail                     {  padding:13px 12px; border-radius: 10px;}
.membership-card-detail .img-box            { height: 70px; width:70px;  }
.membership-card-detail .img-info                  { padding-left: 16px; width:calc(100% - 70px);  }
/* ********* membership-section End  ******** */
/********* activity section start ********/
.activity-box p                             { line-height: 28px; margin-bottom: 24px; }
/********* activity section End ********/
/********* Election Process Start ********/
.process-card                               { margin-bottom: 45px; }
.process-card  p                            { margin-bottom: 12px; }
/********* Election Process End ********/
/********** Footer Section Start ***************/
.footer-section                             { padding: 24px 0; }
.footer-nav li a                            { margin:0 30px ; font-size: 16px; line-height: 22px;}
.social-list li a                           { margin:0 14px; width:25px; height: 25px; }

/********** Footer Section End ***************/
}
@media(min-width:768px) and (max-width:991px)/* for tablet */
{
    /*typography Strat*/
h2                                          { font-size: 40px; line-height: 50px;   }
h3                                          { font-size: 24px; line-height: 36px; }
h5                                          { font-size: 18px; line-height: 26px;  }
p                                           { font-size: 15px;  line-height: 24px; }
a                                           { font-size: 14px; line-height: 20px; }
/*typography End*/
    .common-space                               { padding:40px 0;}
    .theme-btn                                  { padding:12px 18px; border-radius: 50px;  font-size: 16px; line-height: 22px; }
    .title-box h2                               { padding-bottom: 10px; }
    .title-box h2:after                         { width:80px; height:3px;  }
    .title-2                                    { margin-bottom: 14px;  }
/* common end */
/***Header-section Css Start****/
.header-section                             { padding:14px 0 ;}
.header-style                               { padding:12px 0;  }
.navbar .navbar-nav .nav-link               {  margin:0 20px; font-size: 16px; line-height: 22px;  }
.navbar-brand img                           { width: 40px; }
/***Header-section Css End****/
/*******Banner Section Start*********/
main                                        { margin-top:84px; }
.banner-section                             { padding:8px 0 40px; }
.banner-section .bharatsir-img-section      { padding-left: 60px; }
/*******Banner Section End*********/
/****** Profile Section Start *****/
.profile-bg                                 { margin-bottom: 30px; height:160px; background-position: left top ; background-size:auto 100% ; }
.profile-info p                             { margin-bottom: 12px; }
/****** Profile Section End *****/
/***** agenda Section Start *****/
ul.agenda-list                              { padding-left: 16px; }
ul.agenda-list li                            { margin-bottom: 14px; font-size: 16px; line-height: 26px;  }
/**** agenda section end  *****/
/**** designation Section Start *****/
.design-card                                { padding:15px; border-radius:12px; }
.design-card .img-box                       { margin-bottom: 10px; }
.design-card  p                             { margin-bottom: 0; font-size: 15px; line-height: 30px; }
.business-card-detail                       { margin:12px 0; }
/****** designation section end ********/
/*** achivement section start *****/
.achivement-card .img-box                   { padding:10px; width:60px; height:60px;  }
.achivement-card .img-info                  { padding-left: 10px; width:calc(100% - 60px); }
.achivement-card .img-info p                { font-size: 14px; line-height: 26px; }
.achivement-box                             { margin-bottom:30px; }
/***** achivement section end  *****/
/******** popular nomination card start *********/
.pop-nomin-card                             { margin-bottom: 24px; }
.nomination-card                            {  padding:10px; border-radius: 10px;}
/******** popular nomination card End *********/
/* ********* membership-section start  ******** */
.member-card                                { margin-bottom: 24px; }
.membership-card-detail                     {  padding:11px 9px; border-radius: 10px;}
.membership-card-detail .img-box            { height: 60px; width:60px;  }
.membership-card-detail .img-info                  { padding-left: 12px; width:calc(100% - 60px);  }
/* ********* membership-section End  ******** */
/********* activity section start ********/
.activity-box p                             { line-height: 24px; margin-bottom: 16px; }
/********* activity section End ********/
/********* Election Process Start ********/
.election-detail h2                         { margin-bottom:30px ; }
.process-card                               { margin-bottom: 30px; }
.process-card  p                            { margin-bottom: 10px; }
/********* Election Process End ********/
/********** Footer Section Start ***************/
.footer-section                             { padding: 18px 0; }
.footer-nav li a                            { margin:0 20px ; font-size: 14px; line-height: 20px;}
.social-list li a                           { margin:0 12px; width:22px; height: 22px; }

/********** Footer Section End ***************/
}
@media(max-width:767px)/* for mobile */
{
    
       /*typography Strat*/
h2                                          { font-size: 26px; line-height: 40px;   }
h3                                          { font-size: 20px; line-height: 30px; }
h5                                          { font-size: 16px; line-height: 22px;  }
p                                           { font-size: 14px;  line-height: 22px; }
a                                           { font-size: 14px; line-height: 20px; }
/*typography End*/
    .common-space                               { padding:30px 0;}
    .theme-btn                                  { margin-top:20px; padding:12px 18px; border-radius: 50px;  font-size: 16px; line-height: 22px; }
    .title-box h2                               { padding-bottom: 10px; }
    .title-box h2:after                         { width:60px; height:3px;  }
    .title-2                                    { margin-bottom: 10px; text-align: left !important;  }
/* common end */
/***Header-section Css Start****/
.header-section                             { padding:12px 0 ;}
.header-style                               { padding:10px 0;  }
.navbar .navbar-nav                         { padding-top:10px; }
.navbar .navbar-nav .nav-link               { text-align: center;  margin:5px 0px; font-size: 18px; line-height: 28px;  }
.navbar-brand                               { max-width: 95px; }
.navbar-brand img                           { width: 35px; }
/***Header-section Css End****/
/*******Banner Section Start*********/
main                                        { margin-top:73px; }
.banner-section                             { padding:8px 0 40px; }
.banner-section .bharatsir-img-section      { padding-left: 0px; }
.diagram-img                                { margin-top: 14px; }
/*******Banner Section End*********/
/****** Profile Section Start *****/
.profile-bg                                 { margin-bottom: 30px; height:120px; background-position: left top ; background-size:auto 100% ; }
.profile-info p                             { margin-bottom: 12px; }
/****** Profile Section End *****/
/***** agenda Section Start *****/
ul.agenda-list                              { padding-left: 14px; }
ul.agenda-list li                            { margin-bottom: 12px; font-size: 14px; line-height: 22px;  }
/**** agenda section end  *****/
/**** designation Section Start *****/
.design-card                                { padding:13px; border-radius:10px; }
.design-card .img-box                       { margin-bottom: 10px; }
.design-card  p                             { margin-bottom: 0; font-size: 14px; line-height: 24px; }
.business-card-detail                       { margin:12px 0; }
/****** designation section end ********/
/*** achivement section start *****/
.achivement-card .img-box                   { padding:10px; width:60px; height:60px;  }
.achivement-card .img-info                  { padding-left: 10px; width:calc(100% - 60px); }
.achivement-card .img-info p                { font-size: 14px; line-height: 26px; }
.achivement-box                             { margin-bottom:25px; }
/***** achivement section end  *****/
/******** popular nomination card start *********/
.pop-nomin-card                             { margin-bottom: 20px; }
.nomination-card                            {  padding:10px; border-radius:7px;}
/******** popular nomination card End *********/
/* ********* membership-section start  ******** */
.member-card                                { margin-bottom: 18px; }
.membership-card-detail                     {  padding:11px 9px; border-radius: 10px;}
.membership-card-detail .img-box            { height: 60px; width:60px;  }
.membership-card-detail .img-info                  { padding-left: 12px; width:calc(100% - 60px);  }
/* ********* membership-section End  ******** */
/********* activity section start ********/
.activity-details .row                      { margin-bottom: 24px; }
.activity-details .row:last-child           { margin-bottom: 0px;}
.activity-box p                             { line-height: 24px; margin-bottom: 16px; }
/********* activity section End ********/
/********* Election Process Start ********/
.election-detail h2                         { margin-bottom:22px ; }
.process-card                               { margin-bottom: 22px; }
.process-card  p                            { margin-bottom: 10px; }
/********* Election Process End ********/
/********** Footer Section Start ***************/
.footer-section                             { padding: 18px 0; }
.footer-section ul                          { margin-bottom: 20px;}
.footer-nav                                 {  text-align: center; }
.footer-nav li a                            { margin:4px 0 ; font-size: 15px; line-height: 20px;}
.social-list li a                           { margin:0 12px; width:30px; height: 30px; }

/********** Footer Section End ***************/
}
@media(min-width:576px) and (max-width:767px)/* for fablet */
{

}
/****Responsive Css End******/