@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

@font-face {
    src: url(../fonts/english/Cocogoose-Pro-Light-trial.ttf);

}

:root {
    --pc: #333333;
    --sc: #060050;
    --sc2: #8E3ACC;
    --wc: #ffffff;
    --gc: #cccccc;
    --gb: linear-gradient(102.92deg, #1B1285 -36.3%, #643088 100%);
}


html {
    scroll-behavior: smooth;
}

body {
    font-family: Cocogoose;
    font-weight: 400;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

p {
    line-height: 24px;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--pc);
}

a:hover {
    text-decoration: none;
}


/* Topbar start */

.header-top {
    background: #FAFAFA;
    border-bottom: 1px solid #854ead21;
}

.topbar {
    text-align: right;
}

.topbar ul {
    padding: 0;
    margin: 0;
}

.topbar ul li {
    display: inline-block;
    padding: 10px;
}

.topbar ul li:last-child {
    display: inline-block;
    padding-left: 0;
}

.topbar ul li a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    outline: none;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
}

.comming-banner {
    padding: 60px 0;
    background: linear-gradient(0deg, hsl(296deg 53% 41% / 90%), hsl(296deg 14% 55% / 34%)), url(../img/photos/banner.png);
    background-size: cover;
    background-position: center;
}

.comming-banner .logo img {
    height: 300px;
}

.comming-banner h1 {
    font-weight: bold;
    font-size: 75px;
    line-height: 112px;
    color: #FFFFFF;
}

.comming-banner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}

.comming-banner a {
    border: 1.5px solid #FFFFFF;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    padding: 6px 28px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.comming-banner .content {
    text-align: left;
}

.comming-banner .content .featcher li {
    list-style-type: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}

.input-group {
    display: inline-table;
}

footer {
    background: hsl(296deg 38% 41% / 73%);
}

footer .footer-social li {
    display: inline-block;
    padding: 3px;
    list-style-type: none;
}

footer .footer-social li a {
    margin-right: 10px;
    text-decoration: none;
}

footer .footer-social li a i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
}

footer .footer-social a i:hover {
    background: #ffffff;
    color: var(--pc);
}

footer input {
    border: none;
    padding: 10px 25px;
    line-height: 10px;
    outline: none;
    background: #FFFFFF;

}

footer p {
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 0;
}

footer button {
    border: none;
    padding: 9px 20px;
    background: #008AEE;
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
    line-height: 24px;
    color: #FFFFFF;
}

footer input::placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #979797;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {

}

@media only screen and (min-width: 779px) and (max-width: 990px) {

}

@media only screen and (max-width: 779px) {
    .comming-banner h1 {
        font-weight: bold;
        font-size: 40px;
        line-height: 70px;
        color: #FFFFFF;
    }
}

@media only screen and (max-width: 462px) {
    footer input {
        border: none;
        padding: 10px 25px;
        line-height: 10px;
        outline: none;
        background: #FFFFFF;
        width: 200px;
    }

    footer button {
        border: none;
        padding: 9px 10px;
        background: #008AEE;
        font-weight: 500;
        font-size: 16px;
        line-height: 10px;
        line-height: 24px;
        color: #FFFFFF;
    }
}