.heroSection { padding-top: 4rem; padding-bottom:4rem; background:#f7f7f7 }
.heroSection .stickyTop { position:sticky; top:90px }
.heroSection h1 { color: #1A2D39; line-height: 54px; font-size: 40px; }
.heroSection p { font-size: 1.125rem; color: #1A2D39; line-height: 24px; }
.heroBtn { display: inline-block; margin: 5px; padding: 0 1.2rem; font-size: 14px; line-height: 3; border-radius: 3px; }
.heroBtn.style1 { box-shadow: none !important; text-transform: capitalize; font-weight: normal; background: #ff008a; color: #fff; line-height: 3; padding: 0 1.2rem; display: inline-block; text-align: center; border-radius: 4px; }


.cardStyle { background: #fff; border-radius: 4px; padding: 2rem; height: 100%; border-bottom: 6px solid transparent; border-radius: 4px; background: #F7F8FA 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px #4D5C651A; }
.cardStyle h3 { color: #001623; margin-bottom: 0; font-size: 20px; }

.imexOurBooth .col-12:first-child .cardStyle { border-bottom-color: #FF008A }
.imexOurBooth .col-12:nth-child(2) .cardStyle { border-bottom-color: #0393EF }
.imexOurBooth .col-12:last-child .cardStyle { border-bottom-color: #FF8E17 }

.techHubPanel { background-color:#001623; padding:6rem 0; color:#fff }
.techHubPanel h2 { font-weight:500 }
.techHubPanel p { font-size:18px; line-height:26px }
.techHubPanel svg { vertical-align:middle }
.imexOurBooth { padding-bottom:6rem }
.imexOurBooth .cardStyle { background:#fff }

/*TIMER*/
.timerSection .timeBox { padding:.5rem 1rem; display:inline-block; min-width:100px; text-align:center; margin:0; background:#FF008A; border-radius:2px }
.timerSection .timeBox .title { font-size:3rem; font-weight:600; color:#fff }
.timeDivder { font-size:3rem; display:inline-block; margin:0 0.5rem }

.resourceGuide { padding:4rem 0 6rem }
.resourceGuide .cardStyle { background:#fff; padding:2rem 1.5rem 1rem; margin:0 }
.resourceGuide .cardStyle img { height:auto }
.resourceGuide .cardStyle p { font-size:1rem }
.resourceGuide .cardStyle a { color:#000; text-decoration:underline; transition:all 0.3s }
.resourceGuide .cardStyle a:hover { text-decoration:none; color:#0393EF }

.powerfulPlatform { padding:4rem 0 6rem }
.powerfulPlatform .cardStyle { border:none; padding:2rem 2rem 5rem; box-shadow:none; margin-bottom:0 }
.powerfulPlatform .cardStyle p { font-size:1rem; line-height:1.3 }
.powerfulPlatform .cardStyle img { height:auto }

.btnYellow.btn.md-button.md-raised { background:#FF8E17 }
.btnBlue.btn.md-button.md-raised { background:#0393EF }
.btnYellow.btn.md-button.md-default-theme.md-raised:not([disabled]):hover, .btnYellow.btn.md-button.md-raised:not([disabled]):hover { background:#FF8E17 }
.btnBlue.btn.md-button.md-default-theme.md-raised:not([disabled]):hover, .btnBlue.btn.md-button.md-raised:not([disabled]):hover { background:#0393EF }

.resourceGuide .cardStyle h3 { font-size:1rem }
.buttonFloatingB { position:absolute; left:calc(50% - 65px); bottom:1.8rem }

/* RESPONSIVE */
@media screen and (max-width:991px) {
  .timeDivder { display:none }
  .timerSection .timeBox { padding:0.5rem; min-width:85px }
  .timerSection .timeBox .title { font-size:2rem }
}

@media screen and (max-width:767px) {
  .timeDivder { display:block }
  .timerSection { margin-bottom:4rem }
 .techHubPanel { padding:3rem 0 }
  .fs2 { font-size: 2.15rem; }
  .fs1 { font-size: 2.5rem; }
  .fs3 { font-size: 2rem; }
}

@media screen and (max-width:479px) {
  .timerSection .timeBox { min-width:70px }
  .fs3 { font-size:1.5rem; }
  .heroSection h1 { font-size:32px }
  .techHubPanel h2 { font-size:2rem }
  .powerfulPlatform .cardStyle { padding:2rem 2rem 1rem }
 .buttonFloatingB { position:relative; left:inherit; bottom:inherit }
}
@media screen and (max-width:375px) {
  .timeDivder { display:none }
}