*,
*::after,
*::before {
box-sizing: border-box;
}

body,
html {
margin: 0;
padding: 0;
font-family: "Poppins", "Montserrat", sans-serif;
text-align: center;
}

ul,
li {
margin: 0;
padding: 0;
list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-family: "Poppins", "Montserrat", sans-serif;
}

p {
margin: 0;
}

a {
text-decoration: none;
cursor: pointer;
color: #625d5d;
}

img {
max-width: 100%;
height: auto;
vertical-align: middle;
display: inline-block;
}

/* header css start */
.logo-wrapper img {
width: 100px;
}

.main-head-wrap .menu-wrapper {
/* position: fixed; */
top: 0;
width: 100%;
z-index: 2;
display: flex;
justify-content: space-between;
background-color: #f8f6ef;
padding: 26px 40px;
align-items: center;
}

.header-cart-search-user-wrap.mobile-cart-search-user {
display: none;
}

.header-cart-search-user-wrap.desktop-cart-search-user {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}

.main-head-wrap .logo-wrapper a {
display: flex;
color: #fff;
font-size: 20px;
}

.main-head-wrap .menu-wrapper .phone-wrap-menu {
display: none;
}

.main-head-wrap .hamburger-wrap {
display: none;
}

.main-head-wrap .hamburger-wrap .hamburger {
height: 30px;
width: 30px;
display: flex;
flex-flow: column nowrap;
position: fixed;
top: 30px;
right: 20px;
cursor: pointer;
z-index: 20;
}

.main-head-wrap .hamburger-wrap .hamburger .line {
height: 2px;
margin-bottom: 5px;
width: 100%;
display: block;
border-radius: 3px;
transition: all 0.2s ease;
background-color: #000;
}

/* overlay sidebar start */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.6);
transition: all 0.3s ease-in-out;
}

.overlay.overlay-open {
opacity: 1;
visibility: visible;
}
/* overlay sidebar end */
/* menu on click to open hamburger */
.main-head-wrap .hamburger-wrap .hamburger.menu-open .line:first-child {
background: #fff;
transform: rotate(45deg);
margin-bottom: 2px;
margin-top: 5px;
}

.main-head-wrap .hamburger-wrap .hamburger.menu-open .line:nth-child(2) {
opacity: 0;
transform: translateX(-16px);
}

.main-head-wrap .hamburger-wrap .hamburger.menu-open .line:nth-child(3) {
background: #fff;
transform: translateX(-3px) translateY(-8px) rotate(-45deg);
}
/* menu on click to open hamburger */

.main-head-wrap nav.main-menu ul.navbar-wrap {
display: flex;
list-style-type: none;
position: relative;
}

.main-head-wrap nav.main-menu ul.navbar-wrap li {
margin: 0 10px;
position: relative;
}

.main-head-wrap nav.main-menu ul.navbar-wrap li a {
color: #000000;
text-decoration: none;
transition: color 0.2s ease-in-out;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
}

.main-head-wrap nav.main-menu ul.navbar-wrap li a.active,
.main-head-wrap nav.main-menu ul.navbar-wrap li a:hover {
color: #000;
transition: all 0.2s ease-in-out;
font-weight: 700;
}

.announcement-bar {
position: fixed;
background-color: #005c67;
color: #fff;
z-index: 2;
top: 100px;
left: 0;
width: 100%;
padding: 13px;
}

.search-icon-wrap {
background-color: #fff;
padding: 10px;
border-radius: 5px;
align-items: center;
display: flex;
cursor: pointer;
}

.search-icon-wrap:hover {
background-color: #ff5c3e;
transition: 01s ease;
-webkit-transition: 01s ease;
-moz-transition: 01s ease;
-ms-transition: 01s ease;
-o-transition: 01s ease;
}
.search-icon-wrap:hover svg path {
stroke: #fff;
transition: 01s ease;
-webkit-transition: 01s ease;
-moz-transition: 01s ease;
-ms-transition: 01s ease;
-o-transition: 01s ease;
}

.cart-icon-wrap {
background-color: #fff;
padding: 10px;
border-radius: 5px;
align-items: center;
display: flex;
cursor: pointer;
}
.cart-icon-wrap:hover {
background-color: #ff5c3e;
transition: 01s ease;
-webkit-transition: 01s ease;
-moz-transition: 01s ease;
-ms-transition: 01s ease;
-o-transition: 01s ease;
}
.cart-icon-wrap:hover svg path {
stroke: #fff;
transition: 01s ease;
-webkit-transition: 01s ease;
-moz-transition: 01s ease;
-ms-transition: 01s ease;
-o-transition: 01s ease;
}
.user-icon-wrap {
background-color: #fff;
padding: 10px 15px;
border-radius: 5px;
align-items: center;
display: flex;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

.user-icon-wrap:hover {
background-color: #ff5c3e;
transition: 01s ease;
-webkit-transition: 01s ease;
-moz-transition: 01s ease;
-ms-transition: 01s ease;
-o-transition: 01s ease;
}

.user-icon-wrap:hover svg path {
stroke: #fff;
transition: 01s ease;
-webkit-transition: 01s ease;
-moz-transition: 01s ease;
-ms-transition: 01s ease;
-o-transition: 01s ease;
}

.hidden {
display: none;
}

/* Style the overlay */
#search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
}

.search-container {
width: 50%;
display: flex;
align-items: center;
}

span.arrow {
font-size: 20px;
position: absolute;
top: -3px;
}

.main-head-wrap nav.main-menu ul.navbar-wrap .dropdown .submenu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(20%);
transition: all 0.5s;
position: absolute;
width: 150px;
top: 100%;
left: -22px;
padding: 10px 0px 10px 0;
background-color: #ffffff;
border: 1px solid #dbdbdb;
border-radius: 8px;
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.11);
z-index: 10;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}

.main-head-wrap nav.main-menu ul.navbar-wrap .dropdown:hover .submenu {
opacity: 1;
visibility: visible;
transform: translateY(0%);
max-height: 500px;
}
/* header css end */

/* desktop search start */
.desktop-search-bar-wrap {
display: none; /* Hidden by default */
position: absolute;
top: -50px; /* Start position above the screen */
left: 0;
width: 100%;
background-color: white;
border-radius: 10px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
opacity: 0; /* Hidden initially */
transition: top 0.5s ease, opacity 0.5s ease; /* Smooth transition */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}

.desktop-search-input {
width: calc(100% - 40px);
padding: 10px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 5px;
}

.desktop-close-search {
background: transparent;
border: none;
font-size: 18px;
cursor: pointer;
padding: 0 10px;
}

.desktop-search-icon-wrap svg {
cursor: pointer;
}

/* When active, display the search bar */
.desktop-search-bar-active {
display: flex;
justify-content: space-between;
align-items: center;
top: 0px; /* Moves to visible position */
opacity: 1; /* Makes it visible */
}
/* desktop search end */

/* our team css start */
/* .team-card-wrapper-main{
margin-top: 8em;
} */

.team-card-wrapper {
display: grid
;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 16px;
padding: 16px;
}
.team-card-item {
border: 1px solid #dedede;
background-color: #fff;
padding: 30px;
border-radius: 30px;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
text-align: center;
}

.candidate-profile-pic img {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
}

.candiadates-card-1-name {
margin-top: 30px;
}

.candiadates-card-1-name {
font-weight: 600;
font-size: 18px;
}

.candiadates-card-1-designation {
margin-top: 5px;
}

.candiadates-card-1-designation p{
font-size: 15px;
}

.candiadates-card-1-details{
margin-top: 30px;
}
.candiadates-card-1-details p {
font-size: 14px;
font-weight: 500;
}

.candidate-social-icons-wrap {
display: flex
;
justify-content: center;
gap: 20px;
margin: 30px 0 0 0;
}
/* our team css end */

/* whatsapp chat icon css start */
.whatsapp-chat {
width: 50px;
height: 50px;
position: fixed;
bottom: 20px;
right: 25px;
z-index: 9999;
}
/* whatsapp chat icon css end */



/* media query start for mobile */
@media screen and (max-width: 767px) {
/* header media query css start */
.main-head-wrap .menu-wrapper {
padding: 10px 10px;
justify-content: space-around;
gap: 5px;
}

.logo-wrapper a svg {
width: 150px;
}

.main-head-wrap .menu-wrapper .phone-wrap-menu {
display: block;
}

.user-icon-wrap {
background-color: #fff;
padding: 5px 10px;
border-radius: 5px;
width: 35px;
height: 35px;
display: flex;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

span.arrow svg path {
color: #fff;
fill: #fff;
}

.search-icon-wrap {
background-color: #fff;
padding: 10px;
border-radius: 5px;
align-items: center;
display: flex;
cursor: pointer;
width: 35px;
height: 35px;
justify-content: center;
}

.cart-icon-wrap {
background-color: #fff;
padding: 10px;
border-radius: 5px;
align-items: center;
display: flex;
width: 35px;
height: 35px;
}

span.arrow {
font-size: 20px;
position: absolute;
top: 12px;
right: 0;
color: #fff;
}

li.list-item-wrap.dropdown {
margin: 0 0px 0 0 !important;
}

.main-head-wrap nav.main-menu ul.navbar-wrap .dropdown .submenu {
opacity: 0;
visibility: hidden;
transform: translateY(20%);
transition: max-height 0.5s ease, opacity 0.5s, visibility 0s 0s,
transform 0.5s;
overflow: hidden;
position: unset;
width: 100%;
top: 44px;
left: 0;
padding: 10px 0;
background-color: #005c69;
border: unset;
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.11);
z-index: 10;
max-height: 0;
-webkit-transition: max-height 0.5s ease, opacity 0.5s, visibility 0s 0s,
transform 0.5s;
-moz-transition: max-height 0.5s ease, opacity 0.5s, visibility 0s 0s,
transform 0.5s;
-ms-transition: max-height 0.5s ease, opacity 0.5s, visibility 0s 0s,
transform 0.5s;
-o-transition: max-height 0.5s ease, opacity 0.5s, visibility 0s 0s,
transform 0.5s;
}

.announcement-bar {
position: fixed;
top: 68px;
background-color: #005c67;
color: #fff;
width: 100%;
padding: 10px;
z-index: -1;
}

.header-cart-search-user-wrap.mobile-cart-search-user {
display: flex;
gap: 5px;
}

.header-cart-search-user-wrap.desktop-cart-search-user {
display: none;
}

.main-head-wrap .menu-wrapper .phone-wrap-menu .phone-icon-menu {
display: flex;
font-size: 18px;
}

.main-head-wrap .hamburger-wrap {
display: block;
margin: 0 0 0 20px;
}

.main-head-wrap .hamburger-wrap .hamburger {
justify-content: center;
align-items: center;
top: 22px;
}

.main-head-wrap nav.main-menu {
background-color: #000000;
width: 250px;
height: 100vh;
transition: 0.85s;
display: flex;
justify-content: center;
position: fixed;
top: 0;
right: -100%;
}
/* sidebar open on click to show */
.main-head-wrap nav.main-menu.menu-open {
right: 0;
transition: 0.35s;
}
/* sidebar open on click to show */
.main-head-wrap nav.main-menu ul.navbar-wrap {
display: block;
width: 100%;
padding: 100px 10px;
}

.main-head-wrap nav.main-menu ul.navbar-wrap li {
margin: 0 0px 0 0;
padding: 15px 0 10px 15px;
border-bottom: 1px solid #ffffff;
text-align: left;
}

.main-head-wrap nav.main-menu ul.navbar-wrap li a {
color: hsla(0, 0%, 100%, 0.5019607843137255);
}

.main-head-wrap nav.main-menu ul.navbar-wrap li a .list-item:before {
content: ".";
position: absolute;
top: 4px;
left: 5px;
color: #ffffff;
font-size: 25px;
}

.main-head-wrap .header-social-icon ul.header-social-icon-wrap {
display: none;
}

/* mobile search css start */
.search-bar-wrap {
display: none;
position: absolute;
top: 70px;
left: 0;
width: 100%;
background-color: white;
border-radius: 10px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}

.search-input {
width: calc(100% - 40px);
padding: 10px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 5px;
}

.close-search {
background: transparent;
border: none;
font-size: 18px;
cursor: pointer;
padding: 0 10px;
}

.search-icon-wrap svg {
cursor: pointer;
}

/* When active, display the search bar */
.search-bar-active {
display: flex;
justify-content: space-between;
align-items: center;
}
/* mobile search css end */
/* header media query css end */

}