* {
margin: 0;
padding: 0;
font-family: Arial;
border: border-box;
}
/* .width100{
width: 100vw !important;
} */
.navbar1{
width: 100%;
/* position: fixed; */
}
.nav1{
padding-top: 0;
}
.logo{
padding-left: 50%;
width: 130%;
}
.navbar-collapse{
flex-grow: 0.3;
}
.nav-elements{
color: black;
display: flex;
justify-content:flex-end;
/* font: Regular 400 Italic; */
font-family: "Montserrat";
font-weight: 600;
font-size: 16px;
}
.nav-ul{
display: flex;
justify-content:space-evenly;
}
/* .sub-navTabs .navbar-nav {
width: 100%;
display: flex;
justify-content: center;
} */
.navbar-nav.sub-navTabs {
text-align: center; /* Center-align the list items */
}
.navbar-nav.sub-navTabs .nav-item {
display: inline-block;
margin: 0 25px;
}
.dropdown:hover .dropdown-menu {
display: block;
position: absolute;
}
@media (min-width: 200px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
}
.cardSocial{
width: fit-content;
height: fit-content;
background-color: rgb(238, 238, 238);
display: block;
align-items: center;
justify-content: center;
position:fixed;
gap: 20px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.055);
z-index: 2;
top: 30%;
}
/* for all social containers*/
.socialContainer {
width: 52px;
height: 52px;
background-color: rgb(44, 44, 44);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition-duration: .3s;
}
/* instagram*/
.containerOne:hover {
background-color: #d62976;
transition-duration: .3s;
}
/* twitter*/
.containerTwo:hover {
background-color: #00acee;
transition-duration: .3s;
}
/* linkdin*/
.containerThree:hover {
background-color: #0072b1;
transition-duration: .3s;
}
/* Whatsapp*/
.containerFour:hover {
background-color: #128C7E;
transition-duration: .3s;
}
.socialContainer:active {
transform: scale(0.9);
transition-duration: .3s;
}
.socialSvg {
width: 17px;
}
.socialSvg path {
fill: rgb(255, 255, 255);
}
.socialContainer:hover .socialSvg {
animation: slide-in-top 0.3s both;
}
@keyframes slide-in-top {
0% {
transform: translateY(-50px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.features-sub-heading {
text-align: center;
padding-left: var(--dl-space-space-threeunits);
padding-right: var(--dl-space-space-threeunits);
}
.pricing-sub-heading {
text-align: center;
padding-left: var(--dl-space-space-threeunits);
padding-right: var(--dl-space-space-threeunits);
}
.container05 {
align-items: center;
flex-direction: column;
}
.reliant-infotech{
width: 100%;
height: auto;
background-color: #5D576B;
}
.info{
padding-top: 3%;
text-align: center;
font-family: 'Raleway';
}
.info h1{
font-family: 'Raleway';
font-weight: 600;
color: white;
}
.left-align{
text-align: left;
font-family: 'Raleway';
font-weight: 500;
color: white;
}
.left-align h3{
text-align: left;
font-family: 'Fira Sans Condensed';
font-weight: 500;
}
.columns1{
background-color: #746d84;
}
.infoServices{
padding-top: 3%;
text-align: center;
}
.infoServices h3{
font-family: 'Fira Sans Condensed';
}
.infoServices h1{
color: black;
font-family: 'Raleway';
font-weight: 600;
font-size: 3.2rem;
}
.card {
--font-color: #323232;
--bg-color: #e0e0e0;
width: 250px;
height: 350px;
border-radius: 20px;
background: var(--bg-color);
box-shadow: -9px 9px 18px #5a5a5a,
9px -9px 18px #ffffff;
display: flex;
flex-direction: column;
transition: .4s;
position: relative;
}
.card:hover {
transform: scale(1.02);
box-shadow: 0px 0px 10px 2px #5a5a5a;
}
.card__img {
width: 100%;
height: 100%;
background-repeat: no-repeat;
object-fit: cover;
border-radius: 20px 20px 0 0;
background-color: white;
}
.card__descr-wrapper {
padding: 15px;
display: grid;
}
.card__title {
color: var(--font-color);
text-align: center;
margin-bottom: 15px;
font-weight: 900;
font-size: 16px;
}
.card__descr {
color: var(--font-color);
}
.svg {
width: 25px;
height: 25px;
transform: translateY(25%);
fill: var(--font-color);
}
.card__links {
margin-top: 10px;
display: flex;
justify-content: space-between;
align-self: flex-end;
}
.button {
height: 3rem;
display: flex;
justify-content: center;
/* align-items: center; */
padding: 10px 15px;
gap: 15px;
background-color: #181717;
outline: 3px #181717 solid;
outline-offset: -3px;
border-radius: 5px;
border: none;
cursor: pointer;
transition: 400ms;
font-size: 0.9rem;
}
.button .text {
color: white;
font-weight: 700;
font-size: 1em;
transition: 400ms;
}
.button svg path {
transition: 400ms;
}
.button:hover {
background-color: transparent;
}
.button:hover .text {
color: #181717;
}
.button:hover svg path {
fill: #181717;
}
.card__links .link {
color: var(--font-color);
font-weight: 600;
font-size: 15px;
text-decoration: none;
}
.card__links .link:hover {
text-decoration: underline;
}
.row {
margin-right: 0px !important;
margin-left: 1.3rem;
}
.colCard{
margin-left: 9%;
}
/* .width100{
width: 100vw ;
} */
/*
*/