.wrap-box{overflow: hidden;}
h1,.h1,.h2,h2{letter-spacing: 0;}
#content{background: #dbffc6 }
#banner_box{ position: relative;padding-bottom: 215px; background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2024/01/31192804/fintech-24-banner-bg.png)no-repeat center bottom/cover;}
#banner_box h1{font-size: 50px; line-height: 55px; color:#e1c1a7}
#banner_box small{color: #fff; font-size: 25px; line-height: 31px; font-weight: 600; }
#banner_box h2{ font-weight: 700; margin: 0; color: #fff; font-size: 25px; line-height: 31px;}
#banner_box h3{ font-weight: 700; margin: 0; color: #fff; font-size: 25px; line-height: 31px;}

.sticky-fixed{position: fixed; z-index: 9; top: 35px; transition: all 0.5s ease-in-out;}
#fintechModal button.close {top: -18px; right: -18px;line-height: normal!important;}
#fintechModal .fa-times {font-size: 28px;color: #e43725; margin-left: 0px;}

@-moz-keyframes spin { 
	100% { -moz-transform: rotate(90deg); } 
  }
  @-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(90deg); } 
  }
  @keyframes spin { 
	100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } 
  }

#fintechModal button.close:hover {-webkit-animation:spin 500ms linear;
	  -moz-animation:spin 500ms linear; animation:spin 500ms linear;}
#fintechModal .btn-success { color: #fff; background-color: #e43725;
    border-color: #b62818; font-size: 18px; line-height: 24px; padding: 8px 20px;}  
.ourLeadership .select-wrap select#ourleadership option {border: 1px solid #ccc!important;line-height: 0px!important;}

.dream-experience{ position:relative; display: inline-block; border-radius: 8px; padding: 35px 20px; margin: 25px 0; background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/23122318/dreamforce-banner-title-bg.png)repeat center center;}


#banner_box h4{color: #fff; font-size: 24px; line-height: 29px; text-shadow: 0 4px 5px #000;margin: 0 0 25px; font-weight: 600;}
.timer-body-block>div{display: inline-block;color: #fff; margin: 0 15px; padding:5px 0 0; background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/23122308/dreamforce-counter-bg.png)no-repeat center center/contain; width: 76px; height: 94px;}
.tab-val{font-weight: 700; font-size: 45px; line-height: 50px; margin-bottom: 10px; }
.tab-unit{font-size: 14px; line-height: 18px; text-transform: uppercase;}
.dream-form{ display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center;flex-direction: column; justify-content: center; }
.dream-form label{margin-top: -5px;}
.form-control, 
select,
input[type="text"], 
input[type="email"],
input[type="tel"] { height: 35px; font-size: 14px; line-height: 18px; border: 1px solid #ccc;}
#banner_box .banner-btn{width: 100%;}
#banner_box .banner-btn .register-now{width: 100%; background: #fff; color: #000; height: 60px; line-height: 60px; font-size: 18px; box-shadow: 0 1px 5px #000;}
#algo-rendezvous .banner-btn .btn{
  border: none;
  line-height: 43px;
  overflow: hidden;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  height: 43px;
  margin-right: 1%;
  padding: 0;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  width: 143px;
  color: #fff;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  background: #fd6b59;
}
#banner_box .register-now.flipL{ transform: translateX(-400px); transform: scale(0); opacity: 0;}
.dream-from,
.fadeRight{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s;}
.fadeRight{opacity: 0;  transition: all 0.6s; -webkit-transition: all 0.6s; -webkit-transform: translateX(200px); transform: translateX(200px); z-index: -1;}
.fadeRight.come{opacity: 1; transform: translateX(0); z-index: 1;}
.fadeRight .col-xs-2{padding: 0;}
.next,input.next{ width: 100%; height: 45px; display: none; width: 100%; border-radius: 4px; background: #fff; color: #000; cursor: pointer;transition: all 0.6s; -webkit-transition: all 0.6s;}
.next:hover{box-shadow: 0 1px 5px #000; }
.next .fa{line-height: 43px;}
input.next{height: 46px; line-height: 43px; border: none; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; box-shadow:0 1px 5px #000; }
input.next:hover{box-shadow:0 1px 10px #00a14c}
.come .next{display: block;}
.wpcf7-mail-sent-ok {color: #228830;font-size: 14px;font-weight: 600;margin: 15px 0 0;}
.dream-experience {background:#291b57; transition: all 0.5s ease-in-out;}
.sticky-fixed .dream-experience{box-shadow: 0 0 2px 2px rgba(0,0,0,0.3); }
#aboutDreamforce{padding-bottom: 30px;}
.speakers{
  padding: 40px 0px 30px; 
  background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2024/01/31192809/fintech-24-insight-bg.png)no-repeat center center/cover; 
  display: flex; 
  display: -webkit-flex; 
  flex-wrap: wrap; 
  align-content: center; 
  position: relative;
  margin: -94px 0 65px;
}
#algo-rendezvous.speakers{
  padding: 50px 0px 30px; 
  background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2024/02/02060206/fintech-rendezvous-bg.png)no-repeat center center/cover; 
  display: flex; 
  display: -webkit-flex; 
  flex-wrap: wrap; 
  align-content: center; 
  position: relative;
  margin: 40px 0 45px;
}
#algo-rendezvous li{ padding-right: 10px; padding-bottom: 10px;}
#algo-rendezvous.speakers h3 {color: #fff; margin: 0; width: 100%; font-weight: 600;}
#algo-rendezvous.speakers h2 {color: #fff; margin: 0; width: 100%; font-weight: 600;}
#algo-rendezvous.speakers h4 {color: #fff; margin: 10px 0 10px; width: 100%;}
#algo-rendezvous.speakers h4 a{color: #fd6b59;}
#ourDreamforce h5 {color: #A86403; font-weight: 600;margin: 0;}
#ourDreamforce h4  small{color: #fff!important; font-weight: 700; margin: 0;}

/* New Popup Form design */
#fintechModal .column {float: left; width: 50%; padding-right: 15px;}
#fintechModal .column.nopadright{padding-right: 0!important;}
#fintech-leadership ul {width: 100%; text-align: center; display: flex;
  justify-content: space-between;}
#fintech-leadership li { width: 16.6%;}
#fintech-leadership small.name {font-size: 10px; line-height: 15px; font-weight: 600;}
#fintech-leadership small.position {font-size: 9px; line-height: 12px; font-weight: 500; display: block;}
/* */

.ourLeadership .select-wrap select#ourleadership, #meetupondate {border: 1px solid #ccc!important; }
.select-wrap select{border: 1px!important; line-height: 21px!important;}
#fintechModal h5{ font-weight: 600;}
#fintechModal .wpcf7-not-valid-tip{ display: none;}
#fintechModal .wpcf7-not-valid {border-color: #bb2c2c;}
#fintechModal .wpcf7-validation-errors{ color: #bb2c2c; font-weight: 500; display: none!important;}

/* #algo-rendezvous figure {clip-path: circle(50%); } */
.all-about-dreamforce {float: left; padding: 30px 0;}
.all-about-dreamforce .frame{ padding-top: 25px;}
.speakers ul li{float:left;padding-left:10px; padding-right: 10px;}
.speakers:after,
.speakers:before{position: absolute;content: ''; width: 100%; left: 0; right: 0;}
.speakers:after{background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/23122311/dreamforce-speaker-border.png)no-repeat center center;height: 1px; top: -1px;}
.speakers:before{background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/23122304/dreamforce-speaker-btm-sdw.png)no-repeat center top; height: 66px; bottom: -66px;}
.speakers figure{width: 145px; height: 145px; border-radius: 5px; overflow: hidden; margin-bottom: 8px;}
.speakers small{color: #fff; font-size: 10px; line-height: 16px; font-weight: 700;}
.speakers small span{color: #fff; font-size: 13px; line-height: 18px; font-weight: 700;}
.speakers ul{margin: 0;}
.title{position: relative;}
#algo-rendezvous small.name {font-size: 12px; line-height: 17px;}
#algo-rendezvous small.position {font-size: 9px; line-height: 14px;}
.title:after{position: absolute;content: ''; width: 2px; height: 65px; background: #fff;top: 0; bottom: 0; left: 0; margin: auto;}
.speakers .title{display: flex; display: -webkit-flex; flex-wrap: wrap; align-content: center; }
.speakers h3{color: #ef3f26; margin: 0; width: 100%; font-weight: 600;}
.speakers h2{color: #263271; margin: 0; width: 100%; font-weight: 600; font-size:28px; line-height: 34px;}
.speakers h4{color: #263271; margin: 10px 0 0; width: 100%;}
.abt-dreamforce .title{margin-bottom: 15px;}
.abt-dreamforce .title:after{left: -15px; background:#263271;}
.abt-dreamforce h5{color: #fff; font-weight: 600; margin: 0;}
.abt-dreamforce h4 small{color: #fff; font-weight: 600; margin: 0;}
.abt-dreamforce h3 small{color: #263271; font-weight: 600; margin: 0;}
.abt-dreamforce h3{color: #263271;margin: 10px 0 0; font-weight: 700;}
.abt-dreamforce p{color: #263271; font-size: 16px; line-height: 22px;}
.abt-dreamforce .banner-btn{margin-top: 30px;}
.abt-dreamforce .banner-btn .register-now{background: #ed8c01; color: #fff;}
.abt-dreamforce .banner-btn .register-now:before{background: #d17b00;}
#banner_box .dream-experience .register-now:hover{background: #ed8c01; color: #fff;}
#banner_box .dream-experience .register-now:before{background: none;} 
#dreamFun h3{color: #d3c907; font-weight: 700;}
#dreamFun p,
#algoDream p{color: #fff;}
#dreamFun figure{padding: 10px; border: 1px solid #d3c907; margin: 20px 0 40px;}
/*action call*/
#praty .praty-details{
  background:url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/26121020/dreamforce-praty-bg.png)repeat;
  border-radius: 20px; border: 1px solid #912aef; box-shadow: 0 0 15px rgba(161,40,250,0.6);
  position: relative; margin-bottom: 150px; padding-bottom: 80px;}
#praty .praty-details:after,
#praty .praty-details:before{background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/26121008/praty-cloud.png) no-repeat; position: absolute; content: ''; width: 304px; height: 212px; left: 0; right: 0; margin: auto; bottom: -130px; z-index: -1;}
#praty .praty-details:before{bottom: -150px; z-index: 1;}
.praty-details figure{margin-top: -57px;}
.praty-details h5{color: #a93dfa; font-style: italic; font-weight: 600; font-size: 22px; letter-spacing: 1px;}
.praty-details h6{color: #ffdf4c; letter-spacing: 1px; font-size: 13px; line-height: 18px;}
.praty-details .number{padding-bottom: 20px; margin-bottom: 10px; position: relative;}
.praty-details .number:after{position: absolute;content: ''; background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/26121005/praty-border.png)no-repeat center center; width: 100%; height: 2px; left: 0; right: 0; margin: auto; bottom: 0;}
.praty-details  span{font-size: 14px; color:#fefefe;display: block;}
.praty-details a{font-size: 23px; line-height: 27px; color: #fefefe; }
.praty-details  a:hover{text-decoration: none; cursor: default;}
.praty-details .number +h5{color: #ffdf4c; font-style: normal;}
.praty-details h3{color: #27d3f8; font-weight: 600;}
.cloud{position: absolute; right: 0; left: 0; margin: auto; bottom: -75px;z-index: 2}
.cloud h4{color: #fff; font-weight: 600;}
/*action call*/
.action-call { position: fixed; bottom: 0; left: 0; transition: all 0.6s; -webkit-transition: all 0.6s; opacity: 1;  z-index: 994;}
.bounceInUp{ -webkit-transform: translateY(150%); transform: translateY(150%); }
.close{width: 35px; height: 35px; border-radius: 100%; border: 1px solid #912aef; text-align: center; color: #fff; font-size: 14px; font-weight: 600; position: absolute; top: 10px; right: 25px; opacity: 1; line-height: 35px; text-shadow: 0 1px 0 #912aef; background: #912aef;}
.close:hover,.close:focus{color: #fff; opacity: 1;}footer{position: relative; z-index: 993;}
/*action call*/
/*Timeline Start*/
#timeline{background:url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2023/08/21105014/timeline-bg.png)no-repeat center top/cover; min-height: 700px; padding: 20px 0;}
#timeline h3{color: #141160; font-weight: 700;}
#timeline h4{color: #444444;}
.year-cycle{min-height: 530px;}
.year-cycle li{
  position: absolute; 
  border-radius: 100%;
  font-weight: 700; 
  color: #fff;
  display: flex; 
  display: -webkit-flex; 
  flex-wrap: wrap; 
  align-items: center;
  flex-direction: column; 
  justify-content: center;
}
.year-cycle li span{display: block; width: 100%;}
.year-cycle li:nth-child(1){width:50px; height:50px; background:#014ce5; left: 145px; top: 120px;}
.year-cycle li:nth-child(1) .yy{font-size: 12px;line-height: 12px;}
.year-cycle li:nth-child(1) .YY{font-size: 18px; line-height:18px;}

.year-cycle li:nth-child(2){width:50px; height:50px; background:#c52cd7; left: 60px; top: 120px;}
.year-cycle li:nth-child(2) .yy{font-size: 12px;line-height: 12px;}
.year-cycle li:nth-child(2) .YY{font-size: 18px; line-height:18px;}

.year-cycle li:nth-child(3){width:55px; height:55px; background:#a7d661;  left: 90px; top: 195px;}
.year-cycle li:nth-child(3) .yy{font-size: 12px;line-height: 12px;}
.year-cycle li:nth-child(3) .YY{font-size: 20px; line-height: 20px;}

.year-cycle li:nth-child(4){width:60px; height:60px; background:#f43655; left: 185px; top: 195px;}
.year-cycle li:nth-child(4) .yy{font-size: 13px;line-height: 13px;}
.year-cycle li:nth-child(4) .YY{font-size: 22px; line-height: 22px;}

.year-cycle li:nth-child(5){width:65px; height:65px; background:#d38a16;left: 245px; top: 125px;}
.year-cycle li:nth-child(5) .yy{font-size: 14px;line-height: 14px;}
.year-cycle li:nth-child(5) .YY{font-size: 24px; line-height: 24px;}

.year-cycle li:nth-child(6){width:70px; height:70px; background:#019b7e; left: 230px; top: 30px;}
.year-cycle li:nth-child(6) .yy{font-size: 15px;line-height: 15px;}
.year-cycle li:nth-child(6) .YY{font-size: 26px; line-height: 26px;}

.year-cycle li:nth-child(7){width:75px; height:75px; background:#fd6b59; left: 120px; top: -5px; }
.year-cycle li:nth-child(7) .yy{font-size: 17px;line-height: 17px;}
.year-cycle li:nth-child(7) .YY{font-size: 28px; line-height: 28px;}

.year-cycle li:nth-child(8){width:80px; height:80px; background:#a67bc9; left: 0px; top: 20px;}
.year-cycle li:nth-child(8) .yy{font-size: 19px;line-height: 19px;}
.year-cycle li:nth-child(8) .YY{font-size: 30px; line-height: 30px;}

.year-cycle li:nth-child(9){width:85px; height:85px; background:#0077bb;left: -85px; bottom: 325px; }
.year-cycle li:nth-child(9) .yy{font-size: 20px;line-height: 20px;}
.year-cycle li:nth-child(9) .YY{font-size: 32px; line-height: 32px;}

.year-cycle li:nth-child(10){width:90px; height:90px; background:#8cd126; left: -107px; bottom: 197px;}
.year-cycle li:nth-child(10) .yy{font-size: 20px; line-height: 20px;}
.year-cycle li:nth-child(10) .YY{font-size: 32px; line-height: 32px;}

.year-cycle li:nth-child(11){width:95px; height:95px; background:#ffb50e; left: -80px; bottom: 62px;}
.year-cycle li:nth-child(11) .yy{font-size: 20px;line-height: 20px;}
.year-cycle li:nth-child(11) .YY{font-size: 32px; line-height: 32px;}

.year-cycle li:nth-child(12){width:100px; height:100px; background:#15d0c6; left: 45px; bottom: 0px;}
.year-cycle li:nth-child(12) .yy{font-size: 22px;line-height: 22px;}
.year-cycle li:nth-child(12) .YY{font-size: 34px; line-height: 34px;}

.year-cycle li:nth-child(13){width:105px; height:105px; background:#963cbc; right: 870px; bottom: 35px;}
.year-cycle li:nth-child(13) .yy{font-size: 24px;line-height: 24px;}
.year-cycle li:nth-child(13) .YY{font-size: 36px; line-height: 36px;}

.year-cycle li:nth-child(14){width:110px; height:110px; background:#e93a8a; right: 737px; bottom: 104px;}
.year-cycle li:nth-child(14) .yy{font-size: 26px;line-height: 26px;}
.year-cycle li:nth-child(14) .YY{font-size: 38px; line-height: 38px;}

.year-cycle li:nth-child(15){width:115px; height:115px; background:#638183; right: 610px; bottom: 198px;}
.year-cycle li:nth-child(15) .yy{font-size: 26px;line-height: 26px;}
.year-cycle li:nth-child(15) .YY{font-size: 38px; line-height: 38px;}

.year-cycle li:nth-child(16){width:120px; height:120px; background:#6fa2ff; right: 484px; bottom: 319px;}
.year-cycle li:nth-child(16) .yy{font-size: 26px;line-height: 26px;}
.year-cycle li:nth-child(16) .YY{font-size: 38px; line-height: 38px;}

/* Adding for DF 19 */
.year-cycle li:nth-child(17){width:130px; height:130px; background:#B4A7D6; right: 290px; top: 30px;}
.year-cycle li:nth-child(17) .yy{font-size: 28px;line-height: 28px;}
.year-cycle li:nth-child(17) .YY{font-size: 40px; line-height: 40px;}
/* Adding for DF 19 */

/* Adding for DF 20 */
.year-cycle li:nth-child(18){width:140px; height:140px; background:#F4CCCC; right: 105px; top: 116px;}
.year-cycle li:nth-child(18) .yy{font-size: 28px;line-height: 28px;}
.year-cycle li:nth-child(18) .YY{font-size: 40px; line-height: 40px;}
/* Adding for DF 20 */

/* Adding for DF 21 */
.year-cycle li:nth-child(19){width:150px; height:150px; background:#141160; right: -55px; bottom: 140px;}
.year-cycle li:nth-child(19) .yy{font-size: 30px;line-height: 30px;}
.year-cycle li:nth-child(19) .YY{font-size: 42px; line-height: 42px;}
/* Adding for DF 21 */

/* Adding for DF 22 */
.year-cycle li:nth-child(20) {width: 150px; height: 150px; background: #003734; right: -124px; bottom: -52px;}
.year-cycle li:nth-child(20) .yy{font-size: 30px;line-height: 30px;}
.year-cycle li:nth-child(20) .YY{font-size: 42px; line-height: 42px;}
/* Adding for DF 22 */

.year-cycle li:hover{cursor: default;}
.year-cycle li:after,
.year-cycle li:before { position: absolute; content: ''; background: none; border: 2px solid #fff;
  border-radius: 100%; opacity: 0; margin: auto; left: -100%; top: 0; right: -100%; bottom: 0;
  z-index: 1;}
.year-cycle li:before{border:1px solid #465061;}

.year-cycle li:nth-child(1):after{width: 55px; height: 55px;}
.year-cycle li:nth-child(1):before{width: 65px; height: 65px;}

.year-cycle li:nth-child(2):after{width: 60px; height: 60px;}
.year-cycle li:nth-child(2):before{width: 70px; height: 70px;}

.year-cycle li:nth-child(3):after{width: 65px; height: 65px;}
.year-cycle li:nth-child(3):before{width: 75px; height: 75px;}

.year-cycle li:nth-child(4):after{width: 70px; height: 70px;}
.year-cycle li:nth-child(4):before{width: 80px; height: 80px;}

.year-cycle li:nth-child(5):after{width: 75px; height: 75px;}
.year-cycle li:nth-child(5):before{width: 85px; height: 85px;}

.year-cycle li:nth-child(6):after{width: 80px; height: 80px;}
.year-cycle li:nth-child(6):before{width: 90px; height: 90px;}

.year-cycle li:nth-child(7):after{width: 85px; height: 85px;}
.year-cycle li:nth-child(7):before{width: 95px; height: 95px;}

.year-cycle li:nth-child(8):after{width: 95px; height: 95px;}
.year-cycle li:nth-child(8):before{width: 115px; height: 110px;}

.year-cycle li:nth-child(9):after{width: 110px; height: 110px;}
.year-cycle li:nth-child(9):before{width: 120px; height: 120px;}

.year-cycle li:nth-child(10):after{width: 115px; height: 115px;}
.year-cycle li:nth-child(10):before{width: 125px; height: 125px;}

.year-cycle li:nth-child(11):after{width: 120px; height: 120px;}
.year-cycle li:nth-child(11):before{width: 130px; height: 130px;}

.year-cycle li:nth-child(12):after{width: 125px; height: 125px;}
.year-cycle li:nth-child(12):before{width: 135px; height: 135px;}

.year-cycle li:nth-child(13):after{width: 130px; height: 130px;}
.year-cycle li:nth-child(13):before{width: 140px; height: 140px;}

.year-cycle li:nth-child(14):after{width: 135px; height: 135px;}
.year-cycle li:nth-child(14):before{width: 145px; height: 145px;}

.year-cycle li:nth-child(15):after{width: 140px; height: 140px;}
.year-cycle li:nth-child(15):before{width: 150px; height: 150px;}

.year-cycle li:nth-child(16):after{width: 145px; height: 145px;}
.year-cycle li:nth-child(16):before{width: 160px; height: 160px;}

.year-cycle li:nth-child(17):after{width: 155px; height: 155px;}
.year-cycle li:nth-child(17):before{width: 170px; height: 170px;}

.year-cycle li:nth-child(18):after{width: 160px; height: 160px;}
.year-cycle li:nth-child(18):before{width: 175px; height: 175px;}

.year-cycle li:nth-child(19):after{width: 160px; height: 160px;}
.year-cycle li:nth-child(19):before{width: 175px; height: 175px;}

/* Adding for DF 22 */
.year-cycle li:nth-child(20):after{width: 160px; height: 160px;}
.year-cycle li:nth-child(20):before{width: 175px; height: 175px;}
/* Adding for DF 22 */

.year-cycle li:hover:after,
.year-cycle li:hover:before,
.year-cycle li.active:after,
.year-cycle li.active:before{ opacity: 1;animation: 2s linear 0s normal none infinite running pulse;}

@keyframes pulse {0% {opacity: 0;transform: scale(1);}25% {opacity: 0.2; transform: scale(1.1);}50% {opacity: 0.4;transform: scale(1.2);}75% {opacity: 0.2;transform: scale(1.3);} 100% {opacity: 0;transform: scale(1.4);}}
@-webkit-keyframes pulse {0% { opacity: 0;transform: scale(1);}25% {opacity: 0.2;transform: scale(1.1);}50% {opacity: 0.4;transform: scale(1.2);}75% {opacity: 0.2;transform: scale(1.3);}100% {opacity: 0; transform: scale(1.4);}}

#timeline .details li{
  position:relative;
  font-size: 20px; 
  line-height: 28px; 
  color: #141160; 
  font-weight: 400; 
  padding-left: 45px; 
  margin: 15px 0;
  font-weight: 500;
}
#timeline .details li:after{
  background:url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/26103159/timeline-detail-icon.png) no-repeat  left 0; 
  position: absolute;content: ''; 
  width: 45px; 
  height: 45px; 
  top: 0; 
  left: 0;
}
#timeline .details li:nth-child(2):after{background-position: 0 -45px;}
#timeline .details li:nth-child(3):after{background-position: 0 -85px;}
#timeline .details{position: relative; margin-top: 50px;}
#timeline .details:after,
#timeline .details:before{
  /* background:url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/23122314/dreamforce-green-border.png)no-repeat center center;  */
  position: absolute; 
  content: ''; 
  height: 1px; 
  width: 100%; 
  top: 0; 
  left: 0; 
  right: 0;
  margin: auto;
}
#timeline .details:before{top: auto; bottom: 0;}
#timeline .year-details{padding-top: 30px;}
#timeline strong{font-size: 50px; line-height: 54px; color: #141160; width: 100%; display: block;}
/*Timeline end*/

#algoDream{padding: 60px 0 40px; background: #442d8f;}
#algoDream .title:after{background: #fff;}
#algoDream h3{color: #fd6b59;}
#algoDream h4{color: #fd6b59; margin: 10px 0 0; font-weight: 700; font-size: 30px; line-height: 32px;}
#algoDream .banner-btn .learn-more{background: #fff; color: #031027;}
#algoDream .banner-btn .learn-more:before{background: #e4e4e4;}
#algoDream .banner-btn .contact-us{background: #fd6b59; color: #fff;}
#algoDream .banner-btn .contact-us:before{background: #ea432e;}
#algoreamforce{padding: 45px 0;}
#sucessofDream{padding: 20px 0 50px;}
#sucessofDream p{color: #e6e6e6;}
#sucessofDream .title:after{background: #fd6b59;}
#sucessofDream h3{color: #fd6b59;}
#sucessofDream .banner-btn .learn-more{background: #fff; color: #031027;}
#sucessofDream .banner-btn .learn-more:before{background: #e4e4e4;}
#sucessofDream .banner-btn .contact-us{background: #fd6b59; color: #fff;}
#sucessofDream .banner-btn .contact-us:before{background: #ea432e;}
iframe{height: 300px;}
#ourDreamforce{padding: 40px 0 50px; min-height: 609px; background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2024/01/30185711/fintech-for-u-bg.png)no-repeat center bottom/cover; position: relative;}
#ourDreamforce:after{background: url(https://liveimages.algoworks.com/new-algoworks/wp-content/uploads/2016/08/23122314/dreamforce-green-border.png)no-repeat center center;height: 1px; height:1px; width:100%; position: absolute; content: '';bottom: 0;}
#ourDreamforce .title:after{background: #fff;}
#ourDreamforce .title h3{color: #141160;}
#ourDreamforce .title h4{color: #fff; margin: 10px 0 0; font-weight: 700;     font-size: 30px; line-height: 32px;}
.d-title {position: relative;margin: 0 0 40px; display: inline-block; padding: 0 20px;}
.d-title:after,
.d-title:before{position: absolute; content: ''; width: 1px; height: 75px; background: #fff; top: 0; bottom: 0; margin: auto; left: 0;}
.d-title:after{left: auto; right: 0;}
.d-title h5{color: #141160!important; margin: 0;}
.d-title h4 small{color: #141160!important; margin: 0;}
.d-title h3{color: #A86403; font-weight: 700; margin: 10px 0 0;}
.d-title h4{color: #fff; font-weight: 700; margin: 10px 0 0; font-size: 30px;
  line-height: 32px;}
#ourDreamforce p{color: #fff;}
#ourDreamforce li{float: left; padding: 0; position: relative; width: calc(100% / 3); z-index: 1;}
#ourDreamforce li a {
  background: #291b57;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 20px 0;
  position: relative;
  text-decoration: none;
  transition: all 0.8s ease 0s, color 0.3s ease 0.3s;
  z-index: 1;
  border-top: 1px solid #291b57;
  border-bottom: 1px solid #291b57;
}
#ourDreamforce li:first-child a {border-left: 1px solid #183469; border-radius: 10px 0 0 10px;}
#ourDreamforce li:last-child a { border-right: 1px solid #183469; border-radius: 0 10px 10px 0;}
#ourDreamforce li.active a, 
#ourDreamforce li.active a:hover { background: #A86403; box-shadow: none; color: rgb(255, 255, 255);}
#ourDreamforce li a:hover {box-shadow: 0 80px 0 0 #A86403 inset, 0 -80px 0 0 #A86403 inset;}
.tab-details{margin-top: 10px; float: left; width: 100%;}
.tab-content{display: none;}
#how_can_Box{background: #291b57;}
#how_can_Box .button_box .talk_expert:hover{color: #fff; border-color:#1bdb68;}
#how_can_Box .button_box .talk_expert::after, 
#how_can_Box .button_box .talk_expert::before{background: #1bdb68;}
.all-about-dreamforce h3{color: #d3c907; font-size: 40px; line-height: 45px;font-weight:700;}
#how_can_Box h4 {font-weight: 600; margin-bottom: 20px; color: #fff; font-size: 40px;
  font-weight: 700; line-height: 45px;}

/* Circle Effect */
#fintech figure{position: relative;}
#fintech figure{
	position: relative;
}
#fintech figure::before{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
#fintech .frame:hover::before,#fintech figure:hover::before  {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}


@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}  

@media all and (max-width: 1440px){
  #timeline{padding: 0;}
  .year-cycle {min-height: 430px;}
  .year-cycle li:nth-child(1) {height: 45px; width: 45px; left: 80px;top: 80px;}
  .year-cycle li:nth-child(2) {height: 50px; width: 50px; left: 95px;top: 144px;}
  .year-cycle li:nth-child(3) {height: 55px; width: 55px; left: 168px;top: 158px; }
  .year-cycle li:nth-child(4) {height: 60px; width: 60px; left: 233px;top: 102px;}
  .year-cycle li:nth-child(5) {height: 65px; width: 65px; left: 203px;top: 13px;}
  .year-cycle li:nth-child(6) {height: 70px; width: 70px; left: 106px;top: -15px;}
  .year-cycle li:nth-child(7) {height: 75px; width: 75px; left: -10px;top: 20px;}
  .year-cycle li:nth-child(8) {height: 80px; width: 80px; left: -50px; bottom: 210px;}
  .year-cycle li:nth-child(9) {height: 85px; width: 85px; left: 0px; bottom: 95px;}
  .year-cycle li:nth-child(10) {height: 90px; width: 90px; left: 83px; bottom: 0px;}
  .year-cycle li:nth-child(11) {height: 95px; width: 95px; left: 217px; bottom: 0px;}
  .year-cycle li:nth-child(12) {height: 100px; width: 100px; right: 748px; bottom: 75px;}
  .year-cycle li:nth-child(13) {height: 105px; width: 105px; right: 652px;bottom: 176px;}
  .year-cycle li:nth-child(14) {height: 110px; width: 110px; right: 522px; bottom: 245px;}
  .year-cycle li:nth-child(15) {height: 115px; width: 115px; right: 382px; bottom: 315px;}
  .year-cycle li:nth-child(16) {height: 120px; width: 120px; right: 208px; top: 55px;}
  .year-cycle li:nth-child(17) {height: 125px; width: 125px; right: 80px; top: 175px;}
  .year-cycle li:nth-child(18) {height: 130px; width: 130px; right: -47px; bottom: 0px;}
  .year-cycle li:nth-child(19) {height: 130px; width: 130px; right: -47px; bottom: 0px;}
  .year-cycle li:nth-child(20) {height: 130px; width: 130px; right: -47px; bottom: -150px;}

  .year-cycle li:nth-child(1) .YY {font-size: 15px;line-height: 15px;}
  .year-cycle li:nth-child(2) .YY {font-size: 16px;line-height: 16px;}
  #timeline strong{font-size: 36px; line-height: 42px;}
  #timeline .details li{font-size: 22px; line-height: 28px;}
 
  .year-cycle li:nth-child(1):after{width: 50px; height: 50px;}
  .year-cycle li:nth-child(1):before{width: 55px; height: 55px;}

  .year-cycle li:nth-child(2):after{width: 50px; height: 50px;}
  .year-cycle li:nth-child(2):before{width: 60px; height: 60px;}

  .year-cycle li:nth-child(3):after{width: 57px; height: 57px;}
  .year-cycle li:nth-child(3):before{width: 67px; height: 67px;}

  .year-cycle li:nth-child(4):after{width: 66px; height: 66px;}
  .year-cycle li:nth-child(4):before{width: 76px; height: 76px;}

  .year-cycle li:nth-child(5):after{width: 70px; height: 70px;}
  .year-cycle li:nth-child(5):before{width: 80px; height: 80px;}

  .year-cycle li:nth-child(6):after{width: 80px; height: 80px;}
  .year-cycle li:nth-child(6):before{width: 90px; height: 90px;}

  .year-cycle li:nth-child(7):after{width: 90px; height: 90px;}
  .year-cycle li:nth-child(7):before{width: 100px; height: 100px;}

  .year-cycle li:nth-child(8):after{width: 100px; height: 100px;}
  .year-cycle li:nth-child(8):before{width: 110px; height: 110px;}

  .year-cycle li:nth-child(9):after{width: 110px; height: 110px;}
  .year-cycle li:nth-child(9):before{width: 115px; height: 115px;}

  .year-cycle li:nth-child(10):after{width: 115px; height: 115px;}
  .year-cycle li:nth-child(10):before{width: 120px; height: 120px;}

  .year-cycle li:nth-child(11):after{width: 115px; height: 115px;}
  .year-cycle li:nth-child(11):before{width: 122px; height: 122px;}

  .year-cycle li:nth-child(12):after{width: 122px; height: 122px;}
  .year-cycle li:nth-child(12):before{width: 130px; height: 130px;}

  .year-cycle li:nth-child(13):after{width: 130px; height: 130px;}
  .year-cycle li:nth-child(13):before{width: 140px; height: 140px;}

  .year-cycle li:nth-child(14)::after {height: 140px;width: 140px;}
  .year-cycle li:nth-child(14)::before {height: 150px; width: 150px;}

  .year-cycle li:nth-child(15)::after {height: 140px;width: 140px;}
  .year-cycle li:nth-child(15)::before {height: 155px; width: 155px;}

  .year-cycle li:nth-child(16)::after {height: 155px;width: 155px;}
  .year-cycle li:nth-child(16)::before {height: 165px; width: 165px;}

  .year-cycle li:nth-child(17)::after {height: 160px;width: 160px;}
  .year-cycle li:nth-child(17)::before {height: 170px; width: 170px;}

  .year-cycle li:nth-child(18)::after {height: 165px;width: 165px;}
  .year-cycle li:nth-child(18)::before {height: 175px; width: 175px;}

  .year-cycle li:nth-child(19)::after {height: 165px;width: 165px;}
  .year-cycle li:nth-child(19)::before {height: 175px; width: 175px;} 

  .year-cycle li:nth-child(20)::after {height: 165px;width: 165px;}
  .year-cycle li:nth-child(20)::before {height: 175px; width: 175px;}


  .all-about-dreamforce h3{font-size: 36px; line-height: 40px;}
  #algoDream h4{color: #fff; margin: 10px 0 0; font-weight: 700; font-size: 28px; line-height: 34px;}
  #how_can_Box h4 {font-size: 36px; line-height: 40px;} 
  #ourDreamforce .title h4{font-size: 28px; line-height: 34px;} 
 .d-title h4{font-size: 28px; line-height: 34px;}
}

/*Timeline*/
@media all and (max-width: 1400px){
  .speakers figure{width: 145px; height: 145px;}
  iframe{height: 253px;}
  #ourDreamforce{min-height: 563px;}
  #banner_box h1{font-size: 36px; line-height: 42px;}
  .action-call{width: 250px;}
  .speakers ul li{padding-left:6px; padding-right: 6px;}  
  
}

@media all and (max-width: 1440px){
  .year-cycle li:nth-child(1) {height: 35px; width: 35px; left: 175px;top: 118px;}
  .year-cycle li:nth-child(2) {height: 35px; width: 35px; left: 121px;top: 118px; }
  .year-cycle li:nth-child(3) {height: 40px; width: 40px; left: 138px;top: 172px;}
  .year-cycle li:nth-child(4) {height: 45px; width: 45px; left: 202px;top: 178px;}
  .year-cycle li:nth-child(5) {height: 50px; width: 50px; left: 247px;top: 128px;}
  .year-cycle li:nth-child(6) {height: 55px; width: 55px; left: 234px;top: 51px;}
  .year-cycle li:nth-child(7) {height: 60px; width: 60px; left: 160px;top: 15px;}
  .year-cycle li:nth-child(8) {height: 65px; width: 65px; left: 75px;top: 30px;}
  .year-cycle li:nth-child(9) {bottom: 230px; width: 70px; height: 70px;left: 25px;}
  .year-cycle li:nth-child(10) {bottom: 110px; height: 75px;left: 25px;width: 75px;}
  .year-cycle li:nth-child(11) {bottom: 15px; height: 80px;left: 75px;width: 80px;}
  .year-cycle li:nth-child(12) {bottom: -47px; height: 85px;left: 200px;width: 85px;}
  .year-cycle li:nth-child(13) {height: 90px; right: 725px;bottom: -50px;width: 90px;}
  .year-cycle li:nth-child(14) {height: 95px; right: 580px;bottom: 40px;width: 95px;}
  .year-cycle li:nth-child(15) {bottom: 165px; height: 100px;right: 470px;width: 100px;}
  .year-cycle li:nth-child(16) {top: 44px; height: 105px;right: 365px;width: 105px;}
  .year-cycle li:nth-child(17) {top: 35px; height: 110px;right: 190px;width: 110px;}
  .year-cycle li:nth-child(18) {top: 130px; height: 115px;right: 77px;width: 115px;}
  .year-cycle li:nth-child(19) {bottom: 14px; height: 120px;right: 9px;width: 120px;}
  .year-cycle li:nth-child(20) {bottom: -150px; height: 120px;right: -30px;width: 120px;}

}

/*Timeline*/
@media all and (max-width: 1400px){

  .year-cycle {min-height: 390px;}
  .year-cycle li:nth-child(1) {height: 35px; width: 35px; left: 175px;top: 118px;}
  .year-cycle li:nth-child(2) {height: 35px; width: 35px; left: 121px;top: 118px; }
  .year-cycle li:nth-child(3) {height: 40px; width: 40px; left: 138px;top: 172px;}
  .year-cycle li:nth-child(4) {height: 45px; width: 45px; left: 202px;top: 178px;}
  .year-cycle li:nth-child(5) {height: 50px; width: 50px; left: 247px;top: 128px;}
  .year-cycle li:nth-child(6) {height: 55px; width: 55px; left: 234px;top: 51px;}
  .year-cycle li:nth-child(7) {height: 60px; width: 60px; left: 160px;top: 15px;}
  .year-cycle li:nth-child(8) {height: 65px; width: 65px; left: 75px;top: 30px;}
  .year-cycle li:nth-child(9) {bottom: 215px; width: 70px; height: 70px;left: 25px;}
  .year-cycle li:nth-child(10) {bottom: 110px; height: 75px;left: 25px;width: 75px;}
  .year-cycle li:nth-child(11) {bottom: 15px; height: 80px;left: 75px;width: 80px;}
  .year-cycle li:nth-child(12) {bottom: -47px; height: 85px;left: 172px;width: 85px;}
  .year-cycle li:nth-child(13) {height: 90px; right: 635px;bottom: 20px;width: 90px;}
  .year-cycle li:nth-child(14) {height: 95px; right: 525px;bottom: 107px;width: 95px;}
  .year-cycle li:nth-child(15) {bottom: 187px; height: 100px;right: 429px;width: 100px;}
  .year-cycle li:nth-child(16) {top: 15px; height: 105px;right: 333px;width: 105px;}
  .year-cycle li:nth-child(17) {top: 35px; height: 110px;right: 190px;width: 110px;}
  .year-cycle li:nth-child(18) {top: 130px; height: 115px;right: 77px;width: 115px;}
  .year-cycle li:nth-child(19) {bottom: 14px; height: 120px;right: 9px;width: 120px;}
  .year-cycle li:nth-child(20) {bottom: -130px; height: 120px;right: -30px;width: 120px;}

  .year-cycle li:nth-child(1) .yy{font-size: 10px; line-height: 10px;}

  .year-cycle li:nth-child(1) .YY,
  .year-cycle li:nth-child(2) .YY {font-size: 10px;line-height: 10px;}

  .year-cycle li:nth-child(3) .yy,
  .year-cycle li:nth-child(4) .yy,
  .year-cycle li:nth-child(5) .yy{font-size: 12px; line-height: 12px;}
  .year-cycle li:nth-child(3) .YY,
  .year-cycle li:nth-child(4) .YY,
  .year-cycle li:nth-child(5) .YY {font-size: 14px;line-height: 14px;}

  .year-cycle li:nth-child(6) .yy,
  .year-cycle li:nth-child(7) .yy,
  .year-cycle li:nth-child(8) .yy{font-size: 14px; line-height: 14px;}
  .year-cycle li:nth-child(6) .YY,
  .year-cycle li:nth-child(7) .YY{font-size: 16px;line-height: 16px;}

  .year-cycle li:nth-child(8) .yy,
  .year-cycle li:nth-child(9) .yy,
  .year-cycle li:nth-child(10) .yy{font-size: 16px; line-height: 16px;}
  .year-cycle li:nth-child(8) .YY,
  .year-cycle li:nth-child(9) .YY,
  .year-cycle li:nth-child(10) .YY {font-size: 18px;line-height: 18px;}

  .year-cycle li:nth-child(11) .yy,
  .year-cycle li:nth-child(12) .yy,
  .year-cycle li:nth-child(13) .yy{font-size: 22px; line-height: 22px;}
  .year-cycle li:nth-child(11) .YY,
  .year-cycle li:nth-child(12) .YY,
  .year-cycle li:nth-child(13) .YY {font-size: 22px;line-height: 22px;}

  .year-cycle li:nth-child(14) .yy{font-size: 24px ;line-height: 24px;}
  .year-cycle li:nth-child(14) .YY{font-size: 26px; line-height: 26px;}

  .year-cycle li:nth-child(15) .yy{font-size: 26px ;line-height: 26px;}
  .year-cycle li:nth-child(15) .YY{font-size: 28px; line-height: 28px;}

  .year-cycle li:nth-child(16) .yy{font-size: 28px ;line-height: 28px;}
  .year-cycle li:nth-child(16) .YY{font-size: 30px; line-height: 30px;}

  .year-cycle li:nth-child(17) .yy{font-size: 30px ;line-height: 30px;}
  .year-cycle li:nth-child(17) .YY{font-size: 32px; line-height: 32px;}

  .year-cycle li:nth-child(18) .yy{font-size: 30px ;line-height: 30px;}
  .year-cycle li:nth-child(18) .YY{font-size: 32px; line-height: 32px;}

  .year-cycle li:nth-child(19) .yy{font-size: 30px ;line-height: 30px;}
  .year-cycle li:nth-child(19) .YY{font-size: 32px; line-height: 32px;}

  #timeline strong{font-size: 30px; line-height: 34px;}
  #timeline .details li{font-size: 17px; line-height: 24px; font-weight: 500;}

  .year-cycle li:nth-child(1):after{width: 40px; height: 40px;}
  .year-cycle li:nth-child(1):before{width: 45px; height: 45px;}

  .year-cycle li:nth-child(2):after{width: 45px; height: 45px;}
  .year-cycle li:nth-child(2):before{width: 50px; height: 50px;}

  .year-cycle li:nth-child(3):after{width: 50px; height: 50px;}
  .year-cycle li:nth-child(3):before{width: 55px; height: 55px;}

  .year-cycle li:nth-child(4):after{width: 55px; height: 55px;}
  .year-cycle li:nth-child(4):before{width:60px; height: 60px;}

  .year-cycle li:nth-child(5):after{width: 60px; height: 60px;}
  .year-cycle li:nth-child(5):before{width: 65px; height: 65px;}

  .year-cycle li:nth-child(6):after{width: 65px; height: 65px;}
  .year-cycle li:nth-child(6):before{width: 75px; height: 75px;}

  .year-cycle li:nth-child(7):after{width: 80px; height: 80px;}
  .year-cycle li:nth-child(7):before{width: 90px; height: 90px;}

  .year-cycle li:nth-child(8):after{width: 80px; height: 80px;}
  .year-cycle li:nth-child(8):before{width: 90px; height: 90px;}

  .year-cycle li:nth-child(9):after{width: 85px; height: 85px;}
  .year-cycle li:nth-child(9):before{width: 95px; height: 95px;}

  .year-cycle li:nth-child(10):after{width: 90px; height: 90px;}
  .year-cycle li:nth-child(10):before{width: 100px; height: 100px;}

  .year-cycle li:nth-child(11):after{width: 95px; height: 95px;}
  .year-cycle li:nth-child(11):before{width: 104px; height: 104px;}

  .year-cycle li:nth-child(12):after{width: 100px; height: 100px;}
  .year-cycle li:nth-child(12):before{width: 107px; height: 107px;}

  .year-cycle li:nth-child(13):after{width: 105px; height: 105px;}
  .year-cycle li:nth-child(13):before{width: 112px; height: 112px;}

  .year-cycle li:nth-child(14)::after {height: 110px;width: 110px;}
  .year-cycle li:nth-child(14)::before {height: 117px; width: 117px;}

  .year-cycle li:nth-child(15)::after {height: 110px;width: 110px;}
  .year-cycle li:nth-child(15)::before {height: 116px; width: 116px;}

  .year-cycle li:nth-child(16)::after {height: 115px;width: 115px;}
  .year-cycle li:nth-child(16)::before {height: 121px; width: 121px;}

  .year-cycle li:nth-child(17)::after {height: 120px;width: 120px;}
  .year-cycle li:nth-child(17)::before {height: 124px; width: 124px;}

  .year-cycle li:nth-child(18)::after {height: 122px;width: 122px;}
  .year-cycle li:nth-child(18)::before {height: 125px; width: 125px;}

  .year-cycle li:nth-child(19)::after {height: 122px;width: 122px;}
  .year-cycle li:nth-child(19)::before {height: 125px; width: 125px;}

  .year-cycle li:nth-child(20)::after {height: 122px;width: 122px;}
  .year-cycle li:nth-child(20)::before {height: 125px; width: 125px;}
}

/*Timeline*/

@media all and (max-width: 1200px){
  .dream-experience::after{right: 0; bottom: -91px;}
  .year-cycle li:nth-child(20) {bottom: -136px; height: 120px;right: 0px;width: 120px;}
}

@media all and (max-width: 1023px){
  .all-about-dreamforce h3 {font-size: 30px; line-height: 34px;}
  #algoDream h4{font-size: 20px; line-height: 26px;}
  #how_can_Box h4 {font-size: 30px; line-height: 34px;}
  .d-title h4{font-size: 20px; line-height: 26px;}
	}

@media (min-width: 768px) and (max-width: 991px) { 
  #banner_box small{font-size: 24px; line-height: 29px;}
  iframe {height: 195px;}
  #ourDreamforce li a{padding:10px 0; font-size: 14px;}
  .speakers .title{margin-top: 20px;}
  #ourDreamforce{min-height: 473px;}  
  .frame {padding-top: 40px; width: 100%;}
  #banner_box h3{margin-bottom: 20px;}
  #banner_box h2{margin-bottom: 20px; margin-top: 25px;}
  #banner_box .banner-btn .register-now {height: 50px;line-height: 50px;width: 50%;}
  .dream-from, .fadeRight{width: 85%;}
  .dream-experience{padding:5px 20px 35px;}
  .dream-experience::after{bottom: -30px;}
  #banner_box .hidden-xs{ display: none;}
  .speakers ul li{padding-left:20px; padding-right: 20px;}

/*Timeline*/
  .year-cycle li:nth-child(9) {bottom: 220px;height: 70px;left: 15px;width: 70px;}
  .year-cycle li:nth-child(10) {bottom: 120px;height: 75px;left: 21px;width: 75px;}
  .year-cycle li:nth-child(11) {bottom: 32px;height: 80px;left: 75px;width: 80px;}
  .year-cycle li:nth-child(12) {bottom: -14px;height: 85px;left: 171px;width: 85px;}
  .year-cycle li:nth-child(13) {height: 90px;right: 397px; bottom: 53px;width: 90px;}
  .year-cycle li:nth-child(14) {height: 90px;right: 325px; bottom:149px;width: 90px;}
  .year-cycle li:nth-child(15) {bottom: 250px;height: 95px;right:270px;width: 95px;}
  .year-cycle li:nth-child(16) {bottom: 315px;height: 95px;right: 145px;width: 95px;}
  .year-cycle li:nth-child(17) {top: -10px;height: 100px;right: 9px;width: 100px;}
  .year-cycle li:nth-child(18) {top: 115px;height: 100px;right: 9px;width: 100px;}
  .year-cycle li:nth-child(19) {bottom: 50px;height: 100px;right: 9px;width: 100px;}
  .year-cycle li:nth-child(20) {bottom: -75px;height: 105px;right: 0px;width: 105px;}
   

  .year-cycle li:nth-child(9):after{width: 75px; height: 75px;}
  .year-cycle li:nth-child(9):before{width: 80px; height: 80px;}

  .year-cycle li:nth-child(10):after{width: 80px; height: 80px;}
  .year-cycle li:nth-child(10):before{width: 85px; height: 85px;}

  .year-cycle li:nth-child(11):after{width: 80px; height: 80px;}
  .year-cycle li:nth-child(11):before{width: 85px; height: 85px;}

  .year-cycle li:nth-child(12):after{width: 85px; height:  85px;}
  .year-cycle li:nth-child(12):before{width: 90px; height: 90px;}

  .year-cycle li:nth-child(13):after{width: 92px; height: 92px;}
  .year-cycle li:nth-child(13):before{width: 95px; height: 95px;}

  .year-cycle li:nth-child(14):after{width: 95px; height: 95px;}
  .year-cycle li:nth-child(14):before{width: 98px; height: 98px;}

  .year-cycle li:nth-child(15)::after {height: 95px;width: 95px;}
  .year-cycle li:nth-child(15)::before {height: 98px; width: 98px;}

  .year-cycle li:nth-child(16)::after {height: 95px;width: 95px;}
  .year-cycle li:nth-child(16)::before {height: 98px; width: 98px;}

  .year-cycle li:nth-child(17)::after {height: 95px;width: 95px;}
  .year-cycle li:nth-child(17)::before {height: 98px; width: 98px;}

  .year-cycle li:nth-child(18)::after {height: 95px;width: 95px;}
  .year-cycle li:nth-child(18)::before {height: 100px; width: 100px;}

  .year-cycle li:nth-child(19)::after {height: 95px;width: 95px;}
  .year-cycle li:nth-child(19)::before {height: 100px; width: 100px;}

  .year-cycle li:nth-child(20)::after {height: 95px;width: 95px;}
  .year-cycle li:nth-child(20)::before {height: 100px; width: 100px;}

  .year-cycle li:nth-child(11) .yy,
  .year-cycle li:nth-child(12) .yy,
  .year-cycle li:nth-child(13) .yy{font-size: 18px; line-height: 18px;  }

  .year-cycle li:nth-child(11) .YY,
  .year-cycle li:nth-child(12) .YY,
  .year-cycle li:nth-child(13) .YY {font-size: 19px;line-height: 19px;}

  .year-cycle li:nth-child(14) .yy{font-size: 20px ;line-height: 20px;}
  .year-cycle li:nth-child(14) .YY{font-size: 22px; line-height: 22px;}

  .year-cycle li:nth-child(15) .yy{font-size: 23px ;line-height: 23px;}
  .year-cycle li:nth-child(15) .YY{font-size: 24px; line-height: 24px;}

  .year-cycle li:nth-child(16) .yy{font-size: 24px ;line-height: 24px;}
  .year-cycle li:nth-child(16) .YY{font-size: 24px; line-height: 24px;}

  .year-cycle li:nth-child(17) .yy{font-size: 24px ;line-height: 24px;}
  .year-cycle li:nth-child(17) .YY{font-size: 24px; line-height: 24px;}

  .year-cycle li:nth-child(18) .yy{font-size: 24px ;line-height: 24px;}
  .year-cycle li:nth-child(18) .YY{font-size: 24px; line-height: 24px;}

  .year-cycle li:nth-child(19) .yy{font-size: 24px ;line-height: 24px;}
  .year-cycle li:nth-child(19) .YY{font-size: 24px; line-height: 24px;}

  /*Timeline*/
}

@media all and (min-width: 480px) and (max-width: 767px){
  iframe {display: inline-block; height: 250px; width: 450px;}
}

@media all and (max-width: 767px){
  .dream-experience::after{display: none;}
  #banner_box .banner-btn .register-now{width: 100%;}
  .dream-experience{padding: 5px 0 30px;}
  .dream-from, .fadeRight{width: 100%;}
  .fadeRight .col-xs-2 {padding-left: 0;}
  .frame {padding-top: 30px;}
  #banner_box{padding-bottom: 130px;}
  #banner_box h2{padding: 15px; margin: 15px 0;}
  #banner_box small{font-size: 22px; line-height: 27px;}
  .timer-body-block > div {height: 80px; margin: 0 5px;width: 60px;}
  .tab-val{font-size: 28px; line-height: 32px;}
  .tab-unit{font-size: 11px; line-height: 16px;}
  .speakers figure {height: 100px;width: 100px;}

 .abt-dreamforce{padding-bottom: 30px;}
 #ourDreamforce li{width: 100%;}
 #ourDreamforce li:last-child a{border-radius: 0 0 10px 10px;}
 #ourDreamforce li:first-child a{border-radius: 10px 10px 0 0;}
 /*Timeline*/
 .speakers{margin: 45px 0 45px}
 /*Timeline*/
 #algo-rendezvous li{padding-right:0; width: 110px;}
 #banner_box h1 {font-size: 28px; line-height: 34px;}
 .all-about-dreamforce{padding:0;}
 #aboutDreamforce{padding-bottom: 0;}
 #sucessofDream{padding: 0;}
 #banner_box h3{margin-top: 20px;}
 #banner_box h2{margin-top: 20px;}
 #how_can_Box h4 {font-size: 24px; line-height: 28px;}
 #ourDreamforce .title h4{font-size: 18px; line-height: 24px;}
 #algo-rendezvous.speakers {margin: 40px 0 20px;}
 .speakers ul{display: flex; justify-content: center; flex-wrap: wrap;}
 .speakers h2{font-size: 18px; line-height: 24px;}
}