@import
url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*
* {
font-family: "Roboto", sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
body {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
}
.cormorant {
font-family: "Cormorant", serif;
font-optical-sizing: auto;
font-style: normal;
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav>.nav-item>.nav-link:before {
bottom: calc(var(--bs-nav-link-padding-y) * .875);
height: 1px;
left: var(--bs-navbar-nav-link-padding-x);
top: auto;
transform: scaleX(0);
transform-origin: bottom right;
width: calc(100% - var(--bs-navbar-nav-link-padding-x) * 2);
}
}
.round-oval{
    border-top-left-radius: 55rem;
    border-top-right-radius: 28rem;
    border-bottom-right-radius: 55rem;
    border-bottom-left-radius: 28rem;
}
.btn-warning {
color: #444444!important;
}
a {
cursor:pointer;
}
.navbar-nav>.nav-item>.nav-link:before {
background-color: currentcolor;
bottom: 0;
content: "";
height: 1px;
height: calc(100% - var(--bs-nav-link-padding-y) * 1.5);
left: 0;
position: absolute;
top: calc(var(--bs-nav-link-padding-y) * .75);
transform: scaleX(0);
transform: scaleY(0);
transform-origin: bottom right;
transform-origin: bottom left;
transition: transform .3s ease-out;
width: 100%;
width: 1px;
}
.navbar-nav>.nav-item>.nav-link {
padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
position: relative;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: var(--bs-navbar-nav-link-padding-x);
padding-right: var(--bs-navbar-nav-link-padding-x);
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
}
.nav-link {
align-items: center;
display: flex
;
}
.nav-link {
background: none;
border: 0;
color: var(--bs-nav-link-color);
display: block;
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
text-decoration: none;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav>.nav-item>.nav-link.active:before, .navbar-expand-lg
.navbar-nav>.nav-item>.nav-link.show:before, .navbar-expand-lg .navbar-nav>.nav-item>.nav-link:focus-visible:before,
.navbar-expand-lg .navbar-nav>.nav-item>.nav-link:hover:before {
transform: scaleX(1);
transform-origin: bottom left;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav>.nav-item>.nav-link.dropdown-toggle:before {
width: calc(100% - 1.425em - var(--bs-navbar-nav-link-padding-x) * 2);
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav>.nav-item>.nav-link:before {
bottom: calc(var(--bs-nav-link-padding-y) * .875);
height: 1px;
left: var(--bs-navbar-nav-link-padding-x);
top: auto;
transform: scaleX(0);
transform-origin: bottom right;
width: calc(100% - var(--bs-navbar-nav-link-padding-x) * 2);
}
}
.navbar-nav>.nav-item>.nav-link.active:before, .navbar-nav>.nav-item>.nav-link.show:before,
.navbar-nav>.nav-item>.nav-link:focus-visible:before, .navbar-nav>.nav-item>.nav-link:hover:before {
transform: scaleY(1);
transform-origin: top left;
}
.navbar-nav>.nav-item>.nav-link:before {
background-color: currentcolor;
bottom: 0;
content: "";
height: 1px;
height: calc(100% - var(--bs-nav-link-padding-y) * 1.5);
left: 0;
position: absolute;
top: calc(var(--bs-nav-link-padding-y) * .75);
transform: scaleX(0);
transform: scaleY(0);
transform-origin: bottom right;
transform-origin: bottom left;
transition: transform .3s ease-out;
width: 100%;
width: 1px;
}

.btn-gradient{
background: linear-gradient(272.52deg, #b8e4f2 0, #f3d910 100%);
}
.btn-lg{
padding:0.8em;
}
.rotate {
transform-origin: 50% 50%;
animation: rotate 20s linear infinite;
}

@keyframes rotate {

0% {
transform: rotate(0);
}

100% {
transform: rotate(360deg);
}
}


.btn {
--bs-btn-padding-x: 1.5rem;
}

.goodsart{
font-size: 0.8rem;
}

#ReportForm .badge {
background: grey;
--bs-badge-padding-x: 0.75em;
--bs-badge-padding-y: 0.55em;
--bs-badge-font-size: 0.85em;
background-color: var(--bs-gray-600);
}

.rating li {
list-style-type: none;
display: inline;
}
.rating ul {
padding-left: 0rem;
}


.footer-top-container {
width: 100%;
background: url(/ok-content/uploads/cta1.svg) no-repeat top;
background-size: cover;
padding: 7.5% 0;
display: flex;
justify-content: center;
position: relative;
}
@media screen and (max-width: 1024px) {
.footer-top-container {
padding: 20% 0;
}}


.topbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.625rem 0;
font-size: .875rem;
}


.topbar>.container, .topbar>.container-fluid, .topbar>.container-sm, .topbar>.container-md, .topbar>.container-lg,
.topbar>.container-xl {
display: flex;
align-items: center;
justify-content: space-between;
}

.topbar-link {
color: rgba(255,255,255,.65);
}
.topbar-link:hover {
color: #fff;
}
.topbar-text, .topbar .topbar-link {
display: inline-block;
margin-bottom: 0;
text-decoration: none !important;
}


.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
{
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group .position-absolute {
z-index: 6;
}
.navbar-light .navbar-tool-icon-box.bg-secondary {
background-color: #f3f5f9 !important;
}

.navbar-light .navbar-tool-icon-box {
color: #4b566b;
}
[class^=bi-], [class*=" bi-"] {
display: inline-block;
}
.navbar-tool-icon {
font-size: 1.25rem;
}
.navbar-tool-icon-box {
position: relative;
width: 2.875rem;
height: 2.875rem;
transition: color .25s ease-in-out;
border-radius: 50%;
line-height: 2.625rem;
text-align: center;
}
.navbar-tool .navbar-tool-label {
position: absolute;
top: -0.3125rem;
right: -0.3125rem;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-color: var(--bs-primary);
color: #fff;
font-size: .75rem;
font-weight: 500;
text-align: center;
line-height: 1.25rem;
}
.navbar-tool {
position: relative;
display: flex;
align-items: center;
}
.navbar-tool-icon {
font-size: 1.25rem;
line-height: 2.875rem;
}
.navbar-tool-text {
display: none;
flex-grow: 0;
flex-shrink: 0;
padding-left: 0.875rem;
transition: color .25s ease-in-out;
font-size: .875rem;
text-decoration: none !important;
white-space: nowrap;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-tool-text {
display: block;
}}
.navbar-light .navbar-tool-text>small, .navbar-light .navbar-tool-text>.small {
color: #676d7b;
}
.navbar-tool-text>small, .navbar-tool-text>.small {
display: block;
margin-bottom: -0.125rem;
}
@media (min-width: 992px){
.navbar-tool .navbar-tool-tooltip {
display: block;
position: absolute;
top: -0.5rem;
left: 50%;
transform: translateX(-50%);
transition: opacity .2s ease-in-out,top .2s ease-in-out;
padding: 0.0625rem 0.375rem;
border-radius: 0.25rem;
background-color: #2b3445;
color: #fff;
font-size: .6875rem;
white-space: nowrap;
opacity: 0;
}}

@media (min-width: 992px){
.navbar-expand-lg .mega-dropdown-column {
width: 15rem;
}}
.mega-dropdown-column {
width: 100%;
max-width: 15rem;
}

@media (min-width: 992px){
.navbar-expand-lg .dropdown-menu>.dropdown:hover>.dropdown-menu {
-webkit-animation: fade-in .25s ease-in-out;
animation: fade-in .25s ease-in-out;
}}
@media (min-width: 992px){
.navbar-expand-lg .dropdown-menu>.dropdown .dropdown-menu {
top: 0;
right: auto;
left: 100%;
width: auto;
margin-top: -0.5rem;
margin-right: 0;
margin-left: -0.25rem;
}}
*/