/* <!-- ==========Body=========== -->  */
            *
            {
                scroll-behavior:smooth;
            }
            body
            { 
                background-color: rgb(218, 218, 233);
                font-family: Arial, Helvetica, sans-serif;
                color: white; 
                color: black;
                flex-wrap: wrap; 
            }
        /* <!-- ==========End body=========== -->  */

        /* <!-- ==========Nav=========== -->  */

            .Adventure
            {
                background-color: white;
                margin-top:50px;
                box-shadow: 10px 2px 10px 4px;
            }
            #home
            {
                color:cyan;
                font-size:20px;
            }
             #link
            {
                font-size:20px;
                color: white;
            }
            #link:hover
            {
                color:aqua;
            }
            #Product
            {
                color: white;
                font-size:20px;
            }
            #Product:hover
            {
                color:aqua;
            }
            #pricing
            {
                color: white;
                font-size:20px;
            }
            #pricing:hover
            {
                color:aqua;
            }
            #home:hover
            {
                color:aqua;
            }
            li:hover ul
            {
                display: block;
            }
            #navbarDropdown
            {
                color: white;
                font-size:20px;
            }
            #navbarDropdown:hover
            {
                color:aqua;
            }
            #dropdown
            {
                color:white;
                background-color:black;
            }
            #dropdown:hover
            {
                color:black;
                background-color:white  ;
            }

        /* <!-- ==========End nav=========== -->  */

        /* <!-- ==========carosal=========== -->  */
            
            #learning:hover
            {
                color:aqua;
                background-color:black;
            }

        /* <!-- ==========End carosal=========== -->  */

        /* <!-- ==========content=========== --> */

            #learn
            {
                margin-left:160px;
                margin-top:100px;
                /* background-color: aqua; */
            }
            #learn:hover
            {
                color:aqua;
                background-color:black;
            }
            #us
            {
                color:cyan;
            }
            #when:hover
            {
                color:rgb(22, 201, 201);
            }
            #when
            {
                font-size:18px;
            }
            #beauty
            {
                background-color:lightcyan;
                height:600px;
            }

        /* <!-- ========== End content=========== --> */

        /* <!-- ==========star=========== --> */

            .star{
                display: flex;
                margin-top:100px;
            }
            .star1:hover
            {
                background-color: aliceblue;
                cursor: pointer;
            }
            .star2:hover
            {
                background-color: aliceblue;
                cursor: pointer;
            }
            .star3:hover
            {
                background-color: aliceblue;
                cursor: pointer;
            }
            .star1
            {
                padding:10px;
                box-shadow:5px 5px 5px 5px rgb(224,224,224);
                border: 2px solid rgb(245,239,239);
                margin-right: 20px;
                margin-bottom: 10px;
            }
            .star2
            {
                padding:20px;
                box-shadow:5px 5px 5px 5px rgb(224,224,224);
                border: 2px solid rgb(245,239,239);
                margin-right: 20px;
                margin-bottom: 10px;
            }
            .star3
            {
                padding:10px;
                box-shadow:5px 5px 5px 5px rgb(224,224,224);
                border: 2px solid rgb(245,239,239);
            }
            #abc
            {
                margin-left:600px; 
                 margin-top:40px;
            } 
        
        /* <!-- ==========End star=========== --> */
       
        /* <!-- ==========sell=========== --> */

            .sell
            {
                margin-top: 20px;
                background-image: url(start1.jpg);
                height: 300px;
                width:100%;
                background-size: cover;
            }
            .img-content
            {
                color: white;
                justify-content: center;
                text-align: center;
            }
            .selll
            {
                display: flex;
                font-size:50px;
                margin-top:50px;
                margin-left:130px;
             }

        /* <!-- ==========End sell=========== --> */

        /* <-- ===========Specification======= -->*/

            .text-content
            {
                justify-content: center;
                text-align: center;
                padding-top: 50px;
            }
            .brands
            {
                display: flex;
                justify-content: space-around;
            }
            .b1
            {
                padding: 30px;
                text-align: center;
                justify-content: center;
                margin-right: 20px;
            }
            .b2
            {
                padding: 30px;
                text-align: center;
                justify-content: center;
                margin-right: 20px;
            }
            .b3
            {
                padding: 30px;
                text-align: center;
                justify-content: center;
                margin-right: 20px;
            }
            .b1:hover
            {
                border: 4px solid whitesmoke;
                box-shadow: 5px 5px 5px 5px rgb(22, 22, 22);
                border-radius:10px;
            }
            .b2:hover
            {
                border: 4px solid whitesmoke;
                box-shadow: 5px 5px 5px 5px rgb(22, 22, 22);
                border-radius:10px;
            }
            .b3:hover
            {
                border: 4px solid rgb(255, 249, 249);
                box-shadow: 5px 5px 5px 5px rgb(22, 22, 22);
                border-radius:10px;
            }
            #trust
            {
                background-color: rgb(82, 178, 182);
                border-radius:10px;
                border: 4px solid rgb(82,178,182);
            }
            .brands2
            {
                display: flex;
                justify-content: space-around;
            }
            #b1
            {
                font-size:80px;
            }
            
        /* <-- ===========End Specification======= -->*/

        /* <-- ==============Installment======= --> */

            .insta
            {
                justify-content: center;
                text-align: center;
                padding-top: 50px;
            }
            #i1
            {
                border: 4px solid whitesmoke;
                box-shadow: 5px 5px 5px 5px rgb(22, 22, 22);
                border-radius:10px;
                text-align: center;
             }
            #i2
            {
                border: 4px solid whitesmoke;
                box-shadow: 5px 5px 5px 5px rgb(22, 22, 22);
                border-radius:10px;
                text-align: center;
            }
            #i3
            {
                border: 4px solid whitesmoke;
                box-shadow: 5px 5px 5px 5px rgb(22, 22, 22);
                border-radius:10px;
                text-align: center;
            }
            #i4
            {
                margin-left:50px;
            }
            #i5
            {
                margin-left:50px;
            }
            #i6
            {
                margin-left:50px;
            }
        
        /* <-- ============== End Installment======= --> */
        
        /* <-- ==============Bonus======= --> */
        
            .bonus
            {
                display: flex;
                background-image: url(start1.jpg);
                background-size: cover;
                width:100%;
                color: white;
                padding-top: 50px;
                padding-left: 40px;
            }
            .bonus1
            {
                margin-top:100px;
                margin-left:150px;
            }
            .bonus2
            {
                margin-left:150px;
            }
            #scanner
            {
                 padding-bottom: 50px; 
                 padding-left: 10px;
            }
            .bonus h2
            {
                padding-left: 18px;
            }
  
        /* <-- ==============End bonus======= --> */

        /* <-- ===========Contact======= --> */
            .contactus
            {
                background-image: url(start1.jpg);
                border-radius: 40px;
                color: white;
                padding: 80px;
                height: 270px;
            }
            #p
            {
                padding-top: 90px;
            }
            #paragraph
            {
                padding-left: 72px;
            }
            .bonus2
            {
                padding-left: 30px;
            }

        /* <-- ===========End Contact======= --> */

        /* <-- ===========Contact us======= --> */

            .con
            {
                background-image: url(start1.jpg);
                background-size: cover;
            }
            #con
            {
                color:white;
                padding-top:150px;
            }
            #con h2
            {
                padding-left:600px;
            }
            #con h1
            {
                padding-left:450px;
                margin-top:30px;
            }
            #con p
            {
                margin-top:30px;
                padding-left:200px;
            }
            #con1
            {
                height:100px;
                width:100px;
                margin-left:650px;
                margin-top:60px;
            }
            #con6 h5
            {
                margin-left:650px;
                margin-top:20px;
            }
            #con6 h6
            {
                margin-left:645px;
                margin-top:5px;
            }

        /* <-- ===========End Contact us======= --> */

        /* <-- ===========Footer======= --> */

            .footer
            {
                justify-content: space-around;
                background-color: #eee1e1;
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                width: 99%;
                height: 220px;
                justify-content: center;
                text-align: center;
                margin-left: 10px;
                font-size: 40px;
            }

        /* <-- ===========Footer======= --> */

        @media(max-width:670px)
        {
             
            /* <!-- ==========star=========== --> */ 
            
                #abc
                {
                    margin-left:200px;
                }
                .star
                {
                    display:contents;
                }
                
            /* <!-- ==========End star=========== --> */

            /* <!-- ==========sell=========== --> */
                
                 .selll
                {
                    margin-left:30px;
                    font-size:20px;
                    margin-top:50px;
                } 

            /* <!-- ==========End sell=========== --> */

            /* <-- ===========Specification======= -->*/
               
                .brands
                {
                    display:contents;
                }
                .brands2
                {
                    display: contents;
                }

            /* <-- ===========End Specification======= -->*/

             /*<-- ===========installation======== -->*/
                
               #i4
               {
                    margin-left:150px;
               }
               #i5
                {
                    margin-left:150px;
                }
               #i6
                {
                    margin-left:150px;
                }
            
            /*<-- ===========End installation======== -->*/

            /* <-- ==============Bonus======= --> */
                .bonus
                {
                    height:700px;
                    flex-wrap: wrap;
                    padding-top: 60px;
                    padding-left:10px;
                }
                .bonus1 h2
                {
                    text-align: center;
                    font-size: 20px;
                }
                
            /* <-- ==============End bonus======= --> */

            /* <-- ===========Contact======= --> */
                #but
                {
                    margin-left:100px;
                }
            /* <-- ===========End Contact======= --> */

            /* <-- ===========Contact us======= --> */

                #con h2
                {
                    padding-left:150px;
                }
                #con h1
                {
                    padding-left:50px;
                    margin-top:30px;
                }
                #con p
                {
                    padding-left:80px;
                    padding-right:60px;
                }
                #con1
                {
                    height:100px;
                    width:100px;
                    margin-left:200px;
                    margin-top:60px;
                }
                #con6 h5
                {
                    margin-left:200px;
                    margin-top:20px;
                }
                #con6 h6
                {
                    margin-left:199px;
                    margin-top:5px;
                }
            /* <-- ===========End Contact us======= --> */
        }