@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --primary: #3b83e3;
    --Bg: #0c75ff1a;
    --black: black;
    --font-color: #3e3e3e;
    --white: #fff; 
    --gold: gold;
    --shadow:  0 0 50px rgba(114, 114, 114, 0.311);
}

@media(max-width: 768px){
    body p{font-size: 15px;}

    /* Team Section */
    .team h1{font-size: 1.6rem;}

    .team p{font-size: 15px; width: 100%;}

    .team .See-more{font-size: 15px;}

    .team .img-team{gap: 15px;}

    /* Contact us section */
    .Contact-content{margin-top: -50px !important; text-align: center;}

    .Contact-content p{width: 100%;}
}

@media(max-width: 575px){
    body p{ font-size: 14px; } 

    .mobile-dis{ display: none !important; }

    .blob{ display: none ; }

    section{ padding: 40px 15px; }

    /* Top-header */
    .header{ height: 60px; }
    .header p{ font-size: 13px; }

    /* navbar */
    .navbar-nav{ margin-left: 5%; }

    /* hero section */
    .h3-content{ display: none; }

    .hero-content .desktop-display{ display: none; }

    .home-section .mobile-display{ display: block; }

    .home-section p{ padding: 0 0; margin-bottom: 30px; }

    .ticket-tutoril {margin-top: 20%; }

    .vid-ticket {width: 60%;}

    /* Team Section */
    .team .container{
        grid-template-columns: repeat(1, 2fr); 
        gap: 10px;
        text-align: center;
    }

    .team .head-title{ margin-top: -20%; }

    .img-team{ margin-top: 20px; }

    .team .position p{ margin: 0px; }

    .team .position  h5 span{ display: none; }

    .team .See-more{ font-size: 13px; }

    .custom-shape-divider-bottom-1742942977 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 20px;
        transform: rotateY(180deg);
    }

    /* Contact section */
    .contact .info-item{ padding: 20px; }

    /* Jobs  */
    .submit-career{ display: none; }

    .mobile-career{ display: block; }

    .mobile-career input{ 
        border: 1px solid var(--primary);
        padding: 9px 5px;
        border-radius: 50px 0 0 50px;
        margin-right: -12px;
        font-size: 12px;
        font-style: 300;
        color: var(--font-color);
        text-align: center;
        box-shadow: none !important;
        outline: none;
    }

    .btn-send{
        background-color: var(--primary)
        !important;
        color: var(--white)
        !important;
        border-radius: 0 50px 50px 0 
        !important;
        margin-top: 2px;
    }

    .mobile-career input::placeholder{
        font-size: 12px;
        font-style: 300;
        color: var(--font-color);
        text-align: center;
    }
}