@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Common Css Start Point */
* {box-sizing: border-box; margin:0; padding: 0px; text-decoration: none; border: none;}
html {height: 100%;scroll-behavior: smooth;}
body {font: 400 14px/18px "Roboto", sans-serif;}
body, ul, ol, li, p {margin: 0; padding: 0; list-style: none;}
a:focus, a:hover, div:hover, div:focus, input:focus {outline: 0;}

.mainTitle {margin-bottom: 38px;}
.mainTitle h1 {font: 700 50px/85px "Quicksand", sans-serif;border-bottom: 1px solid #EE6F24;text-transform: uppercase;color: #671673;text-align: center;}
.mainTitle span {border-top: 6px solid #671673;width: 106px;margin: -5px auto;}

.flex {display: flex;flex-wrap: wrap;}
.justContCent {justify-content: center;}
.alignItmCent {align-items: center;}
.flexCol {flex-direction: column;}

.container {width: 1240px;margin: 0 auto;}
.posRel {position: relative;}
/* <!-- Main Banner Section Start Point --> */
.banner {background: url(https://images.moneycontrol.com/images/ms/au_s2/events/banner_bg.png) no-repeat center center;background-size: cover;padding: 170px 0;margin-bottom: 30px;}
.banner .whiteBox {padding: 50px 20px;width: 1150px;margin: 0 auto;background: #fff;}
.banner .whiteBox .rhs {width: calc(61% - 7px);}
.banner .whiteBox .deskVideoPara p {font-size: 16px;line-height: 27px;color: #2F2F2F;margin-bottom: 24px;text-align: left;}
.banner .whiteBox .videoPara {display: none;}
.banner .whiteBox .video {width: 570px;position: relative;padding-bottom: 56%;}
.banner .whiteBox .video iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
/* <!-- Main Banner Section End Point --> */

/* <!-- Agenda Section Start Point --> */
.agenda {margin: 50px 0;
    ::-webkit-scrollbar {width: 2px;}
    /* Track */
    ::-webkit-scrollbar-track {background: #852D92;} 
    /* Handle */
    ::-webkit-scrollbar-thumb {background: #EE6F24;}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {background: #EE6F24;}
}
.agenda {background: #671673;padding: 47px 196px 2px 296px;color: #fff;position: relative;}
.agenda .timelineMain {max-height: 353px;overflow-y: auto;height: 100%;padding-left: 95px;}
.agenda .timeline {position: absolute;left: -95px;top: 0;font-weight: 600;font-size: 16px;line-height: 19px;letter-spacing: -2.5%;}
.agenda img:first-child {position: absolute;left: 0;top: -50px;}
.agenda img:nth-child(2) {position: absolute;right: 39px;top: 26px;}
.agenda img:nth-child(3) {position: absolute;bottom: 15px;left: 153px;}
.agenda .mainPara {font-size: 16px;line-height: 19px;letter-spacing:-2.5%;font-weight: 600;margin-bottom: 10px;}
.agenda .para {font-size: 12px;line-height: 16px;letter-spacing:-2.5%;font-weight: 500;margin-bottom: 10px;color: #C8C9C7;padding-right: 43px;}
.agenda ul {border-left: 1px solid #C8C9C7;position: relative;height: 100%;display: inline-table;}
.agenda li {padding:0 43px 0 26px;margin-bottom: 30px;position: relative;}
.agenda li::before {content: '';background-color: #EE6F24;border-radius: 50px;width: 12px;height: 12px;position: absolute;left: -7px;}
.agenda .date {background-color: #fff;border-radius: 6px;border: 1px solid #EE6F24;padding: 10px 35px;color: #EE6F24;font-size: 16px;line-height: 19px;letter-spacing: -2.5%;position: absolute;left: 50%;transform: translate(-50%, -20px);top: 0px;}
/* <!-- Agenda Section End Point --> */

/* <!-- Chief Guest Section Start Point --> */
.leftBg {position: absolute;bottom: -26px;left: 0;}
.rightBg {position: absolute;bottom: -95px;right: 0;}
.chiefGuest .imgmainBox {height: 260px;position: relative;}
.chiefGuest .imgmainBox .dotsBg {position: absolute;bottom: -10px;width: 64px;height: 64px;right: 53%;}
.chiefGuest .imgmainBox img {position: relative;z-index: 999;width: 176px;}
.chiefGuest .imgBox {position: absolute;top: 33px;z-index: 99;} /**border: 2.36px solid #671673;border-radius: 6.5px;width: 177px;height: 196px;background-color: #EE6F24;**/
.chiefGuest .paraBox {background: #fff;position: absolute;width: 370px;top: 4px;left: 29%;padding: 25px 36px 25px 67px;z-index: 9;border-radius: 5px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 7px 0 rgba(0, 0, 0, 0.19);}
.chiefGuest .paraBox h2 {font-size: 16px;color: rgba(103, 22, 115, 1);line-height: 27.2px;}
.chiefGuest .paraBox p {font-size: 13px;color: rgba(83, 83, 83, 1);line-height: 18.2px;}


.chiefGuest .slick-prev.slick-disabled {border-right: 30px solid rgba(233, 233, 233, 1);}

.chiefGuest .slick-prev{left: 35px;width: 0;height: 0;border-left: 0 solid transparent;border-right: 30px solid rgba(238, 111, 36, 1);border-top: 21px solid transparent;border-bottom: 21px solid transparent; background-color: transparent;z-index: 99;font-size: 0;position: absolute;top:50%;bottom: 0;cursor: pointer;}
.chiefGuest .slick-next{right: -5px;width: 0;height: 0;border-right: 0 solid transparent;border-left: 30px solid rgba(238, 111, 36, 1);border-top: 21px solid transparent;border-bottom: 21px solid transparent;background-color: transparent;font-size: 0;position: absolute;top:50%;bottom: 0;cursor: pointer;}
.chiefGuest .slick-slide {margin: 0 90px;}
/* <!-- Chief Guest Section End Point --> */

#changemaker {margin-top: 80px;}
#changemaker .changeCont { background: #FFF2F0; padding: 40px 0px;}
#changemaker .mainTitle { margin: 0 0 4px 0;  z-index: 9; position: relative;}
#changemaker .changeBxcont { height:465px; overflow:hidden; margin: 0 -10px;   display: flex; flex-wrap: wrap; justify-content:center;}
#changemaker .changeBxcont.expand { height: auto;}
#changemaker .makerBx { width:240px; margin:0 8px 25px;}
#changemaker .makerBx figure img { border-radius:7px; display: block; width: 100%; height: auto;}
#changemaker .makerBx a { display: block; font:14px/20px 'Roboto', sans-serif; color: #535353; }
#changemaker .makerBx a strong { color: #671673; display: block; font-size: 16px; font-weight: 700; padding:10px 0 5px 0;}
#changemaker .loadmcnt { text-align: center;}
#changemaker .locadBtn { display: inline-block; background: #EE6F24; border-radius:6px; color: #fff; height: 35px; min-width:180px; padding: 0 5px; font:19px/35px 'Roboto', sans-serif; cursor: pointer; text-align: center; margin: 0 auto; text-transform:uppercase; }

/* <!-- Event Gallery Section Start Point --> */
.eventGallery {background:url('../img/galleryLeft.png') no-repeat;background-position: left;background-position-y: center;margin-top: 40px;}
.eventGallery .main {position: relative;}
.eventGallery .main > img {width: 248px;height: 186px;display: flex;object-fit: cover;cursor: pointer;}
.eventGallery .dots {display: inline-block;position: absolute;top: -67px;right: -3%;z-index: 9;}
#lightbox {background: rgba(0, 0, 0, 0.8);position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;color: #fff;z-index: 9999999;cursor: zoom-out;}
.prev, .next {position: absolute;cursor: pointer;}
.close {font-size: 30px;border-radius: 100px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-weight: 700;}
.prev {left: 23%;z-index: 9999;transform: rotate(180deg);border: 1px solid #fff;border-radius: 100px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 13px;}
.next {right: 23%;z-index: 9999;border: 1px solid #fff;border-radius: 100px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 13px;}
.titleGallery {font-size: 40px;text-align: center;margin: 0 auto 7%;text-transform: uppercase;padding-left: 9%;}
.lightBoxImg {width: 600px;height: 350px;display: flex;border-radius: 5px;border: 5px solid #fff;justify-content: center;}
.lightBoxImg img {width: 100%;height: auto;object-fit: cover;cursor: pointer;}
/* <!-- Event Gallery Section End Point --> */

/* footer CSS start here*/  
footer { background: #1A1A1A; padding:35px 0px;  font: 400 15px / 18px 'Roboto', sans-serif;    color: #fff;   border-top: 1px solid #707070;margin-top: 70px;}
.container_au {    width: 1260px; margin: 0 auto;}
.footer-inn {  display: flex;  justify-content: space-between;}     
.f_content p {  color: #fff;  font: 700 15px / 18px 'Roboto', sans-serif; display: block; margin: 0 0 11px;}        
.smalllinks a { color: #fff; font: 400 15px / 18px 'Roboto', sans-serif; display: inline-block; margin: 0;}     
.social_ico {  display: flex; align-items: center;}
.social_ico a {  display: inline-block; margin: 0 0 0 22.5px; color: #fff;}

.BannerMobileView,
.readMore {display: none;}

/*== pancake ==*/
.activemenu .top_links.menus {right: 0;}
.top_links.menus{display: block; margin-top: 0;}
.menu_container { position: relative; z-index: 9999;}
.dell_pancake {  background:#fff url('http://images.moneycontrol.com/assets/images/ms/au/hamburger.png')center 27px no-repeat;
    width: 60px; height: 60px; z-index: 9; position: fixed; right: 20px; top: 30px; cursor: pointer;border-radius: 50%; background-size: 33px;
    box-shadow: 0px 1px 5px -2px #000000;}
.dell_pancake:after{position: absolute;top:7px;left:14px;content:'menu';color:#671673;font:400 12px "Lato", sans-serif;}
.dell_pancake.dell_pancake_close:after{content:'close'}
.dell_pancake:before {  content: ""; font: 400 12px/25px "Lato", sans-serif; color: #00447C; margin-top: -22px; display: block;}
.dell_pancake.dell_pancake_close:before { content: ""; font: 400 12px/25px "Lato", sans-serif; color: #00447C; margin-top: -22px;display: block;}
.dell_pancake.dell_pancake_close { background:url('http://images.moneycontrol.com/assets/images/ms/au/close.png')center 25px no-repeat; width: 55px; height:55px; position: fixed; right: 65px;top: 30px; cursor: pointer; z-index: 9; content: ""; transition: 0.7s all;box-shadow: none;}
#menus { opacity: 0; right: -560px; position: absolute; z-index: 1;transition: 0.7s all;}
#menus.activemenu {  right: 560px; opacity: 1;transition: 0.7s all;}
.menus { position: fixed;  z-index: 1;  width: 560px; height: 100%; transition: 0.7s all; background-color:#FFF2F0;box-shadow: -5px 5px 6px #00000029; top: 0px; padding: 85px 60px 0 60px;}
.bodyhiddn { overflow: hidden;}
.overlaybg { position: fixed;left: 0; top: 0; right: 0; bottom: 0; height: 100%;content: ""; width: 100%; z-index: 999; background: #000; opacity: 0.5;}
.top_links li { margin-bottom: 35px; border-bottom: 1px dashed #808080; padding-bottom: 10px; position: relative;}
.top_links li a {  font: 500 30px/30px "Lato", sans-serif; color: #671673; display: block; letter-spacing: 0.6px;}
.top_sublinks { display: none;}
.top_sublinks li { border-bottom: 0; margin-bottom: 0;}
.top_sublinks_active span { border: solid #671673; border-width: 0 3px 3px 0; padding: 10px; display: inline-block; transform: rotate(45deg); position: absolute; top: -5px; right: 20px;}
.top_sublinks_active { border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
.top_sublinks_active.active { border-bottom: 1px dashed #ccc;}
.top_links li.sublinks { border-bottom: 0;}
.top_sublinks_active.active span { border-width: 3px 0 0 3px; top: 10px;}
.top_sublinks { margin-top: 15px; padding-left: 25px;}
.top_sublinks li a {font: 400 25px/30px "Lato", sans-serif; color: #0076CE;}
.menusocial svg {fill: #C8C9C7; margin: 0 10px 0 5px;}
.top_links li.menusocial {border-bottom: 0;}
.menusocial .insta_icon,.menusocial .tt_icon,.menusocial .fb_icon { display: inline-block; vertical-align: middle;}
.menusocial div { font: 400 25px/30px "Lato", sans-serif;color: #671673; display: inline-block; vertical-align: middle;}
.menusocial a { line-height: 15px;}

.navsocialicon {display: flex; align-items: center;}
.top_links .navsocialicon li{margin-right: 25px;border:0}
.top_links .navsocialicon li { font: 400 25px/50px "Lato", sans-serif;color:#671673; display: inline-block; vertical-align: middle; margin-right: 25px;}
.top_links .navsocialicon li:first-child{ margin-right: 5px;}

@media all and ( max-width:767px){
.top_links.menus{width: 100%;padding: 70px 30px 0 30px;}
#menus.activemenu{right: 100%;}
.top_links li a{font-size: 24px; letter-spacing: 0;}
.top_links li{margin-bottom: 30px;}
.dell_pancake.dell_pancake_close{right: 15px;top:20px}
.dell_pancake{width: 36px;height: 36px;background: #fff url('http://images.moneycontrol.com/assets/images/ms/au/hamburger.png')center 17px no-repeat;background-size: 19px;top:15px;right:15px}
.dell_pancake:after{font-size: 7px;top: 4px; left: 9px;}
.dell_pancake.dell_pancake_close { background: url('http://images.moneycontrol.com/assets/images/ms/au/close.png')center 15px no-repeat; width: 36px;  height: 36px; right: 15px;top: 15px;background-size: 20px;}
}
/*== pancake ==*/

@media all and (max-width:767px) {
    .readMore,
    .banner .whiteBox .videoPara {display: block;}
    .banner .whiteBox .deskVideoPara {display: none;}
    .agenda,
    .container {width: 100%;}
    .mainTitle h1 {font-size: 30px;line-height: 51px;}
    .forMboMT {margin-top: 50px;}
    .agenda {height: auto;padding: 70px 0 0;}
    .agenda img:first-child {left: -12px;top: -60px;width: 72px;height: auto;}
    .agenda img:nth-child(2) {right: 10px;top: 8px;width: 33px;}
    .agenda img:nth-child(3) {left: 15px;width: 58px;}
    .agenda .mainPara {font-size: 14px;line-height: 16px;}
    .agenda .timeline {font-size: 14px;line-height: 16px;}
    .agenda .timelineMain {padding-left: 106px;max-height: 390px;}
    .agenda .para {padding-right: 0;}
    .agenda li {padding: 0 10px 0 25px;}
    .agenda .date {font-size: 14px;padding: 8px 13px;}

    .banner .whiteBox .rhs {width: 100%;padding: 10px 0 20px;}
    .banner .whiteBox .rhs .videoPara {margin-bottom: 20px;color: #2F2F2F;}
    .banner .videoPara .readMore,
    .banner .videoPara .readless {color:#671673;text-decoration: underline;}
    .banner .whiteBox .rhs p {text-align: center;margin-bottom: 0;line-height: 23px;}

    .container_au {width:auto; margin:0 15px;}  
    #changemaker .loadmcnt {margin-top: 15px;}      
    #changemaker .changeCont { padding: 20px 0;}
    #changemaker .changeBxcont { height: 482px;}
    #changemaker .makerBx { text-align:center; width: 45%;  margin: 0 5px 15px;}    
    #changemaker .makerBx a { font-size: 12px; line-height:14px;}
    #changemaker .makerBx a strong { font-size:14px; line-height: 16px; padding:5px 0;} 
    #changemaker .locadBtn { min-width: 130px; height: 29px; font:14px/29px 'Roboto', sans-serif; } 
    footer { padding: 20px 0;margin-top: 40px;}
    .footer-inn { text-align: center; flex-flow: column;}       
    .social_ico {     margin-top: 20px; justify-content: center;}
    .f_content p {margin: 0 0 5px;} 

    .banner {background: url('https://images.moneycontrol.com/images/ms/au_s2/events/banner_bg_mob.png');height: auto;padding: 80px 0;}
    .banner .whiteBox {padding:0 15px 0;width: 100%;}
    .hamburger {padding-right: 18px;}
    .BannerMobileView {display: flex;position: relative;justify-content: flex-end;align-items: center;}
    .BannerMobileView a {position: absolute;display: flex;width: auto;right: 10px;top: 13px;}
    .BannerMobileView img {width: 100%;}
    .whiteBox .lhs img {width: 219px;height: 219px;}
    .whiteBox .rhs p {text-align: center;}
    .whiteBox .rhs .video {width: 100%;height: 180px;}
    .whiteBox .rhs iframe {width: 100%;height: 100%;}

    .leftBg {display: none;}
    .rightBg {left: -25px;transform: rotate(180deg);width: 73px;}
    

    .slick-dots {display: flex;align-items: center;justify-content: center;column-gap: 5px;margin-top: 15%;}
    .slick-dots li.slick-active {background: rgba(238, 111, 36, 1);border-radius: 100px;width: 12px;height: 12px;}
    .slick-dots li {background: rgba(252, 227, 213, 1);border-radius: 100px;width: 12px;height: 12px;}
    .slick-dots li button {background: none;font-size: 0;}

    .container.formobMarg {width: auto;margin: 0 15px;}
    .chiefGuest .paraBox h2 {font-size: 14px;line-height: 20px;}
    .chiefGuest .paraBox p {font-size: 10px;line-height: 14px;}
    .chiefGuest .slick-slide {margin: 0;padding-top: 30px;}
    .chiefGuest .paraBox {width: 65%;padding: 15px 3px 15px 45px;}
    .chiefGuest .imgmainBox img {width: 38%;height: auto;}
    .chiefGuest .imgBox {width: 122px;height: 127px;}
    .chiefGuest .imgmainBox {height: 190px;}
    .chiefGuest .imgmainBox .dotsBg {top: -20px;width: 37px;height: 35px;right: 3px;}

    /* <!-- Event Gallery Section Start Point --> */
    .eventGallery {background-size: 39px 100px;}
    .eventGallery .main {margin: 0px 19px auto 19px;}
    .eventGallery .main img {width: 33.33%;height: 96px;display: flex;}
    .eventGallery .dots {top: -21px;right: -4%;}
    .eventGallery .dots img {width: 45px;height: 45px;}
    #lightbox {padding: 0 10px;}
    #lightbox .close {position: relative;}
    #lightbox img {width: 100%;height: auto;}
    #lightbox .prev {left: 10%;border: 1px solid #fff;border-radius: 100px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 13px;bottom: 17%;}
    #lightbox .next {right: 10%;border: 1px solid #fff;border-radius: 100px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 13px;bottom: 17%;}
    .titleGallery {font-size: 25px;text-align: center;margin: 0 auto;padding-left: 15%;}
    .lightBoxImg {border: 3px solid #fff;width: 100%;margin-bottom: 10%;}
    /* <!-- Event Gallery Section End Point --> */
}