:root {
    --zerotrust: #4376F4;
    --sase: #9D2C2E;
    --TI: #4BA1AF;
    --main-font: 'azo-sans-web', sans-serif;
    }

    h1,h3,h2,ul,p,h4,form {
    margin: 0px;
    padding: 0px;
    }

    a {
    text-decoration: none;
    }

    ul {
    list-style-type: none;
    }

    *,*::before,*::after {
    box-sizing: inherit;

    }

    html {
    box-sizing: border-box;
    padding: 0%;
    margin: 0%;
    }

    body {
    padding: 0%;
    margin: 0%;
    }

    .a-object {
    width: fit-content;
    }

    .menu-window {
    position: fixed;
    overflow: hidden;
    height: 100vh;
    width: 450px;
    transform: translateX(-100%);
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #bfbfbf;
    background-color: white;
    padding: 40px 0px 0px 50px;
    z-index: 11190;
    }

    #menu-window a {
    text-decoration: none;
    }

    #menu-window ul li {
    list-style: none;
    margin-left: 50px;
    }

    #menu-window h4 {
    font-family: Lato;
    font-weight: 500;
    font-size: 30px;
    }

    .menu-list-top {
    display: flex;
    flex-direction: column;
    /* padding-top: 50px;
        */
    padding-bottom: 10px;
    gap: 5px;
    list-style-type: disc;
    }

    .menu-list-top a {
    color: black;
    font-size: 30px;
    font-family: Lato;
    }

    .menu-window .menu-list-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-family: monserrat;
    gap: 5px;
    }

    .menu-list-bottom a {
    font-family: montserrat;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    list-style-type: disc;
    }

    .menu-list-bottom .cat-colors-te {
    border-left: 7px solid #4AA1AF;
    padding-left: 8px;
    }

    .menu-list-bottom .cat-colors-cs {
    border-left: 7px solid #1737B6;
    padding-left: 8px;
    }

    .menu-list-bottom .cat-colors-zt {
    border-left: 7px solid #3178F9;
    padding-left: 8px;
    }

    .menu-list-bottom .cat-colors-id {
    border-left: 7px solid #933C30;
    padding-left: 8px;
    }

    .menu-list-bottom .cat-colors-sec {
    border-left: 7px solid #7B978B;
    padding-left: 8px;
    }

    .menu-list-login-reg {
    display: flex;
    flex-direction: column;
    font-family: monospace;
    font-size: 20px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px #bfbfbf solid;
    height: 250px;
    }

    .privacy-btn {
    color: #bfbfbf;
    font-size: 16px;
    font-family: montserrat;
    letter-spacing: 1;
    margin-top: 40px;
    }

    /* .header-menu {
        display: flex;
        background-color: rgb(21, 20, 20);
        list-style: none;
        padding: 0%;
        margin: 0px;
        border-radius: 10px;
        border: solid 1px red;
    }
    */

    #menu-box {
    display: flex;
    align-items: center;
    padding-right: 100px;
    gap: 50px;
    }

    #menu-box a {
    text-decoration: none;
    color: rgb(4, 4, 4);
    text-decoration: none;
    letter-spacing: 0;
    color: black;
    text-align: left;
    font-weight: 800;
    font-size: 21;
    letter-spacing: 0px;
    font-family: montserrat;
    }

    header .tdf-header-logo img {
    width: 250px;
    padding-top: 11px;
    }

    header {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    justify-content: space-between;
    position: static;
    top: 0;
    z-index: 12;
    }

    .right-box-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    align-items: center;
    margin-right: 10%;
    gap: 20px;
    flex: 1;
    }

    .right-box-menu {
    text-align: left;
    font: normal normal bold 32px/40px var(--main-font);
    letter-spacing: 0px;
    color: #0A2245;
    opacity: 1;

    }


    .agenda-color {
    color: #F98427;
    padding-top: 3px;
    }

    .input-elm2 {
    border: solid 1px transparent;
    }

    .plus-red {
    position: relative;
    color: #FF0200;
    font-size: 30px;
    top: 3px;
    }

    .plus-blue {
    position: relative;
    color: #0093FF;
    font-size: 30px;
    top: 3px;
    }

    .ul-menu {
    display: flex;
    list-style-type: none;
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
    }


    .ul-menu li {
    text-align: right;
    font: normal normal bold 16px/28px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 27px 27px 27px 27px;
    color: #000000;
    opacity: 1;
    border-left: 1px solid #8A8A8A;
    }

    .header-content {
    display: flex;
    padding: 0px 10px 5px 70px;
    }

    .menu-tab {
    align-content: center;
    }

    .orange-box-container {
    display: flex;
    }

    .orange-box {
    background-color: #FF921E;
    }

    .orange-box h2 {
    font-family: azo-sans-web;
    font-size: 40px;
    font-weight: bold;
    color: white;
    padding: 0px 5px 0px 5px;
    margin: 0px !important;
    }


    #main-header {
    position: sticky;
        border-bottom: 10px solid #F98527;

    }

    .header-menu-right {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    font: normal normal bold 22px/27px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-transform: uppercase;
    }

    .menu-btn {
    display: inherit;
    border-right: 1px solid #8A8A8A;
    height: 100%;
    justify-content: center;
    align-items: center;
    }

    .menu-btn p {
    padding: 0px 20px 0px 20px;
    }

    .text-box {
    position: relative;
    top: -30px;
    text-align: left;
    font: normal normal bold 24px/21px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    max-width: 800px;
    }

    .bottom-menu {
    border: solid 1px white;
    padding: 30px 80px 30px 80px;
    background-color: white;
    margin-top: auto;
    }

    .menu-bottom {
    display: flex;
    color: #043766;
    gap: 60px;
    }

    .menu-bottom li {
    font-family: azo-sans-web;
    font-weight: bold;
    }

    .register-box {
    display: flex;
    margin-left: auto;
    margin-right: 5%;
    gap: 15px;
    font-family: montserrat;
    margin-top: 3px;
    }

    .register-box a {
    text-decoration: none;
    text-align: center;
    }

    .register-header-btn {
    width: 234px;
    height: 34px;
    color: black;
    background-image: linear-gradient(90deg, #FF4800 0%, #FFB300 100%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: .4s;
    font-family: montserrat;
    font-weight: 600;
    border-radius: 10px;
    line-height: 34px;
    border: solid 1px transparent;
    font-size: 14px;
    border: solid 1px rgb(166, 163, 163);
    }

    .register-header-btn:hover {
    background-size: 100% 100%;
    color: white;
    }

    .login-header-btn {
    width: 234px;
    height: 34px;
    font-family: montserrat;
    font-weight: 600;
    border-radius: 10px;
    border: solid 1px rgb(166, 163, 163);
    background-image: linear-gradient(90deg, #FF4800 0%, #FF4800 100%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: .4s;
    line-height: 34px;
    color: #000000;
    font-size: 14px;
    }

    .login-header-btn:hover {
    background-size: 100% 100%;
    color: white;
    }

    .open-close {
    display: flex;
    width: 40px;
    height: 30px;
    justify-content: center;
    border-radius: 5px;
    /* margin-top: 4px;
        */
    align-items: center;
    }

    .open-close2 {
    margin-left: -30px;
    margin-top: 4px;
    }

    #menu-tab:hover {
    opacity: 0.7;
    }

    #menu-tab {
    cursor: pointer;
    margin-top: -10px;
    }

    .menu-tab-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    }

    .hamburger-icon {
    width: 30px;
    height: 10px;
    position: relative;
    pointer-events: none;
    }
    .hamburger-icon span {
    display: block;
    background-color: black;
    position: absolute;
    height: 4px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: all 0.2s ease-out;
    
    }

    .hamburger-icon span:nth-child(1) {
    top: 2px;
    }

    .hamburger-icon span:nth-child(2), 
    .hamburger-icon span:nth-child(3) {
    top: 9px;
    }

    .hamburger-icon span:nth-child(3) {
    top: 16px;
    }

    .hamburger-icon.active span:nth-child(1) {
    top: 9px;
    transform: rotate(45deg);
    }

    .hamburger-icon.active span:nth-child(2) {
    opacity: 0;
    }

    .hamburger-icon.active span:nth-child(3) {
    top: 9px;
    transform: rotate(-45deg);
    }

    /* //////////////////////////////////////////////////////////////////////// */

    /* main banner css */

    .site-banner {
    background: url("https://cybersymposiums.com/page/agendanew/images/Header.png") no-repeat;
    background-size: cover;
    /* border-bottom: 10px solid;
        */
    /* border-image-source: linear-gradient(270deg, #FF4800 0%, #FFB300 100%);
        */
    /* border-image-slice: 1;
        */
    padding: 100px 0px 50px 0px;
    }

    .site-banner h1 {
    font: normal normal bold 59px/56px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .site-title p {
    text-align: left;
    font-size: 10px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .site-title {
    display: flex;
    flex-wrap: wrap;
    gap: 150px;
    align-items: center;
    margin: 0 auto;
    max-width: 1340px;
    }

    .site-title h3 {
    color: white;
    }

    .banner-upper-title {
    display: flex;
    gap: 10px;
    font-size: 6px !important;
    align-items: center;
    font-family: azo-sans-web;
    }

    .banner-upper-title p:nth-of-type(2) {
    font-weight: 900;
    }

    .site-title p {
    text-align: left;
    font: normal normal 100 16px/35px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .left-title-container {
    width: fit-content;
    }

    .right-title-container {
    max-width: 700px;
    }

    .right-title-container  p {
    font: normal normal normal 22px/24px azo-sans-web;
    }

    /* main banner css */

    /* CONTENT SITE START HERE */

    /* CONTENT SITE END HERE */

    .footer-to-top {
    background-color: #424141;
    color: white;
    text-align: center;
    font-family: montserrat;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    align-content: center;
    }

    a {
    text-decoration: none;
    }

    .footer-to-top:hover {
    opacity: 0.9;
    }

    .page-footer {
    background-color: #F4F6F8;
    }

    .footer-top-content {
    display: flex;
    gap: 100px;
    max-width: 1340px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 20px 0px 20px 0px;
    }

    .footer-top-content h4 {
    font-size: 40px;
    font-weight: 300;
    }

    .ul-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    list-style-type: none;
    justify-content: center;
    align-items: center;
    }

    .footer-links {
    text-align: left;
    font: normal normal bold 17px/20px azo-sans-web;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    }

    .social-bar {
    display: flex;
    font-size: 30px;
    max-width: 1340px;
    margin: 0 auto;
    gap: 10px;
    justify-content: space-between;
    }

    .social-bar a {
    color: black;
    }

    .copyright {
    text-align: center;
    margin-left: auto;
    font-weight: 200;
    font-family: montserrat;
    font-size: 15px;
    align-content: center;
    width: fit-content;
    
    }


    .plus-blue2 {
    position: relative;
    color: #0093FF;
    font-size: 25px;
    top: 3;
    }

    .fix {
    margin-top: -3px;
    }

    .swiper-pagination-bullet {
    background: white;
    opacity: 1;
    margin: 10px !important;
    width: 14px;
    height: 14px;
    }

    .swiper-pagination-bullet-active{
    background-color: #FF4800;;
    width: 14px;
    height: 14px;
    }

    .banner-login-and-title-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1300px;
    max-width: 1300px;
    padding-top: 50px;
    }

    .banner-upper-title {
    display: flex;
    gap: 10px;
    font-size: 16px !important;
    text-align: left;
    font-family: azo-sans-web;
    }

    .banner-title {
    text-align: left;
    align-content: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .cybersymposiums-title {
    font: normal normal bold 60px/57px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .weekly-meetups {
    text-align: left;
    font: normal normal bold 55px/70px azo-sans-web;
    letter-spacing: 0px;
    color: #FF4801;
    opacity: 1;
    }

    .dates {
    text-align: left;
    font: normal normal bold 32px/40px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .swiper {
    width: 100%;
    height: 100%;
    }

    .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background-image: url("images/222.png");
        */
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .swiper {
    margin-left: auto;
    margin-right: auto;
    }

    .login-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 489px;
    max-width: 489px;
    height: 338px;
    background-color: white;
    gap: 15px;
    border: solid 1px #FF4800;
    border-radius: 5px;
    position: absolute; right: 10%; z-index: 10;
    top: 30;
    text-align: center;

    }

    .login-box-text {
    font: normal normal normal 14px/18px Montserrat;
    letter-spacing: 0px;
    color: #474D57;
    opacity: 1;
    }

    .linked-in-btn {
    width: 329px;
    height: 51px;
    color: white;
    background: #0B66C2 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    font: normal normal bold 14px/18px Montserrat;
    align-content: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    #bg-1 {
    background-color: rgb(153, 0, 255) !important;
    border: solid 2px yellow;
    height: 350px;
    }

    #bg-2{
    background-color: rgb(0, 89, 255) !important;
    border: solid 2px yellow;
    height: 350px;
    }

    #bg-3 {
    background-color: rgb(96, 104, 98) !important;
    border: solid 2px yellow;
    height: 350px;
    }


    .boxes-container {
    align-content: center;
    }

    #cs-logo {
    font-size: 40px !important;
    }

    .logos-container img {
    width: 100px !important;
    }

    .login-btn {
    font-family: montserrat;
    color: black;
    font-size: 32px;
    letter-spacing: 1;
    }

    .register-btn {
    font-family: montserrat;
    color: #FF4800;
    font-size: 32px;
    letter-spacing: 1;
    }

    .login-btn-box {
    width: 329px;
    height: 51px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
    opacity: 1;
    font: normal normal bold 14px/18px Montserrat;
    align-content: center;
    cursor: pointer;
    }

    .register-btn-box {
    width: 329px;
    height: 51px;
    color: white;
    background: #FF4800 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    font: normal normal bold 14px/18px Montserrat;
    align-content: center;
    cursor: pointer;
    }

    .bg {
    /* background-image: url("images/222.png");
        */
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 5px solid #FF4801;
    }

    .banner-title {
    color: white;
    }

    .swiper-wrapper {
    height: auto;
    }

    .swiper {
    height: 400px;
    padding: 50px;
    
    }

    .carousel {
    /* height: 400px;
        */
    background-image: url("https://cybersymposiums.com/page/ai-bake-off-registration/images/222.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }

    #menu-window .cat-colors-te {
    border-left: 7px solid #4AA1AF;
    padding-left: 8px;
    }

    #menu-window .cat-colors-cs {
    border-left: 7px solid #1737B6;
    padding-left: 8px;
    }

    #menu-window .menu-list-bottom .cat-colors-zt {
    border-left: 7px solid #3178F9;
    padding-left: 8px;
    }

    #menu-window .cat-colors-id {
    border-left: 7px solid #933C30;
    padding-left: 8px;
    }

    #menu-window .cat-colors-sec {
    border-left: 7px solid #7B978B;
    padding-left: 8px;
    }

    html,body,p,h1,h2,h3,h4,h5,ul {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    }

    .header-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border-bottom: 13px #F98527 solid;
    padding: 15px 0px 15px 0px;
    }

    .header-logos {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    }

    /* header end */

    .banner-left-content {
    color: white;
    max-width: 500px;
    padding: 20px 10px 10px 20px;
    }

    .bg-fix-fix {
    background-image: url("https://cybersymposiums.com/page/register/images/banner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }

    .banner-upper-title {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-family: var(--font-family);
    }

    .banner-upper-title p:nth-of-type(2) {
    font-weight: 900;
    }

    .banner-container {
    justify-content: space-between !important;
    }

    .main-title {
    text-align: left;
    font-size: clamp(30px, 5vw, 45px);
    line-height: 55px;
    font-family: var(--font-family);
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .banner-container {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    width: 100%;
    }

    .banner-content-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    }

    .plus-sign {
    font-size: 20px;
    margin-top: -5px;
    font-weight: 500;
    }

    a {
    text-decoration: none;
    color: white;
    }

    .header-right-content {
    color: rgb(6, 6, 6);
    max-width: 800px;
    text-align: left;
    font-family: "azo-sans-web";
    font-weight: 300;
    font-size: 21px;
    color: #FFFFFF;
    padding: 60px 30px 30px 20px;
    }

    .banner-btn {
    display: flex;
    gap: 5px;
    width: fit-content;
    opacity: 1;
    font-size: 15px;
    margin-top: 20px;
    background-color: #0093FF;
    padding: 5px 10px 5px 10px;
    }

    /* banner senction end */

    .analyst-section {
    background: linear-gradient(to bottom, white 35%, #ECECEC 0%);
    background-position: 0% 50%;
    }

    .analyst-container {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .analyst-frame {
    display: flex;
    width: 210px;
    align-items: center;
    padding-top: 20px;
    }

    .linkedin-logo {
    width: 30px;
    }

    .analyst-frame > img {
    width: 100px;
    }

    .analyst-frame p {
    font-family: var(--font-family);
    font-size: 14px;
    }

    .cs-zt-section {
    display: flex;
    max-width: 1200px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px !important;
    }

    .span-underline {
    border-bottom: 2px solid #0093FF;
    /* Create an underline with border */
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 40px;
    }

    .cs-zt-section-title {
    font-size: 48px;
    font-weight: bold;
    font-family: var(--font-family);
    max-width: 260px;
    padding-top: 20px;
    line-height: 50px;
    }

    .speakers-btn {
    display: flex;
    gap: 5px;
    width: 160px;
    height: 29px;
    text-align: left;
    font: normal normal normal 11px/11px var(--font-family);
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    background-color: #0093FF;
    margin: 0 auto;
    padding: 10px;
    margin-top: 20px;
    }

    input {
    font-family: var(--font-family);
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 17px;
    color: #B2B2B2;
    }

    .blue-box {
    width: 439px;
    color: black;
    color: white;
    background-color: #0093FF;
    }

    .text-div {
    padding: 12px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 11px;
    margin: 0 auto;
    text-align: center;
    max-width: 85%;
    }

    .blue-box p {
    grid-area: 30px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family);
    }

    .register-now-btn p {
    font-size: 18px;
    font-weight: 400;
    }

    .register-now-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 211px;
    padding: 10px 0px 10px 0px;
    background: #F98526 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 0 auto;
    margin-top: 20px;
    font-family: var(--font-family);
    }

    /* analyst section end */

    .logos-section {
    width: 100%;
    }

    .frame > img {
    border: solid 4px #F98527;
    border-radius: 100px;
    }

    .logos-main-frame {
    justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
    max-width: 1380px;
    margin: 0 auto;
    padding: 20px;
    }

    .logos-title {
    text-align: left;
    font: normal normal 700 35px/20px var(--font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-align: center;
    margin-bottom: 30px;
    }

    .logos-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 800px;
    column-gap: 20px;
    }

    .logos-container {

    margin: 0 auto;
    gap: 20px;
    align-items: center;
    }





    .logos-container img {
    width: 160px;
    aspect-ratio: 3/2;
    object-fit: contain;
    }

    /* logos section END */

    .form-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient(90deg, #0D2040 0%, #0093FF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 20px 20px 20px 10px;
    margin: 0px;
    border: none;
    border-radius: 0px;
    }

    .form-fields-container {
    display: flex;
    flex-wrap: wrap;
    color: white;
    gap: 10px;
    }

    .form-fields-container  .input-elm-register {
    font-family: var(--font-family);
    line-height: 10px;
    font-size: 15px;
    font-weight: 500;
    width: 220px;
    height: 52px;
    background: #F98526;
    border-radius: 5px;
    opacity: 1;
    letter-spacing: 1.7px;
    color: #FFFFFF;
    cursor: pointer;
    }

    .form-fields-container  .input-elm {
    width: 220px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    border: solid 1px transparent;
    }

    .blue-box .input-elm-register {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    width: 180px;
    height: 42px;
    background: #F98526;
    border-radius: 5px;
    opacity: 1;
    letter-spacing: 1.7px;
    color: #FFFFFF;
    border: none;
    margin: 0 auto;
    margin-top: 20px;
    }

    .input-elm-register I {
    font-size: 30px;
    }

    .input-elm-register2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family) !important;
    font-size: 16px;
    font-weight: 500;
    width: 439px;
    height: 62px;
    background: #F98526;
    opacity: 1;
    letter-spacing: 1.2px;
    color: #FFFFFF;
    }

    .check-box-and-text {
    display: flex;
    flex-wrap: wrap;
    color: white;
    gap: 30px;
    padding: 10px 10px 10px 10px;
    }

    #suscribe {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 15px;
    }

    .check-box-and-text p:nth-of-type(1) {
    font-size: 10px;
    padding-top: 5px;
    font-family: var(--font-family);
    }

    .privacy-div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    }

    #privacy {
    font-size: 15px;
    text-decoration: underline;
    }

    /* form section end */

    .speakers-fix {
    justify-content: left;
    max-width: 1450px;
    margin: 0 auto;
    gap: 200px;
    padding: 30px;
    }

    .ul-container {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 0px 20px 0px;
    font-weight: 100;
    max-width: 1400px;
    margin: 0 auto;
    gap: 30px;
    }

    .ul-container li {
    list-style-type: none;
    text-align: left;
    font-family: var(--font-family);
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 10px;
    }

    .footer-div {
    padding: 30px 0px 30px 0px;
    background: #ECECEC 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 0 auto;
    }

    .logos-footer {
    width: fit-content;
    margin: 0 auto;
    }

    .form2 {
    max-width: 100%;
    text-align: center;
    background-color: #3D91F7;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    }

    .orange-btn {
    width: 172px;
    height: 46px;
    background: #F98526 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: left;
    font: normal normal bold 15px/19px var(--main-font);
    letter-spacing: -0.01px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    align-content: center;


    }


    .input-elm2 {
    width: 189px !important;
    height: 47px;
    border-radius: 5px;
    }

    .form2 h3 {
    text-transform: uppercase;
    text-align: left;
    font: normal normal bold 25px/38px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    input[type="submit"] {
    width: 100%;
    padding: 10px;
    border: none;
    background-color: #0D2040;
    color: #fff;
    cursor: pointer;
    }

    .site-banner {
    background-image: url("https://cybersymposiums.com/page/agendanew/images/Header.png");
    background-size: cover;
    background-repeat: no-repeat;
    /* border-bottom: 10px solid;
        */
    /* border-image-source: linear-gradient(270deg, #FF4800 0%, #FFB300 100%);
        */
    /* border-image-slice: 1;
        */
    padding: 80px 0px 20px 0px;
    }

    .site-banner h1 {
    font: normal normal bold 40px/43px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .site-title p {
    text-align: left;
    font: normal normal 100 26px/35px azo-sans-web;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .site-title {
    margin: 0 auto;
    max-width: 1340px;
    }

    /* CONTENT SITE START HERE */

    .dot {
    position: absolute;
    top: 50%;
    left: 144;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #FF931E;
    border-radius: 50%;
    }

    .underline {
    border-bottom: solid 1px #0093FF;
    padding-bottom: 10px;
    }

    .topics-host {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    /* border: solid 1px red;
        */
    }

    .check-box-updates {
    display: flex;
    text-align: left;
    font: normal normal bold 13px/16px Montserrat;
    letter-spacing: 0px;
    color: #0B66C2;
    opacity: 1;
    gap: 5px;
    }

    .host-frame {
    display: flex;
    flex-wrap: wrap;
    /* border: solid 1px blue;
        */
    justify-content: center;
    padding: 30px 0px 30px 0px;
    max-width: 1350px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    }

    .bg-container {
    background-color: #F4F6F8;
    }

    .bg-container h3 {
    font-family: azo-sans-web;
    font-weight: bold;
    }

    .host-frame2 {
    display: flex;
    flex-wrap: wrap;
    /* border: solid 1px blue;
        */
    padding: 30px 0px 20px 20px;
    }

    .border-left {
    border-left: 1px solid #E9E9E9;
    }

    .frame {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 5px;
    width: 160px;
    max-width: 160px;
    }

    .frame2 {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 5px;
    width: 160px;
    max-width: 160px;
    }

    .frame2 p {
    color: black !important;
    }

    .frame-content {
    text-align: left;
    font: normal normal bold 12px/17px Azo Sans;
    letter-spacing: 0px;
    color: #585858;
    opacity: 1;
    width: 100%;
    }

    .frame-content2 {
    display: flex;
    align-items: center;
    padding-left: 5px;
    font: normal normal bold 12px/17px Azo Sans;
    letter-spacing: 0px;
    color: #585858;
    opacity: 1;
    width: 100%;
    }

    .frame .frame-content > p {
    font-family: azo-sans-web;
    line-height: 15px;
    }

    .frame2 .frame-content2 > p {
    font-family: azo-sans-web;
    line-height: 16px;
    font-size: 12px;
    }

    .frame > img {
    width: 100px;
    }

    .frame2 > img {
    width: 110px;
    border: solid 3px #F98526;
    border-radius: 100px;
    }

    .host-frame .frame2 > img {
    width: 90px;
    border: solid 3px #F98526;
    border-radius: 100px;
    }

    .frame-content img {
    width: 30px;
    }

    .frame-content2 img {
    width: 30px;
    }

    .csa-footer {
    background-color: #F4F6F8;
    height: 200px;
    max-height: 250px;
    margin-top: 150px;
    }

    .csa-box {
    position: relative;
    top: -50;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 40px;
    gap: 20px;
    border: 1px solid #D4D4D4;
    max-width: 1340px;
    margin: 0 auto;
    background-color: white;
    }

    .csa-box-text {
    max-width: 650px;
    font: normal normal normal 22px/32px Montserrat;
    letter-spacing: 0px;
    color: #1A2B50;
    opacity: 1;
    }

    /* CONTENT SITE END HERE */

    .footer-to-top {
    background-color: #424141;
    color: white;
    text-align: center;
    font-family: montserrat;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    padding-top: 10px;
    }

    a {
    text-decoration: none;
    }

    .footer-to-top:hover {
    opacity: 0.9;
    }

    .page-footer {
    background-color: #F4F6F8;
    }

    .footer-top-content {
    display: flex;
    gap: 100px;
    max-width: 1340px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 20px 0px 20px 0px;
    }

    .footer-top-content h4 {
    font-size: 40px;
    font-weight: 300;
    }

    .ul-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    list-style-type: none;
    justify-content: center;
    align-items: center;
    }

    .footer-links {
    text-align: left;
    font: normal normal bold 17px/20px azo-sans-web;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    }

    .social-bar {
    display: flex;
    font-size: 30px;
    max-width: 1340px;
    margin: 0 auto;
    gap: 10px;
    padding-bottom: 50px;
    
    }

    .social-bar a {
    color: black;
    }


    .copyright-span {
    font-weight: bold;
    max-width: fit-content;
    }

    .plus-blue2 {
    position: relative;
    color: #0093FF;
    font-size: 25px;
    top: 3;
    }

    .fix {
    margin-top: -3px;
    }

    .margin-left-fix {
    margin-left: 8px;
    }

    .live-section {
    max-width: 1340px;
    margin: 0 auto;
    margin-top: 30px;
    }

    .live-cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    .live-card {
    width: 424px;
    height: 364px;
    border: solid 1px #D4D4D4;
    }

    .border-orange {
    border-left: 14px solid #F14300;
    }

    .border-blue-dark {
    border-left: 14px solid #1336A0;
    }

    .border-tuequesa {
    border-left: 14px solid #37869B;
    }

    .live-card h2 {
    font-size: 28px;
    font-weight: bold;
    padding: 0px 30px 10px 20px;
    }

    .live-card .card-header {
    display: flex;
    margin-top: 10px;
    font-family: azo-sans-web;
    font-size: 15px;
    font-weight: bold;
    }

    .live-card .card-header p:nth-of-type(1) {
    width: 50%;
    color: white;
    text-align: left;
    padding: 5px 0px 5px 20px;
    }

    .live-card .card-header p:nth-of-type(2) {
    width: 50%;
    color: black;
    text-align: center;
    padding: 5px 0px 5px 0px;
    }

    .live-card .card-description {
    font-size: 14px;
    line-height: 18px;
    color: #636363;
    font-family: montserrat;
    padding: 0px 0px 10px 20px;
    }

    .live-card .dots-menu {
    display: flex;
    gap: 5px;
    padding: 10px 0px 10px 20px;
    width: fit-content;
    }

    .live-card .segment-dot-buton {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 100%;
    }

    .live-card .join-now-button {
    text-align: center;
    width: 130px;
    background: #FF4801 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    color: white;
    font-family: azo-sans-web;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    margin: 30px 0px 0px 20px;
    }

    .live-section .live-section-title-container {
    position: relative;
    display: flex;
    }

    .title-new {
    display: flex;
    margin-top: 50px;
    align-items: center;
    justify-content: center;
    }

    .h3-title h3 {
    max-width: 1350px;
    text-align: left;
    font: normal normal bold 50px/64px azo-sans-web;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    }

    .title-container {
    width: 1350px;
    max-width: 1350px;
    display: flex;
    align-items: center;
    gap: 30px;
    }

    .title-subtitle {
    text-align: left;
    font: italic normal normal 20px/25px azo-sans-web;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    }

    .circle {
    position: absolute;
    margin-top: 30px;
    margin-left: 30px;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
    }

    .circle:before {
    content: "";
    position: relative;
    display: block;
    width: 250%;
    height: 250%;
    box-sizing: border-box;
    margin-left: -75%;
    margin-top: -75%;
    border-radius: 45px;
    background-color: red;
    animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    }

    .circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: red;
    border-radius: 50px;
    animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    }

    @keyframes pulse {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
    }

    @keyframes circle {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
    }

    .about-section-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 1350px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0px 40px 0px;
    }

    .about-section-text {
    text-align: left;
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    max-width: 850px;
    font: normal normal normal 20px/30px azo-sans-web;
    }

    .about-section-title {
    text-align: left;
    font: normal normal bold 24px/30px azo-sans-web;
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    }

    .drill-container {
    max-width: 1350px;
    margin: 0 auto;
    font-size: 17px;
    padding: 30px 0px 30px 0px;
    margin-bottom: 50px;
    }

    .drill-text {
    font-family: montserrat;
    font-weight: 600;
    color: #0093FF;
    padding-top: 16px;
    }

    .orange {
    color: #FF4800;
    font-size: 24px;
    font-weight: 700;
    }

    a {
    color: #0093FF;
    }

    .ai-word {
    padding-right: 10px;
    }

    .orange-padding {
    padding: 0px 10px 0px 10px;
    }



    .map-button {
    position: relative;
    max-width: 300px;
    text-align: center;
    font-size: 18px;
    font-family: montserrat;
    font-weight: bold;
    background-color: #FF4800;
    color: white;
    cursor: pointer;
    border-radius: 10px;
    top: -10px;
    padding: 10px 15px 10px 15px;
    line-height: 15px;
    }

    .map-button:hover {
    transition: ease-in-out all 0.5s;
    background-color: #007AFE;
    }

    .segments {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    justify-content: space-between;
    margin: 10px    auto;
    font-size: 17px;
    font-family: montserrat;
    font-weight: 600;
    }

    .segments a {
    color: #0093FF;
    text-decoration: underline;
    }

    .segments ul a li {
    padding-bottom: 10px;
    }

    .main-agendas-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 30px 0px 30px 0px;
    }

    .map-container {
    background-color: #F4F6F8;
    margin-bottom: 50px;
    }

    /* .map-image-frame {
    max-width: 250px;

    } */

    img {
    width: 100%;
    }

    .content-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1550px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between !important;
    padding: 50px 0px 20px 0px;
    }

    .maps-image-container {
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    max-width: 1350px;
    }

    .map-image-frame {
    max-width: 220px;
    }

    .content-container .map-col-name {
    font: normal normal bold 18px/25px Montserrat;
    color: #393939;
    margin-top: 5px;
    margin-bottom: 15px;
    }

    .map-cols img {
    box-shadow: 2px 4px 7px 0px #d3d3d3;
    transition: 0.2s all linear;
    width: 85%;
    }

    .map-cols img:hover {
    scale: 1.05;
    }

    .tag-block {
    font: normal normal 600 20px/24px Montserrat;
    color: #393939;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    display: inline-block;
    }

    .tag-block.spotlight {
    border-left: 9px solid #6B2DF4;
    }

    .content-container .map-analyst {
    border-top: 2px solid black;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
    }

    .content-container .contact-link {
    text-align: center;
    text-transform: none;
    margin: 0;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 700;
    }

    .content-container .live-maps {
    background-color: white;
    color: #FF4800;
    border: 1px solid #FF4800;
    background-image: linear-gradient(90deg, #FF4800 0%, #FFB300 100%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: .4s;
    }

    .content-container .contact-link {
    font: normal normal 700 14px/19px Montserrat;
    color: #FF4800;
    padding: 15px 20px;
    max-width: 200px;
    margin: 20px auto;
    border-radius: 7px;
    text-transform: uppercase;
    transition: 0.3s all linear;
    cursor: pointer;
    }

    .social-bar i {
    color: black !important;
    }

    /* General Styles */
    body {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        margin: 0;
        padding: 0;
        color: #333;
    }

    h1, h2 {
        color: #0070c0;
    }

    section {
        padding: 20px;
        margin: 20px;
        border-radius: 5px;
    }

    .phases, .tracks, .badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1680px;
    gap: 20px;
    color: white;
    font: normal normal bold 24px/29px Montserrat;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    margin: 0 auto;
    }



    .get-involved {
        text-align: center;
        margin: 20px 0;
    }

    button {
        padding: 10px 20px;
        margin: 10px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }
    .btn-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0px 50px 0px;
    margin: 0 auto;
    width: 100%;
    gap: 20px;
    }




    .signup-rank {
    width: 336px;
    height: 62px;
    background-color: #F98526;
    color: white;text-align: left;
    text-align: left;
    font: normal normal bold 20px/19px Montserrat !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    align-content: center;
    text-align: center;
    border-radius: 5px;
    }

    .bi {
    font-size: 30px;
    }

    .linkedin-signup {
        background-color: #0070c0;
        color: white;
        width: 392px;
    height: 62px;
    color: white;text-align: left;
    font: normal normal bold 15px/22px Montserrat !important;
    letter-spacing: 1.7px;
    color: #FFFFFF;
    opacity: 1;
    align-content: center;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 5px;
    }

    .track {
        background-color: #eee;
        padding: 0px 30px 0px 30px !important;
        border-radius: 5px;
        margin: 5px;
        
    }

    .track:nth-child(1) { background-color: #1737B6; }
    .track:nth-child(2) { background-color: #5E8373; }
    .track:nth-child(3) { background-color: #933C30; }
    .track:nth-child(4) { background-color: #5E8373; }
    .track:nth-child(5) { background-color: #4AA1AF ; }
    .track:nth-child(6) { background-color: #933C30; }
    .track:nth-child(7) { background-color: #933C30 ; }
    .track:nth-child(8) { background-color: #A700FF; }
    .track:nth-child(9) { background-color: #49A1AF; }
    .track:nth-child(10) { background-color: #1737B6 ; }
    .track:nth-child(11) { background-color: #5E8373; }

    .badge-content {
        padding: 10px;
        border-radius: 5px;
    }

    .badge-content p:first-child {
        font-size: 1.2em;
        font-weight: bold;
    }

    .main-content-container {
    max-width: 1680px;
    margin: 0 auto;
    
    }

    .top-20 {
    display: flex;
    flex-wrap: wrap;
    }

    /* .main-baner {
    background-image: url("/images/222.png");
    height: 300px;
    border-top: 10px solid #F98527;
    border-bottom: 20px solid #0093FF;
    } */
    .main-banner {
        background-image: url("https://www.cybersymposiums.com/page/ai-registration/images/222.png");
        border-bottom: 20px solid #0093FF;
        background-size: cover;
        background-position: center;
    }


    #badges {
    flex-direction: column;
    padding: 20px;
    }
    .badge-content img {
    width: 100%;
    }


    .main-banner {
    align-content: center;
    padding: 40px;
    }


    .banner-content-container {
    max-width: 1580px;
    margin: 0 auto;

    }
    .site-title {
    text-align: left;
    font-family: var(--font-family);
    font-size: clamp(2.5rem, 3vw, 3.5rem);
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    }

    .sub-title {
    text-align: left;

    font-family: var(--main-font);
    font-weight: bold;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 30px;
    letter-spacing: 0px;
    color: #F98528;
    opacity: 1;
    padding-bottom: 10px;
    }


    .left-banner-content {
    color: white;
    text-align: left;
    font: normal normal bold 22px/28px var(--main-font);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

    .right-banner-content {
    color: white;
    text-align: left;
    font: normal normal bold 18px/28px var(--main-font);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    align-content: center;


    }

    .ul-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    }

    .right-title {
    padding-bottom: 20px;
    max-width: 400px;
    }

    .plus-icon {
    color: #0093FF;
    font-size: 40px;
    font-weight: bold;
    }
    
    .ai-bakeoff {
margin-top: -150px;
}

.get-involved-title {
width: 800px;
max-width: 800px;
}
.bg-new {
background: #F5F6F8 0% 0% no-repeat padding-box;

}

    .ai-bakeoff .ai-title {

    text-align: left;
    font: normal normal bold 36px/64px var(--main-font);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    }

    .ai-bakeoff-text {
    text-align: left;
    max-width: 1440px;
    font: normal normal normal 16px/28px var(--main-font);
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    margin-bottom: 35px;
    padding: 0px 0px 20px 0px;
    }

    .phase-title {
    text-align: left;
    font: normal normal bold 24px/30px var(--main-font);
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    margin-bottom: 20px;
    }

    .plus-phase {
    color: #F98526; 
    font-size: 25px;

    }
    .phase p {
    color: black;
    text-align: left;
    font: normal normal normal 24px/30px var(--main-font);
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    }
    .phase {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0px 20px 0px 20px;
    overflow: hidden;

    }

    .border-right {
    border-right: 1px solid #707070;
    }
    

    .phase h2,p {
    text-align: left !important;
    font-weight: 600;
    }


    .number-format {
    text-align: left;
    font: normal normal bold 51px/65px var(--main-font);
    letter-spacing: 0px;
    color: #F98526;
    opacity: 1;
    border: solid 2px black;
    padding: 10px 30px ;
    border-radius: 1000px;
    }
    .phase-number-text h2 {
    text-align: center;
    font: normal normal bold 24px/30px var(--main-font);
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    }
    .phase-number-text p {
    text-align: left;
    font: normal normal normal 24px/30px var(--main-font);
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    padding: 10px 0px 5px 0px
    }
    .get-involved {
display: flex;
    margin: 0 auto;
    margin-top: 50px;
    }
    .get-involved h2 {
    text-align: center;
    font: normal normal bold 36px/64px var(--main-font);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 20px;
    }
    .get-involved p {
    text-align: center !important;
    font: normal normal normal 16px/18px var(--main-font);
    letter-spacing: 0px;
    color: #0D2040;
    opacity: 1;
    margin-bottom: 20px;
    }

    .market-title {
    text-align: left;
    font-size: clamp(30px, 4vw, 35px);
    line-height: 55px;
    font-family: var(--main-font);
    font-weight: bold;
        line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom:50px;
     max-width: 1600px;
margin: 0 auto;
padding-bottom: 50px;
    }

    .market-plus {
    color: #0093FF;
    font-weight: bold;
    }

    .top20-title {
    text-align: left;
    font: normal normal bold 50px/64px var(--main-font);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;

    }
    .top20-plus {
    font-family: var(--main-font);
    font-weight: bold;
    color: #F98528;
    }

    .top20-text {
    max-width: 1140px;

    }

    .top20-text {
    text-align: left;
    font: normal normal normal 24px/30px var(--main-font);
    letter-spacing: 0px;
    color: #414141;
    padding: 20px;
    margin-bottom:30px;
    }

    .li-link {
    padding-left: 20px;
    }


    .dot-1 {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: #F98526;
    }

    .dot-2 {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: #0093FF;
    }



    .dot-container {
    display: flex;
    gap: 10px;
    align-items: center;
    }

    .top20-ul p {
    padding: 20px 0px 40px 0px;
    }

    .top20-content-container {
    padding: 0px 40px 40px 40px;
    }


    .linkedin-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    align-content: center;

    }

    .linkedin-signup {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    }
    .linkedin-signup p {
    margin: 0px;
    }

    .linkedin-signup ,.linkedin-text {
    text-align: left;
    font: normal normal bold 20px/19px Montserrat !important;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    opacity: 1;
    }

    .bi {
    font-weight: bold !important;
    }