ÿØÿÛC  ÿØÿÛC  @import "../scss/variable.scss"; @font-face { font-family: "Poppins"; src: url(../fonts/Poppins-Regular.ttf); font-weight: 400; font-style: normal; display: swap; } @font-face { font-family: "Poppins"; src: url(../fonts/Poppins-Medium.ttf); font-weight: 500; font-style: normal; display: swap; } @font-face { font-family: "Poppins"; src: url(../fonts/Poppins-SemiBold.ttf); font-weight: 600; font-style: normal; display: swap; } body { font-family: "Poppins", sans-serif; font-weight: 400; } header { padding-top: 20px; padding-bottom: 20px; position: absolute; top: 0; right: 0; left: 0; width: 100%; margin: auto; z-index: 999; @media (max-width: 575px) { padding-top: 15px; padding-bottom: 15px; } .header-logo { width: 60px; height: 60px; img { object-fit: cover; } } .navbar { .navbar-nav { .nav-item { padding-right: 25px; padding-left: 25px; transition: all 0.3s ease-in-out; @media (max-width: 1399px) { padding-right: 18px; padding-left: 18px; } @media (max-width: 1199px) { padding-right: 14px; padding-left: 14px; } .dropdown-nav { min-width: 200px; background-color: #fff; box-shadow: $box-shadow; display: none; list-style: none; margin: 0; position: absolute; z-index: 1000; transition: all 0.3s ease-in-out; padding: 10px 0px; top: 45px; li { a { display: block; padding: 10px 15px; color: $black; } .active, &:hover { color: $white; background-color: $black; a { color: $white; } } } } &:hover { .dropdown-nav { display: block; } } .nav-link { position: relative !important; transition: all 0.3s ease-in-out; color: $white; padding-left: 0; padding-right: 0; &::after { content: ""; position: absolute; bottom: -3px; width: auto; height: 3px; background-color: transparent; left: 0; right: 0; } &:hover { &::after { background-color: $white; } } &.active, &:hover { color: $white; &::after { background-color: $white; } } } } } .header-btn-grp { @media (max-width: 991px) { padding: 5px 15px 5px; } } } } footer { .footer-left { .footer-logo { width: 80px; height: 80px; } } .footer-right { .email-box { input { padding: 15px; width: 100%; height: 50px; outline: none; border: 1px solid $gray; background-color: transparent; border-radius: $border-radius; } .button { padding: 12px 25px; box-shadow: none; bottom: 0; height: 50px; right: 0; border: none !important; border-radius: 0 10px 10px 0; @media (max-width: 480px) { padding: 12px 15px; } } } .social-icon { .icon { width: 40px; height: 40px; border-radius: $border-radius-lg; background-color: $white; @media (max-width: 575px) { width: 34px; height: 34px; } i { color: $black; } &:hover { background-color: $primary; i { color: $white; } } } } } }