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

.com_container .top_section {padding-bottom: 15px;}
.com_container .dell_pancake{position: absolute; top: 26px;}
/********** banner start ********/
.banner{background: url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/banner.jpg')center top no-repeat;padding:20px 0 35px 0;text-align: center;color: #fff;background-size: 100%;height: auto;margin-bottom: 50px;position: relative;z-index: 1;}
.heading1{color:#fff;font: 700 40px/60px 'Dell Replica', sans-serif;position: relative;display: inline-block;margin:0}
.heading1:after{position: absolute;content:'';left:0;right:0;margin:0 auto;border-bottom: 1px dotted #fff;width: 90%;height: 1px; display: none;}
.big-txt{display: block;font-size: 60px;}
.heading-two{color:#fff;font: 400 20px/25px 'Roboto', sans-serif;font-style:italic;margin:0 0 35px}
.banner p{color:#fff;font: 400 20px/20px 'Roboto', sans-serif;margin:0}
.sm-txt{color:#fff;font: 700 20px/20px 'Roboto', sans-serif;/*display: block;*/}
.banner .blue-btn{margin-top:20px}
.gra-bg{background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/gradient.png')center center no-repeat;background-size: contain; position: relative;z-index: 1;}
.banner:after {
    position: absolute;
    content: '';
    background: black;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
}
/********** banner end ********/

.top-head{width: auto;height: auto;}

/********** intro start ********/
.introduction{position: relative;}
.trophy{float: right;width: 240px;margin-left:30px}
.trophy img {width: 100%;margin:-250px 0 0 0}
/* .rgt-txt{background:#fff;width: 940px;float: right;padding:30px 0 0 30px;position: relative;margin:30px 0 0 0;} */
.rgt-txt{background:#fff;width: 100%;float: none;padding:30px 0 0 0;position: relative;margin:30px 0 0 0;}
.lft-txt{display: flex;grid-gap: 60px;}
.lft-txt img{position: relative;margin-top: -90px;}

/*.lft-txt{margin-bottom:50px}*/
.lft-txt p,.all-para p{color: #1A1A1A;font:400 18px/30px 'Roboto', sans-serif;}
.dell_wrapper.all-para {margin-bottom: 60px;}
.vid-lft{position: absolute;/*width: 630px;*/left:0;top:-28px;/*height: 330px;*/}
.vid-main-img{position: relative;height: 100%;top: 15px; width:100%;}
.vid-lft img {width: 100%;object-fit: cover;height: 100%;}
.vid-btn { position: absolute; top: 0; display: flex; justify-content: center; left: 0; right: 0; margin: 0 auto;height: 100%;align-items: center;}
.vid-btn img {width: 102px;border-radius: 50%;height: auto;}


.modal-dialog {
  max-width: 729px;
  height: 404px;
  margin: 100px auto;
}

.close img {width: 35px;}
.modal-content{padding: 8px;}
.modal-body {
position:relative;
padding:0px;
}
.close {position:absolute;right:0;top:-60px;z-index:999;font-size:2rem;font-weight: normal;color:#fff;opacity:1;}
/********** intro end ********/


/***popup start ****/
@media (min-width: 768px){
.vid .modal-dialog { width: 728px;min-height: 405px; margin: 100px auto 0;}
video{width: 100%;}
}
.modal-dialog iframe{width: 100%;}
.close-button{position: relative;z-index: 1;top: -50px}
.close-button button {opacity: 1;}
.vid .modal-body{padding: 5px;}
.vid .modal-content{box-shadow: none;}
#vid-one .modal-dialog{width: 800px;background:none}
/**** popup end ****/

/********** timeline start ********/
.timeline-main{background:#00447C;color:#fff;text-align: center;padding: 50px 0;}
.timeline-box{display: flex;grid-gap:109px;margin-top: 50px;justify-content: space-around;}
.timeline-thumb{width: 203px;background:#fff;outline: #0D90F3 dashed 1px;position: relative; border:5px solid #00447C; min-height: 109px;display: flex;align-items: center;justify-content: center;padding: 0 20px;}
.timeline-thumb span.no{color:#41B6E6;font: 400 80px/50px 'Dell Replica', sans-serif;position: absolute;left:-38px;top:0}
.timeline-thumb p{color:#00447C;font: 400 16px/20px 'Roboto', sans-serif;font-style:italic}
.date-rgt{background: rgb(65,182,230);
  background: -moz-linear-gradient(180deg, rgba(65,182,230,1) 0%, rgba(0,118,206,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(65,182,230,1) 0%, rgba(0,118,206,1) 100%);
  background: linear-gradient(180deg, rgba(65,182,230,1) 0%, rgba(0,118,206,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41b6e6",endColorstr="#0076ce",GradientType=1);color:#fff;padding: 10px; width: 73px;height:55px;position: absolute;border-radius: 8px;right:-20px;top:-30px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.dt{display: block;}
/********** timeline end ********/

/********** award categories start ********/
.awards-categories{padding: 90px 0;background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/cir-left.png')right top no-repeat;background-size: 380px;}
.awards-inn{display: flex;flex-wrap: wrap;grid-gap:130px;margin-top: 50px;position: relative;z-index: 1;justify-content: center;}
.awards-thumb{width: 338px;border:10px solid #fff;border-radius: 0 20px;box-shadow: 0px 3px 6px #00000029;padding: 20px; min-height: 341px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(217,240,250,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(217,240,250,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(217,240,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d9f0fa",GradientType=1);
}
.awards-thumb p{color:#4A4A4A;font: 400 14px/20px 'Roboto', sans-serif;margin:0;}
.head3{color:#0076CE;font: 700 20px/25px 'Roboto', sans-serif;margin:0 0 20px;min-height: 49px;position: relative;padding-left: 20px;}
.head3:before{position: absolute;left:0;top:1px;content:'';background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/blue-icon.png')left center no-repeat;background-size: 18px;width: 18px;height: 20px;;}
.icon{width: 30px;}
.icon img {width: 100%;}
.icon img.sm-icon{width: 18px;}
/********** award categories end ********/

/********** nomination start ********/
.nomination-back{background:#00447C;color:#fff;text-align: center;padding: 30px 0 0;position: relative;}
.nomination-back:before{position: absolute;content:'';left:0;top:-180%;width: 300px;height:710px;background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/cir-right.png')left top no-repeat;background-size: 100%;}
.nomination-back p{font: 400 20px/40px 'Roboto', sans-serif;margin:0;}
.nomination-back span{font: 700 20px/30px 'Roboto', sans-serif;margin:0 0 10px;display: block;}
.nomination-back .blue-btn{margin:0 0 -20px}
/********** nomination end ********/

/********** speaker start ********/
.speaker-main{padding: 90px 0 36px;}
.cen-txt{width: 920px;margin:70px auto 0;position: relative;}
.speaker-img{width: 428px;height: 443px;flex-shrink: 0;position: absolute;left:0;top:-50px}
.speaker-txt{padding: 29px 0 47px 290px;}
.speaker-img img {border:1px solid #707070;border-radius: 10px 30px;object-fit: cover;width: 100%;}
.speaker-thumb{border-radius:10px 30px;border:1px solid #00447C;width: 771px;
  box-shadow: 0px 3px 6px #00000029;float: right;background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/keynote.png')right top no-repeat;background-size: 100px;}
.speaker-in p{color: #00447C;font: 400 30px/50px 'Roboto', sans-serif;margin:0;font-style: italic;position: relative;width: 465px;
  padding: 10px 0 0 50px;}
.speaker-in p:before{position: absolute;content:'';left:0;top:0;background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/quote.png')left top no-repeat;background-size: 50px;width: 50px;height: 50px;}
.speaker-in p:after{position: absolute;content:'';right:0;bottom:-20px;background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/quote.png')left top no-repeat;background-size: 50px;width: 50px;height: 50px;transform: rotate(180deg);}
.names{background:#fff;padding: 15px;position: relative;margin:0 0 30px -80px;display: inline-block;}
.speakar-name{color:#1A1A1A;font: 700 30px/30px 'Roboto', sans-serif;margin:0;}
.designation{color:#1A1A1A;font: 400 18px/30px 'Roboto', sans-serif;margin:0;}
/********** speaker end ********/

/********** jury start ********/
.jury{padding:36px 50px;color: #fff;
  background: rgb(65,182,230);
  background: -moz-linear-gradient(111deg, rgba(65,182,230,1) 0%, rgba(0,118,206,1) 25%, rgba(65,182,230,1) 51%, rgba(0,118,206,1) 75%, rgba(65,182,230,1) 100%);
  background: -webkit-linear-gradient(111deg, rgba(65,182,230,1) 0%, rgba(0,118,206,1) 25%, rgba(65,182,230,1) 51%, rgba(0,118,206,1) 75%, rgba(65,182,230,1) 100%);
  background: linear-gradient(111deg, rgba(65,182,230,1) 0%, rgba(0,118,206,1) 25%, rgba(65,182,230,1) 51%, rgba(0,118,206,1) 75%, rgba(65,182,230,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41b6e6",endColorstr="#41b6e6",GradientType=1);}
.jury-thumb{text-align: left;}
.jury-thumb img{border-radius: 5px;border:1px solid #707070;width: 280px;}
.jury-thumb h3{font: 700 20px/45px 'Roboto', sans-serif;margin:0}
.jury-thumb h3 a{color: #fff;}
.jury-thumb p{font: 400 13px/18px 'Roboto', sans-serif;margin:0}
.jury .slick-prev, .jury .slick-next{border-radius: 5px;transform: none;top:35%;border:0;background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/arrow.jpg')left center no-repeat;background-size: 30px;padding: 0;width: 30px;height: 30px;}
.jury .slick-prev{left:-20px}
.jury .slick-next{right:-25px;transform: rotate(180deg);}
/********** jury end ********/

/********** agenda start ********/
.agenda-inn{width: 807px;margin:0 auto;}
.agenda{padding: 70px 0;}
.time{color:#1A1A1A;font: 400 20px/50px 'Roboto', sans-serif;margin:0 0}
.agenda-details p{color:#1A1A1A;font: 300 18px/25px 'Roboto', sans-serif;margin:0 0 28px}
/********** agenda end ********/


/********** faq start ********/
.clear{clear:both}
.faq{padding: 50px 0;position: relative;}
.faq:before{position: absolute;content:''; top:0;left:0;width: 100%;height: 275px;
  background: rgb(20,54,100);z-index: -1;
  background: -moz-linear-gradient(90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 29%, rgba(52,167,105,1) 57%, rgba(117,211,58,1) 80%, rgba(247,248,209,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 29%, rgba(52,167,105,1) 57%, rgba(117,211,58,1) 80%, rgba(247,248,209,1) 100%);
  background: linear-gradient(90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 29%, rgba(52,167,105,1) 57%, rgba(117,211,58,1) 80%, rgba(247,248,209,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143664",endColorstr="#f7f8d1",GradientType=1);}
ul.tabs {margin: 0 0 10px;padding: 0;float: left;list-style: none;border-bottom: 1px solid #fff;width: 100%;}
ul.tabs li {	float: left;	margin: 0;cursor: pointer;	padding: 0px 21px;	border-bottom: 10px solid #3330;		color: #fff;	overflow: hidden;	position: relative;font-size: 18px;line-height: 50px;
}
ul.tabs li:hover {border-bottom: 10px solid #fff;}
ul.tabs li.active {	border-bottom: 10px solid #fff;	display: block;}
.tab_container {clear: both;float: left;width: 100%;background: #fff;overflow: auto; box-shadow: 0px 3px 6px #00000029;}
 .tab_content {padding: 24px 40px;display: none;}
.tab_drawer_heading { display: none; }
.faq .tab-heading,.tab_content h2{color: #4A4A4A;font:400 25px/30px arial;margin:0 0 20px}
.faq .panel-default>.panel-heading{padding: 0;background:0;border:0}
.faq .panel-title,.faq .panel-default>.panel-heading+.panel-collapse>.panel-body,.tab_content p{color:#808080;font-weight: 400;font-size: 18px;line-height: 25px;}
.faq .panel-title a{padding:10px 20px 10px 0px;display:block ;border-bottom: 1px solid #41B6E6;}
.faq .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0;padding: 0 10px 10px 10px;}
.faq .panel-group .panel{box-shadow: none;border:0}
.faq .collapse.in{border-bottom: 1px solid #41B6E6;}
.faq a[aria-expanded="true"]{ color: #0076CE; border:0;width: 100%;display: block;}
.faq a[aria-expanded="true"]:before{color:#808080}

@media screen and (max-width: 480px) {
.tabs {	display: none;}
.tab_drawer_heading {	background-color: #ccc;color: #fff;	border-top: 1px solid #333;	margin: 0;	padding: 5px 20px;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;user-select: none;
  color: #fff;border: 0;border-bottom: 1px solid #198fac;
  font-size: 20px;
  font-weight: 400;
  
  padding: 15px 20px;
  background: rgb(20,54,100);
  background: -moz-linear-gradient(90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 100%);
  background: -webkit-linear-gradient(
90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 100%);
  background: linear-gradient(
90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143664",endColorstr="#198fac",GradientType=1);
}

.d_active {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  border: 0;
  padding: 15px 20px;
  background: rgb(20,54,100);
  background: -moz-linear-gradient(90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 100%);
  background: -webkit-linear-gradient(
90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 100%);
  background: linear-gradient(
90deg, rgba(20,54,100,1) 0%, rgba(25,143,172,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#143664",endColorstr="#198fac",GradientType=1);
}
}

.panel-title{position: relative;}
.panel-title > a:before {background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/minus.png')right center no-repeat;padding-right: 5px;background-size: 16px;width: 16px;height: 16px;position: absolute;content:'';right:0}
.panel-title > a.collapsed:before {background:url('http://images.moneycontrol.com/assets/images/ms/dell_awards/homepage/plus.png')right center no-repeat;padding-right: 5px;background-size: 16px;width: 16px;height: 16px;position: absolute;content:'';right:0}
.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus  {text-decoration:none;}
/********** faq end ********/


/**** heading and buttons start ******/
.heading2{color:#00447C; font: 400 40px/20px 'Dell Replica', sans-serif;margin:0 0 6px;text-align: center;}
.headspan{color: #808080;text-transform: uppercase;font: 400 16px/50px 'Roboto', sans-serif;text-align: center;display: block;margin:0 0 20px}
.white-heading2{color:#fff; font: 400 40px/20px 'Dell Replica', sans-serif;margin:0 0 6px;text-align: center;}
.white-sm-txt{color: #fff;text-transform: uppercase;font: 400 16px/50px 'Roboto', sans-serif;text-align: center;display: block;margin:0 0 20px}
.blue-btn{background:#41B6E6;display: inline-block;font: 700 20px/44px 'Roboto', sans-serif;padding:6px 40px;border-radius: 5px;color: #fff;position: relative; z-index: 1;}

/**** heading ends ******/




/****** start media *********/
@media all and (max-width: 1190px) {
  .banner{background-size: cover;}
  .rgt-txt{width: 55%;}
  .vid-lft{width: 60%;}
  .trophy {width: 170px;}
  .timeline-box{grid-gap:0}
  .timeline-thumb{width: 160px;}
  .awards-thumb{width: 300px;}
  .awards-inn{grid-gap:40px}
  .jury-thumb img{width: 250px;}
  .jury{padding:30px}
}


@media all and (max-width: 980px) {
.heading2,.white-heading2{font-size: 30px;line-height: 20px;}
.agenda,.speaker-main,.awards-categories,.timeline-main,.banner{padding: 40px 0;}
.agenda-inn,.cen-txt{width: 100%;}
.time,.jury-thumb h3,.speaker-in p{font-size: 18px;line-height: 30px;}
.agenda-details p,.designation{font-size: 16px;line-height: 20px;}
.jury-slider{display: flex;grid-gap:40px;width: 100%;overflow: scroll;}
.blue-btn{font-size: 16px;line-height: 40px;padding: 3px 20px;}
.speaker-img,.vid-lft{position: relative;width: 100%;left:unset;top:unset}
.speaker-txt{padding: 20px 0;}
.speaker-thumb{padding: 15px;width: 100%;background:#fff}
.cen-txt{margin-top:20px}
.names{margin:0;padding: 10px 0;}
.speakar-name{font-size: 20px;}
.speaker-in p{width: 100%;}
.speaker-in p:before,.speaker-in p:after{background-size: 20px;width: 20px;height: 20px;}
.speaker-in p{padding:0px 0 0 30px}
.nomination-back:before{display: none;}
.awards-categories{background: #fff;}
.awards-inn{grid-gap:30px;justify-content: center;}
.awards-thumb{min-height: auto;}
.timeline-box{flex-wrap: wrap;grid-gap:50px 20px}
.timeline-thumb{width: 140px;}
.timeline-main{padding-bottom: 50px;}
.timeline-thumb span.no{font-size: 40px;line-height: 20px;left: -20px;}
.banner{background-size: cover;height: auto;margin-top: 10px;margin-bottom: 20px;}
.heading1{font-size: 30px;line-height: 40px;}
.big-txt{font-size: 40px;}
.heading-two{font-size: 25px;line-height: 25px;margin-bottom: 30px;}
.rgt-txt{width: 100%;padding: 0;margin:25px 0 20px;}
.trophy{float:none;margin:0 auto 20px}
.trophy img{margin:0}
.vid-lft{height: 100%;margin-bottom: 20px;}
.vid-btn img{width: 50px;}
.speaker-img{height: auto;}
.jury .dell_wrapper{padding: 0;}
.faq .tab-heading, .tab_content h2{font-size: 20px;margin-bottom: 10px;}
.tab_content{padding: 15px 25px;}
.faq .panel-title, .faq .panel-default>.panel-heading+.panel-collapse>.panel-body, .tab_content p{font-size: 16px;line-height: 23px;}
#vid-one .modal-dialog {width: 100%;margin: 100px auto;}
ul.tabs li{font-size: 17px;padding: 0px 10px;}
.top-head {padding-top: 20px;}

.lft-txt img{margin-top: 0;}
.lft-txt{grid-gap: 30px;flex-direction: column;}

}

@media all and (max-width: 410px) {
.top-head {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: #fff;
}
}