:root{
    --background: #131335;
    --color: #11b3d7;
}
a{
    text-decoration: none;
}
.NavBefore{
    background: none !important;
}
.NavAfter{
    background: var(--background) !important;
}
.navbar{
    /*box-shadow: 0 1px 10px #E3E3E3;*/
    animation-delay: 2s;
    transition:500ms ease;
}
.navbar-brand img{
    width: 7em;
}
.nav-link{
    /*font-weight: 500;*/
    font-size: 1.2em;
    color: white;
    padding: 5px 25px !important;
}
.navbar-nav .nav-link.show {
    color: white;
}
.nav-link:hover{
    color: var(--color);
}
.nav-link.active{
    color: var(--color) !important;
    font-weight: 500;
}
.Carousel{
    padding: 0;
}
#What-Sets-Us-Apart{
    background: var(--background);
    padding: 6em 0em;
    color: white;
}
#What-Sets-Us-Apart small{
    color: var(--color);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}
#What-Sets-Us-Apart h1{
    color: white;
    margin-bottom: 2em;
}
#What-Sets-Us-Apart .Tiles .col-sm-3 div{
    border: 1px solid #272d3f;
    padding: 2em;
    border-radius: 3px;
    min-height: 24em;
    background-image: linear-gradient(to bottom right, #141438, #141438);
    margin-bottom: 1em;
}
#What-Sets-Us-Apart .Tiles .col-sm-3 div i{
    color: var(--color);
    font-size: 3.4em;
    margin-bottom: .3em;
}
#What-Sets-Us-Apart .Tiles .col-sm-3 div h6{
    color: white;
    font-weight: 500;
    font-size: 1.3em;
}
#What-Sets-Us-Apart .Tiles .col-sm-3 div p{
    color: #A7A7AB;
    font-size: 16px;
    margin: 0;
}
.Icon{
    background: url('../img/curve-2.png');
    background-position: center;
    background-size: cover;
    padding: 2em 0em;
}
.Icon i {
    background: var(--color);
    border-radius: 100%;
    padding: .5em .7em;
    font-size: 1.5em;
    color: white;
}
.About{
    background: var(--color);
    padding: 4em 0em;
    text-align: center;
    color: white;
}
.About p{
    color: #EEEEEE;
    padding: 1em 0em;
}
.About button{
    background: #EEEEEE;
    border-radius: 3px;
    padding: .4em 2em;
    font-weight: 500;
    color: var(--background);
}
.About button:hover{
    background: var(--background);
    color: #EEEEEE;
}
.Mission{
    color: white;
    padding: 7em 0em;
    background: var(--background);
}
.Mission p{
    color: #A7A7AB;
}
.Mission-Img{
    padding: 0em 5em;
}
.Mission-Img img{
    border-radius: 1em;
}
.Mission-Content{
    padding: 2em 3em;
}
.Mission-Content small{
    color: var(--color);
    font-size: 16px;
}
.Services{
    padding: 5em 0em;
    background: var(--color);
}
.Services small{
    font-size: 16px;
}
.Services h1{
    color: white;
}
.Services .col-sm-3{
    padding: .5em;
}
.Services .col-sm-3 div{
    border: 2px solid #13c4ec;
    border-radius: 5px;
    padding: 1em .5em;
    /*background: white;*/
    color: var(--background);
    transition: 0.4s;
}
.Services .col-sm-3 div:hover{
    background: var(--background);
}
.Services .col-sm-3 div i{
    font-size: 4em;
    color: white;
}
.Services .col-sm-3 div h6{
    margin-top: 1em;
    color: white;
    font-size: 1.3em;
}
.Footer{
    /*padding: 4em 0em;*/
    background: var(--background);
}
.Footer-Img img{
    width: 35%;
}
.Footer-Img p{
    margin-top: 1em;
    color: white;
}
.Footer-Contact i{
    color: silver;
    /*margin-right: 10px;*/
}
.Footer-Contact{
    color: white;
}
.Footer-Quick-Links{
    color: white;
}
.Footer-Quick-Links p a{
    color: white;
}
.Footer-Img{
    padding: 4em 1em;
}
.Footer-Quick-Links{
    padding: 4em 1em;
}
.Footer-Contact{
    padding: 4em 1em;
}
.Footer-Contact p a{
    color: white;
}
.Designed{
    text-align: right;
}
.Team-Members{
    background: var(--background);
    padding-bottom: 3em;
}
.Team-Members small{
    text-align: center;
    padding-top: 4em;
    color: var(--color);
    display: block;
    text-transform: capitalize;
    font-size: 16px;
}
.Team-Members h1{
    color: white;
    text-align: center;
}
.Team-Members img{
    width: 60%;
    margin-top: 4em;
}
.About-Us{
    color: white;
    padding: 7em 0em;
    background: var(--background);
}
.About-Us p{
    color: #A7A7AB;
}
.About-Us-Img{
    padding: 2em 5em;
}
.About-Us-Img img{
    border-radius: 1em;
}
.About-Us-Content{
    padding: 2em 3em;
}
.About-Us-Content small{
    color: var(--color);
    font-size: 16px;
    text-transform: capitalize;
}
.About-Us button{
    background: #EEEEEE;
    border-radius: 3px;
    padding: .4em 2em;
    font-weight: 500;
    color: var(--background);
    /*float: right;*/
}
.About-Us button:hover{
    background: var(--color);
    color: #EEEEEE;
}
.Contact-Us{
    background: var(--background);
    color: white;
    padding: 10em 0em;
}
.Contact-Us .Contact-Details p a{
    text-decoration: none;
    color: white;
}
.Our-Services{
    color: white;
    padding: 6em 0em;
}
.Our-Services p{
    color: #A7A7AB;
}
.Our-Services-Img{
    padding: 3em 3em;
}
.Our-Services-Img img{
    border-radius: 1em;
}
.Our-Services-Content{
    padding: 5em 0em;
}
.Our-Services .Tiles .col-sm-12 div{
    border: 1px solid #272d3f;
    padding: 2em;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, #141438, #141438);
    margin-bottom: 1em;
    transition: 0.4s;
}
.Our-Services .Tiles .col-sm-12 div:hover{
    background: var(--color);
}
.Our-Services .Tiles .col-sm-12 div:hover i{
    color: #fff;
}
.Our-Services .Tiles .col-sm-12 div:hover p{
    color: #fff;
}
.Our-Services .Tiles .col-sm-12 div i{
    color: var(--color);
    font-size: 3.4em;
    margin-bottom: .3em;
}
.Our-Services .Tiles .col-sm-12 div h6{
    color: white;
    font-weight: 500;
    font-size: 1.3em;
}
.Our-Services .Tiles .col-sm-12 div p{
    color: #A7A7AB;
    font-size: 16px;
    margin: 0;
}
.Our-Services .Tiles .col-sm-12 div p strong{
    color: #fff;
}
.Our-Services .Tiles2 .col-sm-12 div{
    border: 2px solid #13c4ec;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 1em;
    transition: 0.4s;
}
.Our-Services .Tiles2 .col-sm-12 div:hover{
    background: var(--background);
}
.Our-Services .Tiles2 .col-sm-12 div i{
    color: #fff;
    font-size: 3.4em;
    margin-bottom: .3em;
}
.Our-Services .Tiles2 .col-sm-12 div h6{
    color: white;
    font-weight: 500;
    font-size: 1.3em;
}
.Our-Services .Tiles2 .col-sm-12 div p{
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.Our-Services .Tiles2 .col-sm-12 div p strong{
    color: var(--color);
}
.Brand-Designing,.Influencer-Marketing,.Presentation-Making,.Social-Media-Marketing,.Pay-Per-Click-Advertising,.Email-Marketing,.Conversation-Rate-Optimization{
    background: var(--background);
}
.Brand-Promotions,.Marketing-Analytics,.Search-Engine-Optimization,.Website-Designing-Development,.Online-Reputation-Management{
    background: var(--color);
}
.Clients{
    background: var(--background);
    padding: 8em 0em;
}
.Clients .col-sm-3 div{
    background: white;
    padding: 2em;
    margin-bottom: 1em;
    text-align: center;
    border-radius: .5em;
}
.Clients .col-sm-3 div img{
    width: auto;
    height: 8em;
    object-fit: cover;
}
@media only screen and (max-width: 600px) {
    .navbar-toggler{
        color: white;
        border: 1px solid white;
        border-radius: 3px;
    }
    .navbar-brand img{
        width: 5em;
    }
    .NavBefore{
        background: var(--background) !important;
    }
    .Carousel{
        padding-top: 4em;
    }
    .Carousel img{
        height: 16em;
        object-fit: cover;
    }
    #What-Sets-Us-Apart{
        padding: 3em 0em;
    }
    .Icon{
        padding: 4em 0em;
    }
    .About{
        padding-top: 0em;
        padding-bottom: 4em;
    }
    .Mission{
        padding: 3em 0em;
    }
    .Mission-Img{
        padding: 1em;
    }
    .Mission-Content{
        padding: 2em 1em;
    }
    .Services{
        padding: 3em 0em;
    }
    .Services .col-sm-2 div i{
        font-size: 3em;
    }
    .Services .col-sm-3 div h6 {
        font-size: 1em;
    }
    .Footer-Img{
        padding: 3em 1em;
        border-bottom: 1px solid #A7A7AB;
    }
    .Footer-Quick-Links{
        padding: 3em 1em;
        border-bottom: 1px solid #A7A7AB;
    }
    .Footer-Contact{
        padding: 3em 1em;
    }
    .Copyright, .Designed{
        text-align: center;
    }
    #What-Sets-Us-Apart .Tiles .col-sm-3 div{
        min-height: 10em;
    }
    .Icon i {
        padding: .6em .7em;
    }
    .Team-Members img{
        width: 80%;
    }
    .Team-Members small{
        padding-top: 4em;
    }
    .About-Us-Img{
        padding: 3em 1em;
    }
    .About-Us-Content{
        padding: 1em 1em;
    }
    .Our-Services-Img{
        padding: 1em 1em;
    }
    .Our-Services-Content{
        padding: 1em 1em;
    }
    .Brand-Designing,.Influencer-Marketing,.Presentation-Making,.Pay-Per-Click-Advertising,.Email-Marketing,.Conversation-Rate-Optimization{
        padding: 0em 0em;
    }
    .Brand-Promotions,.Marketing-Analytics,.Search-Engine-Optimization,.Social-Media-Marketing,.Website-Designing-Development,.Online-Reputation-Management{
        padding: 0em 0em;
    }
    .Clients .col-sm-3 div img{
        width: auto;
        height: 10em;
    }

}