@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --background-color: #242424;
    --background-color2: #333333;
    --paragraph: #fff;
    --btn: #716b6b;
    --hover: #4d4d52;
    --alert: #8570b2;
}
.upper-header2 input[type="text"] {
            padding-left: 15px;
        }

        .upper-header2  input::placeholder {
            left: 5px;
        }

        .upper-header2 input {
            border: 2px solid #3a64ad;
        }

        .upper-header2 button {
            border-radius: 0 10px 10px 0px;
            border: none;
            padding: 5px 25px;
            background: #3a64ad;
            color: white;
            position: relative;
            right: 35px;
}
.navbar-nav li{padding:0px 15px;}
.main {
    background-color: var(--background-color);
    font-family: "Rubik", sans-serif;
    color: var(--paragraph);
}
.bloginfo{
	padding-top:15px
}
.bloginfo span{
	margin-right:10px;
	cursor:pointer;
}
.bloginfo span:hover{
	color:#f49020;
}
.card .card-body h5{padding:0px 0px 10px;}
.card .card-body span{
	color:#fff;
}
.card .card-body span a{
	margin-right:10px;	
}
.card .card-body span a:hover{
	color:#f49020;
	cursor:pointer;
}
.upper-header2 input {
    padding: 5px 40px;
    border-radius: 10px;
    outline: 0;
    border: 1px solid var(--paragraph);
}
.card .card-body span{
	margin-right:10px;
}
.card .card-body span:hover{
	color:#f49020;
	cursor:pointer;
}
.upper-header2 input::placeholder {
    position: relative;
    right: 200px;
}

.upper-header3 {
    display: flex;
    gap: 20px;
}

.upper-header3 a {
    color: var(--paragraph);
    text-decoration: none;
    border: 1px solid var(--btn);
    height: 37px;
    padding: 5px 23px;
    border-radius: 5px;
}

.upper-header3 a:hover, .header2 a:hover {
    background-color: var(--hover);
}

.alert-dismiss {
    background: linear-gradient(to right, #f59221, #315daa, #FFFFFF);
    text-align: center;
}

.header-list {
    display: flex;
    gap: 30px;
}

.header-list .main-list {
    text-decoration: none;
    padding: 8px 23px;
    border-radius: 10px;
    border: 1px solid var(--btn);
}

.header-list li {
    list-style-type: none;
}

.header-list li a {
    text-decoration: none;
    list-style-type: none;
    color: var(--paragraph);
}

.header-list li a:hover, .nav-item a:hover {
    color: var(--btn) !important;
}

.header2 a {
    color: var(--paragraph);
    text-decoration: none;
    padding: 8px 25px;
    border-radius: 20px;
    border: 1px solid var(--btn);
}

.carousel-item img {
    border-radius: 10px;
}

.carousel-item h5 {
    font-weight: bold;
    text-align: left;
}

.inner-content {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.card {
    background-color: var(--background-color2) !important;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.card:hover {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.card a{
    text-decoration: none;
}

.card-body {
    padding: 35px 15px !important;
}

.card h4, .card h5, .card p {
    color: var(--paragraph);
}

.dropdown-menu {
    background-color: var(--background-color2) !important;
}

.nav-item a {
    color: var(--paragraph) !important;
}

.upheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--background-color);
}

.alert-diss {
    margin-top: 95px;
}

.policies {
    margin: 0 auto;
    border: 1px solid #393e46;
    padding: 35px 50px 25px 50px;
    border-radius: 10px;
}

.MsoTableGrid, .MsoNormalTable{
    width: 630pt !important;
}

@media only screen and (max-width: 1200px) {
    .upper-header2 input {
        padding: 5px 75px;
        border-radius: 10px;
        outline: 0;
    }
    
    .phone-gpost {
        flex-direction: column;
        align-items: center;
    }

    .upper-header2 input::placeholder {
        position: relative;
        right: 70px;
    }

    .upper-header3 {
        padding: 15px;
        justify-content: center;
    }

    .upheader {
        text-align: center;
    }

    .header-list {
        display: none;
    }

    .inner-content {
        flex-direction: column;
    }

    .card {
        margin: 0 auto;
    }

    .navbar-toggler {
        background-color: var(--paragraph) !important;
        margin: 0 auto;
    }

    .alert-diss {
        margin-top: 190px;
    }
}