@font-face {
            font-family: 'Forma DJR Micro';
            src: url('../../2024/assets/images/FormaDJRMicro.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'Forma DJR Display';
            src: url('../../2024/assets/images/FormaDJRDisplay.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
        }

        body {
            font-family: 'Forma DJR Micro', sans !important;
        }

         h3 {
            font-family: 'Forma DJR Display', sans !important;
        }


 .navbar {
     height: 50px !important;
 }

 .nav-link {
     color: #fff;
 }

 .nav-item a {
     margin-top: 6px !important;
     font-size: 14px !important;
 }

 .nav-link:focus,
 .nav-link:hover {
     color: #fff;
 }

 .navbar-collapse {
     background-color: #000 !important;
 }

 .registerbtn {
     background-color: #fe8600;
     color: #fff;
     border-radius: 0;
     height: 47px;
 }

 .btn-check:checked+.btn,
 .btn.active,
 .btn.show,
 .btn:first-child:active,
 :not(.btn-check)+.btn:active {
     background-color: #fe8600;
     color: #fff;
     border-radius: 0;
     border-color: #fe8600;
     height: 47px;
 }

 .registerbtn:hover {
     background-color: #fe8600;
     color: #fff;
     border-radius: 0;
     height: 47px;
 }

 .btn-check:checked+.btn,
 .btn.active,
 .btn.show,
 .btn:first-child:active,
 :not(.btn-check)+.btn:active {
     background-color: #212529 !important;
     color: #fff !important;
     border-radius: 0 !important;
     border-color: #212529 !important;
     height: 38px !important;
     border-radius: 6px !important;
 }

 .nav-link:hover {
     color: #fff;
 }


 .ulcontent {
     font-weight: 600;
 }

 .nav-item {
     margin: 0 5px !important;
 }

 .afaqslogo {
     width: 60%;
     margin-left: 12%;
     margin-top: 8% !important;
 }

 .navbar-toggler {
     background-color: #e6e6e6 !important;
     margin-right: 5% !important;
 }

 .hero {
     background: url(../../2024/assets/images/hero-background.jpg) no-repeat center center;
     background-size: cover;
     background-position: left;
     color: white;
     height: 100vh;
     display: flex;
     align-items: center;
 }

 .contentdiv {
     width: 100% !important;
 }

 .contentdiv2 {
     width: 68%;
 }

 .overview {
     background: url(../../2024/assets/images/overview-background.jpg) no-repeat center center;
     background-size: cover;
     color: white;
 }

 .who-attend {
     background: url(../../2024/assets/images/who-attend.jpg) no-repeat center center;
     background-size: cover;
     color: white;
 }

 .what-to-expect {
     background: url(../../2024/assets/images/what-to-expect.jpg) no-repeat center center;
     background-size: cover;
 }

 ul.timeline {
     position: relative;
     list-style-type: none;
     padding-left: 180px;
 }

 ul.timeline:before {
     position: absolute;
     display: block;
     left: 181px;
     width: 4px;
     height: 103%;
     border-radius: 4px;
     background-color: #fcec09;
     content: ' ';
 }

 ul.timeline .event {
     position: relative;
     padding: 21px;
     background: transparent;
     border-radius: 2px;
     box-shadow: 0;

     margin-bottom: 20px;
     padding-left: 15% !important;
 }

 ul.timeline .event:before {
     display: block;
     position: absolute;
     top: 30px;
     left: -6px;
     width: 18px;
     height: 18px;
     border: 6px solid #fff;
     border-radius: 50%;
     background-color: white;
     box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.6);
     content: ' ';
 }

 ul.timeline .time {
     position: absolute;
     display: block;
     width: 137px;
     top: 31px;
     left: -170px;
     font-size: 0.9em;
     text-align: right;
     font-weight: 600;
     text-transform: uppercase;
 }

 ul.timeline .time>.glyphicon-time {
     top: 2px;
 }

 .overview,
 .what-to-expect,
 .who-attend,
 .agenda,
 .contact {
     padding: 55px 0;
 }

 .agenda-timeline {
     list-style: none;
     padding: 0;
 }

 .agenda-timeline li {
     position: relative;
     padding: 10px 0 10px 20px;
 }

 .agenda-timeline li:before {
     content: '';
     position: absolute;
     left: 0;
     top: 15px;
     width: 10px;
     height: 10px;
     background-color: #000;
     border-radius: 50%;
 }

 .hplogo {
     width: 31%;
 }

 .ultimate {
     width: 50%;
 }

 .list-unstyled li:nth-child(2) {
     height: 140px !important;
 }

 .list-unstyled li:nth-child(3) {
     height: 162px !important;
 }

 .list-unstyled li:nth-child(4) {
     height: 122px !important;
 }

 .list-unstyled li:nth-child(5) {
     height: auto;
 }

 @media (max-width: 575.98px) {
     ul.timeline:before {
         position: absolute;
         display: block;
         left: 120px;
         width: 4px;
         height: 103%;
         border-radius: 4px;
         background-color: #fcec09;
         content: ' ';
     }

     ul.timeline {
         position: relative;
         list-style-type: none;
         padding-left: 120px;
     }

     ul.timeline .time {
         position: absolute;
         display: block;
         width: 137px;
         top: 22px;
         left: -149px;
         font-size: 1.3em;
         text-align: right;
         font-weight: 600;
         text-transform: uppercase;
     }

     .list-unstyled li:nth-child(2) {
         /* height: 350px !important; */
         height: auto !important;
     }

     .list-unstyled li:nth-child(3) {
         /* height: 395px !important; */
         height: auto !important;
     }

     .list-unstyled li:nth-child(4) {
         /* height: 370px !important; */
         height: auto !important;
     }

     .list-unstyled li:nth-child(5) {
         /* height: 380px !important; */
         height: auto !important;
     }

     .ultimate {
         width: 75%;
     }

     .hplogo {
         width: 42%;
     }

     .hero {
         background: #ff8700;
         height: 650px;
     }

     .contentdiv2 {
         width: 100%;
     }

     .afaqslogo {
         width: 35%;
         margin-top: 7% !important;
         margin-bottom: 7%;
     }
 }