@import url("https://fonts.googleapis.com/css2?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");
@font-face {
font-family: 'GT Walsheim Pro Regular';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/GTWalsheimPro-Regular.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GT Walsheim Pro Bold';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/GTWalsheimPro-Bold.ttf);
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Gilroy-Bold';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Bold.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Heavy';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Heavy.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Light';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Light.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Medium';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Medium.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gilroy-Regular';
src: url(//alkeshagarwal.com/wp-content/themes/theme/fonts/Gilroy-Regular.ttf);
font-weight: normal;
font-style: normal;
} * {
margin: 0px;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
margin: 0px;
padding: 0px;
}
a,
a:hover {
text-decoration: none;
}
li {
list-style: none;
}
img {
width: 100%;
height: auto;
}
:root {
--gt-bold: 'GT Walsheim Pro Bold';
--gt-regular : 'GT Walsheim Pro Regular';
--g-bold : 'Gilroy-Bold';
--g-h : 'Gilroy-Heavy';
--g-light : 'Gilroy-Light';
--g-medium : 'Gilroy-Medium';
--g-regular : 'Gilroy-Regular';
--primary:#fccf14;
--secondery: #4f4f4f;
--gray: #6d6d6e;
--white: #ffffff;
--black: #000000;
} .header-area {
padding: 10px 0px;
position: absolute;
top: 0;
left: 0;
right: 0px;
width: 100%;
z-index: 8;
}
.banner-menu {
background-color: var(--primary);  
padding: 10px 0px;
position: fixed;
width: 100%;
z-index: 100;
bottom: 10px;
height: min-content;
left: 0px;
right: 0px;
}
.page-template-blog .banner-menu , .single-post .banner-menu , .post-template-default .banner-menu , .page-template-default .banner-menu  {
background-color: var(--primary);
padding: 10px 0px;
position: relative;
width: 100%;
z-index: 21;
bottom: auto;
height: min-content;
left: 0px;
right: 0px;
}
.banner-menu .menu-area {
display: flex;
gap: 10px;
justify-content: space-around;
align-items: center;
}
.banner-menu .menu-area li a {
font-size: 18px;
font-weight: 500;
color: var(--black);
}
.shrink.banner-menu {
position: fixed;
top: 0;
width: 100%;
z-index: 20;
}
.shrink.banner-menu {
transition: 0.7s;
animation: smoothScroll 1s forwards;
z-index: 20;
}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
.header-area .navbar ul.navbar-nav li a {
display: flex;
width: 40px;
height: 40px;
margin: 0px 4px;
background-color: #e8e8e8;
border: 3px solid var(--gray) ;
border-radius: 40px;
position: relative;
}
.header-area .navbar ul.navbar-nav li a i {
font-size: 20px;
font-weight: 500;
color: var(--gray);   
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50% , -50%);
}
.header-area .navbar ul.navbar-nav li a:hover {
color: var(--secondery);
}
.header-area .navbar .dropdown-menu {
padding: 0px;
transition: all 300ms ease-in-out 0s;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
}  .offcanvas {
background: var(--primary);
}
.offcanvas .offcanvas-title {
font-size: 28px;
}
.offcanvas .menu-area {
display: flex;
flex-direction: column;
gap: 16px;
}
.offcanvas .menu-area li a {
color: var(--black);
font-size: 18px;
font-weight: 500;
}
.page-template-blog .navbar-nav , .single-post .navbar-nav , .page-template-coming .navbar-nav , .page-template-subscribing .navbar-nav , .page-template-default .navbar-nav {
display: none;
}
.top-header {
background-color: #f6f6f6;
position: relative;
z-index: 10;
padding: 0px 0px 0px 0px;
}
.top-title-blog {
font-size: 50px;
padding-bottom: 24px;
text-align: center;
font-family: var(--g-bold);
}
@media (max-width: 1440px) { 
}
@media (max-width: 1199px) { 
}
@media (max-width: 991px) { 
.navbar-nav {
flex-direction: row;
}
.banner-menu .menu-area {
display: flex;
gap: 4px;
justify-content: space-between;
align-items: center;
}
.banner-menu .menu-area li a {
font-size: 17px;
font-weight: 500;
color: var(--black);
}
}
@media (max-width: 767px) { 
}
@media (max-width: 576px) {
}