@font-face {
    font-family: flaticon;
    src: url("../fonts/flaticon.ttf?2cb5d732c8af52f4ac80f5ff39e089bf") format("truetype"), url("../fonts/flaticon.woff?2cb5d732c8af52f4ac80f5ff39e089bf") format("woff"), url("../fonts/flaticon.woff2?2cb5d732c8af52f4ac80f5ff39e089bf") format("woff2"), url("../fonts/flaticon.eot?2cb5d732c8af52f4ac80f5ff39e089bf#iefix") format("embedded-opentype"), url("../fonts/flaticon.svg?2cb5d732c8af52f4ac80f5ff39e089bf#flaticon") format("svg")
}

i[class*=" flaticon-"]:before,
i[class^=flaticon-]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flaticon-hacker:before {
    content: "\f101"
}

.flaticon-right-arrow:before {
    content: "\f102"
}

.flaticon-user:before {
    content: "\f103"
}

.flaticon-quote:before {
    content: "\f104"
}

.flaticon-pin:before {
    content: "\f105"
}

.flaticon-next:before {
    content: "\f106"
}

.flaticon-calendar:before {
    content: "\f107"
}

.flaticon-linkedin:before {
    content: "\f108"
}

.flaticon-down-arrow:before {
    content: "\f109"
}

.flaticon-user-1:before {
    content: "\f10a"
}

.flaticon-down-arrow-1:before {
    content: "\f10b"
}

.flaticon-pinterest:before {
    content: "\f10c"
}

.flaticon-help:before {
    content: "\f10d"
}

.flaticon-magnifying-glass:before {
    /* content: "\f10e" */
}

.flaticon-share:before {
    content: "\f10f"
}

.flaticon-map:before {
    content: "\f110"
}

.flaticon-facebook:before {
    content: "\f111"
}

.flaticon-charity:before {
    content: "\f112"
}

.flaticon-chevron:before {
    content: "\f113"
}

.flaticon-google-plus-logo:before {
    content: "\f114"
}

.flaticon-twitter:before {
    content: "\f115"
}

.flaticon-solidarity:before {
    content: "\f116"
}

.flaticon-line-chart:before {
    content: "\f117"
}

.flaticon-next-1:before {
    content: "\f118"
}

.flaticon-left-arrow:before {
    content: "\f119"
}

.flaticon-downward-arrow:before {
    content: "\f11a"
}

.flaticon-left-chevron:before {
    content: "\f11b"
}

.flaticon-play-2:before {
    content: "\f11c"
}

.flaticon-baby-boy:before {
    content: "\f11d"
}

.flaticon-star:before {
    content: "\f11e"
}

.flaticon-help-1:before {
    content: "\f11f"
}

.flaticon-play-1:before {
    content: "\f120"
}

.flaticon-hand:before {
    content: "\f121"
}

.flaticon-time:before {
    content: "\f122"
}

.flaticon-target:before {
    content: "\f123"
}

.flaticon-headphones:before {
    content: "\f124"
}

.flaticon-minus:before {
    content: "\f125"
}

.flaticon-donation:before {
    content: "\f126"
}

.flaticon-next-2:before {
    content: "\f127"
}

.flaticon-bubble-chat:before {
    content: "\f128"
}

.flaticon-phone-call:before {
    content: "\f129"
}

.flaticon-plus:before {
    content: "\f12a"
}

.flaticon-heart:before {
    content: "\f12b"
}

/*---------------------------------icon----------------*/
/* Dropdown content styles */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 100000;
    top: 100%;
    /* Position dropdown below the icon */
    right: 0;
    width: 100px;
    border-radius: 2px;
}

.dropdown-content a {
    color: black;
    padding: 3px 3px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

/* Show the dropdown when hovering over the profile icon */
.profile-dropdown:hover .dropdown-content {
    display: block;
}

/* Button styles */
.login-button button {
    background-color: #f84d42;
    border: none;
    color: white;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.login-button button:hover {
    background-color: #45a049;
}
.profile-dropdown {
    position: relative;
}

.profile-icon {
    cursor: pointer;
    font-size: 25px;
}