h1, .joinTitle, .title{
            color: #FF5C00 !important;
            font-weight: 700;
            text-shadow: 0 1px rgba(0,0,0,0.3);
        }
        h2,h3,h4,h5{
            color: #13152D;
        }
      .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    #about, .protect{
        display: block;
    }
    .joinUs{
        align-items: center; 
        display: flex;
        justify-content: space-between; 
        position: relative; 
        margin-top: -30px; 
        background-color: #fff; 
        box-shadow: 0 0 5px rgba(0,0,0,0.3); 
        height: 10vh;
        padding: 0 100px;
        z-index: 10;
    }
    .buttonJoin{
        text-decoration: none;
        padding: 10px 20px;
        background-color: #13152D;
        text-align: center;
        margin-top: 10px;
        color: #fff;
        font-weight: 600;
        border-radius: 3px;
        transition: 0.2s ease-in-out;
    }
    .buttonJoin:hover{
        box-shadow: 0 0 3px #13152D;
        background-color: #272a4b;
    }
    .socmed{
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 5px;
        transition: 0.3s ease-in-out;
    }
    .socmed:hover{
        color: #FF5C00;
        transform: translateY(-5px);
    }
    .login{
        background-color: #FF5C00;
        border-radius: 30px;
        font-weight: 600;
        color: #fff !important;
        padding: 10px 30px !important;

    }
    .login:hover{
        background-color: #ff7220;
        box-shadow: 0 0 10px #FF5C00;
        color: #fff !important;

    }
    .nav-link{
        margin-left: 30px;
    }
    .normalLink:hover{
        color: #FF5C00 !important;
    }
    .navbar{
        background-color: #13152D;
    }
    .readMore{
        margin-top: 30px; 
        text-decoration: none; 
        background-color: #FF5C00;
        color: #fff; 
        padding: 8px 15px;
        border-radius: 20px;
        font-weight: 600;
        transition: .3s ease-in-out;
    }
    .readMore:hover{
        background-color: #fc7526;
        box-shadow: 0 0 5px #fc7526;  
    }

    #content__phone{
        background-image: url("img/team.jpg");
        background-size: cover;
        background-position: center;
        height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: right;
        padding: 0 20px;
        color: white;
        margin-top: 150px;
        padding-left: 100px;
    }
    #content__5g{
        background-image: url("img/fiveg.png");
        background-size: cover;
        background-position: cover;
        height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: right;
        padding: 0 20px;
        color: white;
        padding-left: 100px;
    }
    .brain{
        width: 50% !important;
        margin: 0 auto;
    }
    .certs{
        display: inline-block;
        width: 95% !important;
        margin: 20px;
    }
    .certs_all{
        width: 50% !important;
        margin: 0 auto;
    }

    .gallery{
        margin-top: 80px;
        text-align: center;
      
        
      }
      .gallery img{
        transition: 1s;
        margin: 10px;
        width: 320px;
        filter: grayscale(100%);
        border-radius: 10px;
      }
      .gallery img:hover{
        filter: grayscale(0%);
        transform: scale(1.1);
        box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.577);
      }

      #founders img{
        border-radius: 50%;
        width: 80% !important;
        margin: 0 auto !important;
      }


    /* LAPTOP */
    @media screen and (min-width: 768px) and (max-width: 1920px){
        .joinTitle{
            font-size: 1rem;
        }
        .btnjoin_parent{
            display: flex;
        }
        .buttonJoin{
            font-size: 0.8rem;
            display: inline-block;
            padding: 8px 12px;
            text-align: center;
            color: #fff;
            font-weight: 600;
            border-radius: 3px;
            transition: 0.2s ease-in-out;
            margin-right: 10px;
            margin-top: 0;
        }
    }

    
    /* MOBILE PHONE */
        @media screen and (max-width: 768px) {
            #description{
                margin: 0 !important;
                margin-top: 30px !important;
            }
            #founders img{
                width: 50% !important;
                margin: 0 auto !important;
                text-align: center;
            }
            #content__phone,#content__5g {
                padding-left: 0;
                padding: 30px;
                text-align: center;
            }
            #about{
                text-align: center;
            }
            #about img{
                margin-top: 30px;
            }
            .protect{
                margin-top: 50px;
            }
            .joinUs{
                flex-direction: column;
                padding: 20px 30px;
                height: auto;
            }
            .buttonJoin{
                display: block;
            }
            .navbar{
                background-color: #FFFFFF;
            }
            .normalLink{
                color: #13152D !important;
                font-weight: 600;
            }
            .nav-link{
                margin-left: 0;
            }
            .login{
                text-align: center;
            }
            .brain, .certs_all{
                width: 100% !important;
            }

        }