#main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    color: black;


    #heading {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        color: black;
        gap: 400px;

        #connect {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 30px;
            padding: 0px 300px;
            padding-right: 120px;


            #icons {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                height: 60px;
                width: 60px;
                border-radius: 50%;
                gap: 10px;
            }
        }
    }

    #pic {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 135px 450px;
        gap: 20px;
        color: white;
        background: linear-gradient(rgba(255, 255, 255, 0.108), rgba(0, 179, 255, 0.389)), url("https://tse2.mm.bing.net/th?id=OIP.hKy9u2TPHKmjwVfaptYZZAHaEo&pid=Api&P=0&h=180");

        #head {
            text-align: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-weight: bolder;
            font-size: 50px;
        }

        #search {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 10px;

            #bar {

                border: 2px black solid;
            }

            #b1 {

                border: 2px rgba(14, 13, 13, 0.568) solid;

            }
        }

        #small {

            padding: 10px;

        }
    }

    #image {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 40px;
        padding: 30px;

        #im1 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;

            #logo1 {
                padding: 20px;
                border: 2px skyblue solid;
                border-radius: 500px;
            }
        }

        #im2 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;

            #logo2 {
                padding: 20px;
                border: 2px skyblue solid;
                border-radius: 500px;
            }
        }

        #im3 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;

            #logo3 {
                padding: 20px;
                border: 2px skyblue solid;
                border-radius: 500px;
            }
        }

        #text1 {
            font-size: 20px;
            padding: 0px 2px;
        }
    }

    #main3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        #p1 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0 300px;
        }

        #p2 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0 300px;
        }

        #p3 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0 300px;
        }

        #a1 {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        #a11 {
            font-size: 30px;
            font-weight: bold;

        }

        #a12 {
            font-size: 20px;
            color: rgba(0, 0, 0, 0.618);
        }

        #a13 {
            font-size: 18px;
            color: rgba(0, 0, 0, 0.322);

        }

        #t1 {
            font-size: 27px;
            font-weight: bolder;
            color: rgba(38, 36, 36, 0.596);
        }

        #t2 {
            padding: 0px 100px;
            color: rgba(0, 0, 0, 0.400);
            font-size: 18px;
        }

        #card {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 110px;
            padding: 40px;
        }


    }

    #main4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        background-color: rgba(199, 197, 197, 0.219);
        padding: 10px;
    }

    #t1 {
        font-size: 27px;
        font-weight: bolder;
        color: rgba(38, 36, 36, 0.596);


    }

    #t2 {
        padding: 0px 100px;
        color: rgba(0, 0, 0, 0.400);
        font-size: 18px;
    }

    #a5 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 50px;
        gap: 15px;

        #sub {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 20px 70px;
            gap: 15px;
            border-radius: 10px;
            background-color: rgba(192, 192, 192, 0.596);
        }

        #bus {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 20px;
            border-radius: 10px;
            background-color: rgba(192, 192, 192, 0.596);
            padding: 20px 100px;



        }

    }

    #main5 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 100px;

        #u1 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 30px 50px;


            #u2 {
                font-size: 27px;
                font-weight: bolder;
                color: rgba(38, 36, 36, 0.596);
                padding: 0px 100px
            }

            #u3 {
                padding: 0px 50px;
                color: rgba(0, 0, 0, 0.400);
                font-size: 18px;

            }

        }

        #u4 {
            width: 100px;
            padding: 10px 300px;
            padding-left: 300px;

        }

    }

    #last {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
        background-color: rgba(242, 236, 236, 0.497);
        padding: 0px 250px;

        #last3 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 100px;
            gap: 10px;


        }

    }