*{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .container {
        width: 100%;
        height: 6950px;
        background-color: #f8f4f4;
    }

    nav {
        width: 100%;
        height: 94px;
        background-color: white;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    nav ul {
        width: 800px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        list-style: none;
    }

    nav img {
        width: 124px;
        height: 24px;
    }

    nav a {
        text-decoration: none;
        font-family: "Roboto";
        font-size: 20px;
        color: #141414;
    }

    .login {
        width: 94px;
        height: 54px;
        background-color: #f8f4f4;
        border-radius: 8px;
        font-family: "Roboto";
        font-size: 18px;
        border: none;
    }

    .login:hover {
        border: 1px solid black;
        cursor: pointer;
    }

    .start {
        width: 153px;
        height: 54px;
        background-color: #0099FF;
        border-radius: 8px;
        border: none;
        font-family: "Roboto";
        font-size: 18px;
        color: #ffffff;
    }

    .start:hover {
        background-color: #ffffff;
        cursor: pointer;
        color: #0099FF;
        border: 2px solid #0099FF;
    }

    main {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #f8f4f4;
    }

    main h1 {
        width: 893px;
        font-size: 120px;
        font-family: "Roboto";
        font-weight: 400;
    }

    main p {
        width: 509px;
        font-size: 26px;
        font-family: "Roboto";
        padding-top: 60px;
    }

    main input {
        width: 300px;
        height: 54px;
        border-radius: 8px;
        font-family: "Roboto";
        border: none;
    }

    main div {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }

    .bottom {
        width: 1180px;
        height: 175px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 40px auto;
    }

    .bottom img {
        width: 100%;
    }

    .bottom p {
        font-family: "Roboto";
        font-size: 20px;
        color: #B2B2B2;
    }

    .works {
        width: 860px;
        height: 690px;
        background-color: #f8f4f4;
        margin: 0 auto;
        position: relative;
    }

    .h1 {
        font-family: "Roboto";
        font-size: 36px;
        color: #000;
        font-weight: 500;
        text-align: center;
    }

    .works img {
        width: 100%;
        height: 468px;
        padding-top: 50px;
    }

    .works button {
        width: 361px;
        height: 70px;
        border-radius: 40px;
        font-size: 18px;
        font-family: "Roboto";
        color: #000;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 480px;
        left: 30%;
    }

    .works i {
        font-size: 30px;
        text-align: center;
    }

    .content {
        width: 1240px;
        height: 606px;
        background-color: #f8f4f4;
        margin: 40px auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hire {
        width: 483px;
        height: 509px;
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

    .more {
        width: 677px;
        height: 406px;
    }

    .more img {
        width: 100%;
    }

    .hire span {
        font-family: "Roboto";
        font-size: 30px;
        font-weight: 900;
        color: #0C9F64;
    }

    .hire h2 {
        font-size: 56px;
        font-family: "Roboto";
        width: 392px;
    }

    .hire p {
        font-size: 22px;
        font-family: "Roboto";
        width: 392px;
    }

    .hire button {
        width: 136px;
        height: 54px;
        border: none;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
        border-radius: 8px;
    }

    .more p {
        text-align: center;
        font-size: 16px;
        font-family: "Roboto";
        color: rgba(14, 16, 22, 0.4);
    }

    .cre {
        width: 1240px;
        height: 606px;
        background-color: #f8f4f4;
        margin: 40px auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .yozuv {
        width: 483px;
        height: 509px;
        display: flex;
        gap: 30px;
        flex-direction: column;
        padding-left: 60px;
    }

    .foto {
        width: 677px;
        height: 406px;
    }

    .foto img {
        width: 100%;
    }

    .yozuv span {
        font-family: "Roboto";
        font-size: 30px;
        font-weight: 900;
        color: rgba(254, 193, 4, 1);
    }

    .yozuv h2 {
        font-size: 56px;
        font-family: "Roboto";
        width: 392px;
    }

    .yozuv p {
        font-size: 22px;
        font-family: "Roboto";
        width: 392px;
    }

    .yozuv button {
        width: 136px;
        height: 54px;
        border: none;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
        border-radius: 8px;
    }

    .foto p {
        text-align: center;
        font-size: 16px;
        font-family: "Roboto";
        color: rgba(14, 16, 22, 0.4);
    }

    .blue {
        width: 1240px;
        height: 1107px;
        background-color: #202e78;
        border-radius: 20px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }
    .inner_blue{
        width: 1160px;
        height: 520px;
        background-color: #000639;
        display: flex;
    }
    .blue img{
        width: 80px;
        height: 80px;
        margin-top: 40px;
    }
    .blue h3{
        font-family: "Roboto";
        font-size: 56px;
        color: #ffffff;
        padding-top: 20px;
    }
    .blue p{
        font-family:"Roboto" ;
        font-size: 22px;
        color: #ffffff;
        width: 700px;
        text-align: center;
        padding-top: 30px;
        line-height: 1.6;
    }
    .blue button{
        width: 213px;
        height: 54px;
        color: #f8f4f4;
        background-color: transparent;
        border-radius: 8px;
        font-family:"Roboto";
        font-size: 20px;
        margin-top: 100px;
        border: 1px solid #f8f4f4;
    }
    .inner_blue .boxs{
        width: 580px;
        height: 520px;
        border-radius: 8px;
        background-image: url(img/image_2026-03-04_11-22-59.png);
        background-size: cover;
    }
    .inner_blue .boxx{
        width: 580px;
        height: 20px;
        background-color: rgba(0, 6, 57, 1);
        padding-left: 30px;
    }
    .boxx img{
        width: 129px;
        height: 35px;
    }
    .boxx h2{
        width: 470px;
        height: 144px;
        padding-bottom: 62.52px;
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        font-weight: 400;
        padding-top: 40px;
    }
    .boxx p{
        width: 294px;
        height: 31px;
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        font-weight: 400;
        padding-top: 40px;
        display: flex;
        text-align: start;
    }
    .boxx  button{
        width: 168px;
        height: 20px;
        color: rgba(244, 246, 248, 1);
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        text-align: center;
    }
    .boxx button{
        width: 212px;
        height: 54px;
        border: 1px solid 2px
    rgba(248, 244, 244, 1);
    }
    .new{
        width: 1240px;
        height: 974px;
        border-radius: 20px;
        background-color: rgba(24, 24, 24, 1);
        margin: 0 auto;
    }
    .air{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .air h2{
        height: 64px;
        color: rgba(244, 243, 243, 1);
        font-family: "Roboto";
        font-weight: 400;
        width: 428px;
        font-size: 58px;
        font-family: "Roboto";
        font-weight: 400;
        margin: 0 auto;
    }
    .air h3{
        height: 64px;
        color: rgba(244, 243, 243, 1);
        font-family: "Roboto";
        font-weight: 400;
        width: 708px;
        font-size: 58px;
        font-family: "Roboto";
        font-weight: 400;
        margin: 0 auto;
    }
    .air h6{
        height: 31px;
        color: rgba(244, 243, 243, 1);
        font-family: "Roboto";
        font-weight: 400;
        width: 441px;
        padding-top: 60px;
        font-size: 22px;
        margin: 0 auto;
    }
    .air p{
        height: 31px;
        color: rgba(244, 243, 243, 1);
        font-family: "Roboto";
        font-weight: 400;
        width: 400px;
        font-size: 22px;
        margin: 0 auto;
        padding-top: 30px;
    }
    .air button{
        margin-top: 150px;
        width: 212px;
        height: 51px;
        background-color: #0099FF;
        border-radius: 8px;
        border: none;
        font-family: "Roboto";
        font-size: 18px;
        color: #ffffff;
    }
    .img{
        padding-top: 200px;
        width: 1400px;
        height: 465px;
        overflow: clip;
    }
    .img img {
        width: 100%;
        padding-right: 193px;
    }
    .alt{
        background-color: rgba(255, 255, 255, 0.815);
        width: 1240px;
        height: 504px;
        margin: 0 auto;
        border-radius: 8px;
        display: flex;
        text-align: center;
    }
    .ctrl{
        display: inline-block;
        width: 620px;
        height: 401px;
        text-align: center;
    }
    .ctrl h1{
        padding-top: 50px;
        text-align: center;
    }
    .days{
        width: 1240px;
        height: 601px;
        background-color: rgba(60, 169, 255, 1);
        border-radius: 20px;
        margin: 0 auto;
    }
    .it{
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .it img{
        width: 200px;
        height: 200px;
    }
    .it h1{
        width: 556px;
        height: 64px;
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        font-weight: 400;
    }
    .it button{
        width: 153px;
        height: 54px;
        background-color:rgba(14, 16, 22, 1);
        border-radius: 8px;
        border: none;
        font-family: "Roboto";
        font-size: 18px;
        color: #ffffff;
        margin-top: 15px;
    }
    .it h6{
        width: 170px;
        height: 24px;
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        font-weight: 400;
        margin-top: 20px;
        display: flex;
    }
    .our{
        margin: 0 auto;
        width: 1240px;
        height: 800px;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.95);
    }
    .d{
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-left: 50px;
    }
    .link{
        width: 222.39px;
        height: 480px;
        padding-top: 100px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .lin{
        width: 333.59px;
        height: 480px;
        margin-top: 200px;
    }
    .lin h4{
        height: 24px;
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        font-weight: 700;
        padding-bottom: 40px;
    }
    .rgb{
    
        height: 330px;
    
        list-style: none;
    }
    .rgb .hire{
        width: 48px;
        height: 24px;
        color: rgba(12, 159, 100, 1);
        font-family: "Roboto"; 
    }
    .rgb .create{
    
        width: 48px;
        height: 24px;
        color: rgba(254, 193, 4, 1);
        font-family: "Roboto";
    }
    .rgb li{
        /* width: 48px; */
        height: 24px;
        color: rgba(119, 130, 145, 1);
        padding-left: 100px;
        font-family: "Roboto";
        line-height: 30px;
        margin-top: 30px;
        display: flex;
        
    }
    .rgb .pro{
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        line-height: 80px;
        margin-top:70px;
        display: block ;
    }
    .legal{
        display: flex;
    }
    .proo{
        color: rgba(255, 255, 255, 1);
        font-family: "Roboto";
        margin-left: 40px; 
    }
    .lin p {
        color: rgba(119, 130, 145, 1);
        font-family: "Roboto";
        margin-left: 40px; 
    }
    .lin input{
        width: 256px;
        height: 40px;
        margin-left: 40px;
        background-color: #7782914D;
        border-radius: 15px;
    }
    .lin button{
        width: 78px;
        height: 40px;
        background-color: #595D68;
        border-radius: 15px;
    }
    .fff{
        display: flex;
        justify-content: center;
    }
    .isi{
        width: 70px;
        height: 70px;
        margin-left: 30px;
        margin-top: 30px;
        background-color: #000;
    }