* {
    padding: 0;
    margin: 0;
}

.container {
    width: 1501px;
    height: 4291px;
    margin: 0 auto;
}

.main {
    width: 1501px;
    height: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    background-color: black;
}

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

.main_in p {
    width: 50px;
    height: 24px;
    color: rgba(255, 255, 255, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.main_in .soat {
    width: 27px;
    height: 27px;
}

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

.a_img {
    width: 15px;
    height: 15px;
}

.a {
    width: 48px;
    height: 24px;
    color: rgba(139, 142, 153, 1);
    font-family: Poppins;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.a2 {
    width: 57px;
    height: 24px;
    color: rgba(139, 142, 153, 1);
    text-decoration: none;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.a3 {
    width: 132px;
    height: 24px;
    color: rgba(139, 142, 153, 1);
    text-decoration: none;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.a4 {
    width: 66px;
    height: 24px;
    color: rgba(139, 142, 153, 1);
    text-decoration: none;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.a5 {
    width: 49px;
    height: 24px;
    color: rgba(139, 142, 153, 1);
    text-decoration: none;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
}

.qv {
    width: 20.62px;
    height: 23px;
}

.oa {
    width: 22px;
    height: 23px;
}

.ka {
    width: 21px;
    height: 23px;
}

.main2 {
    height: 741px;
    width: 1501px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.main2_text h1 {
    width: 457px;
    height: 275px;
    color: rgba(255, 255, 255, 1);
    font-family: Poppins;
    font-size: 64px;
    font-weight: 700;
    line-height: 125.5%;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 200px;
}

.main2_text p {
    width: 456px;
    height: 83px;
    color: rgba(139, 142, 153, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 125.5%;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 200px;
}

.soat2 {
    width: 461px;
    height: 563px;
}



.bq {
    width: 21px;
    height: 21px;
    color: red;
}

.b {
    width: 443px;
    height: 60px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);
    margin-left: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b img {
    width: 21px;
    height: 21px;
    color: rgba(56, 88, 214, 1);
    margin-left: 20px;
}

.b p {
    width: 101px;
    height: 31px;
    color: rgba(139, 142, 153, 0.7);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 125.5%;
    letter-spacing: 0%;
    text-align: left;
}

.b button {
    width: 112px;
    height: 45px;
    border-radius: 9px;
    background-color: rgba(56, 88, 214, 1);
    color: rgba(255, 255, 255, 1);
    margin-right: 30px;
}

.all {
    width: 1100px;
    height: 2796px;
}

.uch_taligi {
    width: 1100px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-left: 215px;
    margin-top: 60px;
}

.birinchisi {
    width: 354px;
    height: 239px;
    display: flex;
    justify-content: center;
    gap: 30px;
    border-radius: 22px;
    background: rgba(246, 246, 246, 1);
}

.watch {
    width: 85px;
    height: 148.26px;
    margin-top: 40px;
}

.wt {
    height: 130px;
    width: 173px;
    display: grid;
    text-align: left;
    margin-top: 50px;
}

.wt h3 {
    width: 176px;
    height: 40px;
    color: rgba(30, 29, 29, 1);
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0%;
    text-align: left;
}

.wt p {
    width: 173px;
    height: 76px;
    color: rgba(139, 142, 153, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: left;
}

.text4 {
    height: 60px;
    width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
    margin-left: 200px;
}

.text4 p {
    width: 1102px;
    height: 20px;
    color: rgba(56, 88, 214, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: center;
}

.text4 h3 {
    width: 1100px;
    height: 41px;
    color: rgba(30, 29, 29, 1);
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0%;
    text-align: center;
}

.oltitaligi {
    margin: 0 auto;
    margin-left: 215px;
    margin-top: 100px;
}

.uchtasi {
    display: flex;
    justify-content: space-around;
    gap: 30px;
}

.birinchisi1 {
    display: grid;
    justify-content: space-around;

}

.button {
    width: 334px;
    height: 337px;
    background: rgba(246, 246, 246, 1);
    border: none;
}

.watch2 {
    width: 250px;
    height: 280.03px;
    border-radius: 25px;
}

.birinchisi1 h5 {
    width: 334px;
    height: 30px;
    color: rgba(30, 29, 29, 1);
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0%;
    text-align: center;
}

.stars {
    width: 115px;
    height: 21px;
    margin-left: 90px;
}

.pdiv {
    display: flex;
    gap: 10px;
}

.pdiv .pd {
    width: 100px;
    height: 19px;
    color: rgba(139, 142, 153, 1);
    margin-left: 50px;
}

.pdiv p {
    width: 72px;
    height: 25px;
    color: rgba(0, 0, 0, 1);
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 120.5%;
    letter-spacing: 0%;
    text-align: center;
}

.uchtasi2 {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    margin-top: 60px;
}

.btnd {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-top: 100px;
    margin-left: 330px;
}

.btn {
    width: 196px;
    height: 46px;
    border-radius: 15px;
    background: rgba(56, 88, 214, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-family: sans-serif;
}

.text5 {
    margin: 0 auto;
    margin-top: 200px;
}

.text5 p {
    width: 1102px;
    height: 24px;
    color: rgba(56, 88, 214, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: center;
    margin-left: 180px;
}

.text5 h3 {
    width: 1100px;
    height: 43px;
    color: rgba(30, 29, 29, 1);
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0%;
    text-align: center;
    margin-left: 180px;
}

.ikkidiv {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    margin-left: 270px;
    gap: 30px;
    margin-top: 70px;
}

.birdiv {
    width: 524px;
    height: 239px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    background: rgba(246, 246, 246, 1);
}

.ikidiv {
    width: 524px;
    height: 239px;
    display: flex;
    align-items: center;
    border-radius: 22px;
    background: rgba(246, 246, 246, 1);
}

.human {
    width: 162.3px;
    height: 179px;
    border-radius: 15px;
    margin-left: 20px;
}

.birdiv h5 {
    width: 261px;
    height: 24px;
    color: rgba(30, 29, 29, 1);
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 10px;
}

.birdiv p {
    width: 240px;
    height: 61px;
    color: rgba(139, 142, 153, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 10px;
}

.star2 {
    width: 140.71px;
    height: 28px;
    margin-left: 10px;
}

.ikidiv h5 {
    width: 261px;
    height: 24px;
    color: rgba(30, 29, 29, 1);
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 10px;
}

.ikidiv p {
    width: 240px;
    height: 61px;
    color: rgba(139, 142, 153, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 10px;
}

.dots {
    width: 1200px;
    height: 40px;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 30px;
    margin-left: 150px;
}

.dots .dot {
    width: 15px;
    height: 15px;
    background-color: rgba(217, 217, 217, 1);
    border-radius: 10px;
}

.dots .active {
    width: 15px;
    height: 15px;
    background-color: rgba(56, 88, 214, 1);
}

.last {
    width: 1100px;
    height: 377px;
    border-radius: 22px;
    background: rgba(246, 246, 246, 1);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 200px;
}

.last_text h3 {
    width: 547px;
    height: 40px;
    color: rgba(30, 29, 29, 1);
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0%;
    text-align: left;
}

.last_text p {
    width: 537px;
    height: 29px;
    color: rgba(139, 142, 153, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: left;
}

.lastbtn {
    width: 443px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);
}

.lastbtn p {
    width: 273px;
    height: 21px;
    color: rgba(139, 142, 153, 0.7);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 125.5%;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 20px;
}

.lastbtn button {
    width: 131px;
    height: 45px;
    border-radius: 9px;
    border: none;
    background: rgba(56, 88, 214, 1);
    color: rgba(255, 255, 255, 1);
}

.last_img {
    width: 272px;
    height: 301px;
    border-radius: 15px;
}

.black {
    width: 1501px;
    height: 65px;
    background: rgba(11, 11, 11, 1);
    align-items: center;
    display: flex;
    justify-content: center;
}

.black p {
    width: 207px;
    height: 20px;
    color: rgba(255, 255, 255, 1);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 125.5%;
    letter-spacing: 0%;
    text-align: center;
}