body {
            background-image: url('../images/main.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            min-height: 100vh;
        }
        
        header {
            padding: 30px;
        }
        
        header>div {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }
        
        header>div img {
            width: 122px;
            height: 120px;
        }
        
        header>div .steps {
            display: flex;
            align-items: center;
            width: 60%;
            justify-content: space-around;
        }
        
        header>div .steps span {
            width: 34px;
            height: 34px;
            display: inline-block;
            border-radius: 50%;
            text-align: center;
            line-height: 34px;
            background: #DEE0E4;
            color: #FFFFFF;
            font: normal normal bold 20px/34px Poppins;
        }
        
        header>div .steps label {
            font-size: 20px;
            padding-bottom: 3px;
            color: #DEE0E4;
            font: normal normal 600 20px/30px Poppins;
        }
        
        header>div .steps .active span {
            background: #1B4D96;
        }
        
        header>div .steps .active label {
            color: #1B4D96;
            border-bottom: 2px solid #1b4d96;
        }
        
        section {
            padding: 10px 30px;
        }
        
        section .main .content {
            width: 600px;
        }
        
        section .main .content img {
            object-fit: contain;
            width: 300px;
        }
        
        section .main .content p {
            margin-top: 10px;
            font: normal normal 600 18px/23px poppins;
            letter-spacing: 0.42px;
            color: #08243C;
        }
        
        section .main .content h1 {
            font: normal normal normal 49px/59px SancoaleSoftened 2;
            letter-spacing: 0px;
            color: #1B4D96;
            font-weight: bolder;
        }
        
        section .main .content .btns button {
            font: normal normal 600 33px/50px Poppins;
            padding: 3px 26px;
            margin-right: 20px;
            border: none;
            border-radius: 5px;
            margin-top: 20px;
        }
        
        section .main .content .btns .start {
            color: #fff;
            background: #1b4d96;
        }
        
        section .main .content .btns button:nth-child(2) {
            border: 1px solid #1B4D96;
            color: #1B4D96;
            background-color: transparent;
        }
        
        section .main {
            display: flex;
        }
        
        section .main .main-image {
            flex-grow: 1;
        }
        
        section .main .main-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        @media (max-width:1300px) {
            section .main .content p {
                font: normal normal 600 18px/23px poppins;
            }
            section .main .content {
                width: 400px;
            }
            section .main .content h1 {
                font: normal normal normal 49px/59px SancoaleSoftened 2;
            }
            header>div .steps span {
                width: 25px;
                height: 25px;
                font: normal normal bold 18px/25px Poppins;
            }
            header>div .steps label {
                font-size: 15px;
            }
        }
        
        @media(max-width:992px) {
            section .main .main-image {
                display: none;
            }
            section .main .content {
                width: 95%;
                margin-top: 60px;
                margin-left: auto;
                margin-right: auto;
            }
            header>div .steps {
                width: 90%;
            }
            section .main .content p {
                margin-bottom: 30px;
            }
            section .main .content .btns button {
                margin-top: 30px;
            }
        }
        
        @media (max-width:800px) {
            header>div .steps {
                display: none;
            }
        }
        
        @media (max-width:586px) {
            section .main .content img {
                width: 200px;
            }
            header>div img {
                width: 98px;
                height: 96px;
            }
            header {
                padding: 15px;
            }
            section {
                padding: 10px 15px;
            }
        }