@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed&display=swap');
.margin-bottom-100 {
    margin-bottom:90px!important;
}
.show-desktop {
    display:block;
}
.show-mobile {
    display:none;
}
.panel-title .panel-heading {
    text-align:left!important;
    }
 .part1 h1 {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 36px;
}
 .part1 h2 {
    font-size: 50px;
    font-family: 'Sofia Sans Condensed', sans-serif;
}
.part1 h3 {
     font-size: 18px;
     color: #111;
     padding: 0px 80px;
     font-family: 'Sofia Sans Condensed', sans-serif;
}
.part1 p {
     font-size: 18px;
     color: #111;
     padding: 0px 80px;
}
.part1 h4 {
     font-size:18px;
}
 .part2 h1 {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 36px;
}
 .part2 h2 {
    font-size: 50px;
    font-family: 'Sofia Sans Condensed', sans-serif;
    line-height:1;
}
.part2 h3 {
     font-size: 18px;
     color: #111;
     padding: 0px 80px;
}
.part2 p {
    padding: 0px 80px;
    font-size:18px;
    color: #111;
}
 .part3 h1 {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 36px;
}
 .part3 h2 {
    font-size: 50px;
    font-family: 'Sofia Sans Condensed', sans-serif;
    line-height:1;
}
.part3 h3 {
     font-size: 16px;
     color: #111;
     margin-bottom:20px;
}
.part3 p {
    padding: 0px 60px;
    font-size: 16px;
    color: #111;
    line-height: 1.3
}
 .part2 h2 {
    font-size: 50px;
    font-family: 'Sofia Sans Condensed', sans-serif;
    line-height:1;
}
 .panel-title {
     font-size:20px!important;
     padding:20px 0px!important;
     max-width:100%;
}
 .part4 p {
     font-size:16px;
}
 .part4 h1 {
     font-weight: 600;
     font-size: 36px;
}
 .part4 h2 {
     font-size: 26px;
}
 .part4 ul li {
     font-size: 18px;
}

 .part4 h2 {
    font-size: 50px;
    font-family: 'Sofia Sans Condensed', sans-serif;
    line-height:1;
}
.part1 h3 {
     font-size: 18px;
     color: #111;
     padding: 0px 80px;
}
 h3.red-color {
     font-size: 24px;
}
 .part1 {
     padding: 90px 0 50px;
     text-align: center;
     background-color: #F4F4F4;
     color: #111;
}
 a {
    font-weight: 500!important;
}
 .img-mob {
     display: none;
}
 .part2 {
     padding: 90px 0;
     text-align: center;
}
 .p-t-20 {
     padding-top: 20px;
}
 .red-color {
     color: #CD0511;
}
 .txt {
     padding:0!important;
     font-size: 14px!important;
     color: #111;
}
 .m-t-50 {
     margin-top: 50px;
}
 .m-t-30 {
     margin-top: 30px;
}
 .risk-w {
     font-size: 11px;
     color: #111;
}
 .part1 .btn-u {
     padding: 15px 50px;
     font-size: 18px;
     text-transform: uppercase;
     color:#000000;
     font-weight: 800!important;
     width: 100%;
     background:none;
     border:1px solid #cd0511;
}
 .part1 btn-u:hover {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}
 .part1 .btn-u:hover, .part1 .btn-u:focus, .part1 .btn-u:active, .part1 .btn-u.active {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}
 .part2 .btn-u:hover, .part2 .btn-u:focus, .part2 .btn-u:active, .part2 .btn-u.active {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}
 .part3 .btn-u:hover, .part3 .btn-u:focus, .part3 .btn-u:active, .part3 .btn-u.active {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}
 .part3 .btn-u:hover, .part3 .btn-u:focus, .part3 .btn-u:active, .part3 .btn-u.active {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}
 .part2 .btn-u {
     padding: 15px 50px;
     font-size: 18px;
     text-transform: uppercase;
     color:#000000;
     font-weight: 800!important;
     width: 100%;
     background:none;
     border:1px solid #cd0511;
}
 .part2 btn-u:hover {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}

 .part3 .btn-u {
     padding: 15px 50px;
     font-size: 18px;
     text-transform: uppercase;
     color:#000000;
     font-weight: 800!important;
     width: 100%;
     background:none;
     border:1px solid #cd0511;
}
 .part3 btn-u:hover {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #cd0511!important;
}
 .part4 .btn-u {
     padding: 15px 50px;
     font-size: 18px;
     text-transform: uppercase;
     color:#ffffff;
     font-weight: 800!important;
     background:#079246;
     width:100%;
}
 .part4 btn-u:hover {
     cursor:pointer;
     color:#FFFFFF;
     background-color: #179149!important;
}
 .icons {
     width: 130px;
     height: 130px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     margin: 40px auto 0;
}
 .icon1 {
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-education/earnings-season/images/icon1.svg?v1');
}
 .icon2 {
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-education/earnings-season/images/icon2.svg?v1');
}
 .icon3 {
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-education/earnings-season/images/icon3.svg?v1');
}
 .icon4 {
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-education/earnings-season/images/icon4.svg?v1');
}
 .icon5 {
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-education/earnings-season/images/icon5.svg?v1');
}
 .icon6 {
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-education/earnings-season/images/icon6.svg?v1');
}
 .part3 {
     background: #F4F4F4;
     text-align: center;
     padding: 90px 0;
}
 .part3 img {
     margin: auto;
}
 .part3 ol li {
     list-style-position: inside;
}
 .arrow {
     margin: 10px auto;
     width: 70px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     background-image:url('https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/trading-tools/advanced-insights/images/arrow.svg');
}
 .flex {
     display: inline-flex;
     padding: 30px 0;
}
 .part4 {
     padding: 90px 0;
     text-align: center;
}
 .part4 img {
     margin: auto;
}
 .part5 {
     background: #f7f7f9;
     text-align: center;
     padding: 90px 0;
}
 .part5 img {
     margin: auto;
}
 .body-hfm .col-md-2 {
     float:right!important;
}
.body-hfm .topbar .col-md-2 {
     float:left!important;
}
.earnings_box {
    max-width: 96%;
    height: 100%;
    max-height: 100%;
    overflow-y: hidden;
}
.earnings_box:active,
.earnings_box:hover{
    background-color: #EEEEEE !important
}
.slick-dots{
    bottom: -40px;
}
.slick-dots li button:before {
    opacity: 1;
    color: transparent;
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before{
    opacity: 1;
    color: transparent;
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    background-color: #999;
}
@media (min-width: 1200px){
/*
    .earnings_box {
        width: 335px;
        height: 335px;
    }
*/
    .icons {
        margin: 4.5vh auto 0;
    }
}
 @media (max-width: 1050px) {
     .part1 {
         background: #f4f4f4;
         height: auto!important;
    }
     .img-mob {
         display: block;
    }
}
@media (max-width: 991px) {
    .innerSlide{
        margin-bottom: 40px;
    }
    .slider_1.margin-bottom-40{
        margin-bottom: 0;
    }
}
 @media (max-width: 767px) {
    .slick-dots{
        bottom: -10px;
    }
    .earnings_box {
        max-width: initial;
    }
    .show-desktop {
        display:none;
    }

    .show-mobile {
        display:block;
    }
    .part1 {
        padding-top:0;
        padding-bottom:0;
    }
    .part1 p {
        padding:0px;
    }
    .part4,
    .part3,
    .part2 {
        padding: 40px 0;
    }
    .part3 .row.margin-bottom-40 {
        margin-bottom:0;
    }
    .part3 .row.margin-top-20 {
        margin-top:0;
    }
    .part2 p {
        padding: 0px;
        }
    .part2 h2{
        font-size:40px;
    }
     .part1 h1 {
         font-size: 40px;
         line-height:60px;
    }
     .part1 h2 {
         font-size: 30px;
         line-height:60px;
    }
    .part2 h3 {
         padding:0px;
    }

     .part2 h1 {
      font-size: 40px;
        line-height:60px;
    }
     .part1 h2 {
        font-size: 40px;
        font-family: 'Sofia Sans Condensed', sans-serif;
        line-height:1;
    }
     .part3 h1 {
        font-size: 40px;
        line-height:60px;
    }
    .part3 h2 {
        font-size: 40px;
        font-family: 'Sofia Sans Condensed', sans-serif;
        line-height:1;
    }
     .part1 .btn-u {
        padding:15px 30px;
        font-size:18px;
        margin-bottom: 20px;
    }
     .part2 .btn-u {
        padding:15px 30px;
        font-size:18px;
    }
     .part2 .btn-u {
        padding:15px 30px;
        font-size:14px;
    }
     .part3 .btn-u {
        padding:15px 30px;
        font-size:18px;
    }
     .part4 .btn-u {
        padding:15px 30px;
        font-size:18px;
    }
     .m-mob-t-40 {
         margin-top: 40px;
    }
    .margin-bottom-100 {
        margin-bottom:40px!important;
    }
    .part4 .container.margin-bottom-40{
        margin-top:40px!important;
    }
}