/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : October 7, 2025, 12:11:00 PM
    Author     : NTSPL
*/
/*@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 
        max-width: 1455px;
    } 
}*/
/*@media (min-width: 1400px) {
    .container {
        max-width: 1380px;
    }
}*/

/* @import url('https://fonts.googleapis.com/css2?family=Signika:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */

@import url('../css/signika.css');
@import url('../css/montserrat.css');

@font-face {
    font-family: 'amsipro-ultrauploaded_file';
    src: url('../assets/fonts/fontsfree-net-amsipro-ultra-webfont.eot');
    src: url('../assets/fonts/fontsfree-net-amsipro-ultra-webfont.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/fontsfree-net-amsipro-ultra-webfont.woff2') format('woff2'),
        url('../assets/fonts/fontsfree-net-amsipro-ultra-webfont.woff') format('woff'),
        url('../assets/fonts/fontsfree-net-amsipro-ultra-webfont.ttf') format('truetype'),
        url('../assets/fonts/fontsfree-net-amsipro-ultra-webfont.svg#amsipro-ultrauploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chopin-trialbold';
    src: url('../assets/fonts/chopin-bold-webfont.woff2') format('woff2'),
        url('../assets/fonts/chopin-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden !important;
}

a {
    text-decoration: none;
}

section,
footer {
    position: relative;
    width: 100%;
    float: left;
}

.section {
    padding: 90px 0;
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
a {
    font-family: Montserrat;
}

.section-heading {
    font-size: 40px;
    color: #3d4097;
    font-weight: 700;
    line-height: 45px;
    font-family: signika;
    margin-bottom: 14px;
}

.cursor-pointer {
    cursor: pointer;
}

p {
    font-size: 17px;
    color: #232323;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: Montserrat;
}

p:last-child {
    margin: 0;
}

.separator {
    width: 100%;
    border: 1px dashed #00438866;
    margin: 10px 0;
}

.modal-title {
    font-weight: 600;
}

/* --------------------header-------------- */

/* this section for instagram and facebook widget--------- */
.update-s-btn {
    justify-content: start;
    display: flex;
}

.custom-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 0px;
    color: white;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
    width: 100%;
}

.header-menu-s ul {
    padding-left: 0;
}

.custom-tab img {
    width: 25px !important;
    height: 25px;
    margin-right: 10px;
}

.facebook-tab {
    color: #1877F2;
    background-color: #ffffff;
}

.facebook-tab.active {
    color: #ffffff;
    background-color: #3d4097;
}

.instagram-tab {
    color: #e4405f;
    background-color: #ffffff;
}

.instagram-tab.active {
    background-color: #e4405f;
    color: #ffffff;
}

.tab-content {
    margin-top: 0px !important;
}

.tab-content.active {
    display: block;
}

/* -----------Feedback section start------------- */
.feedback-f h2 {
    text-align: center !important;
}

.feedback-box-s {
    padding: 25px;
    background: #f7f9fc;
    margin-top: 40px;
    border: 1px solid #d7e3f7;
}

.feedback-box-s .input-fields {
    box-shadow: none;
    background: #ffffff;
    border: 1px solid #eaeaff;
}

.custom-height-textarea {
    height: 110px !important;
}

.feedback-f {
    margin-bottom: 150px;
}

.feedback-box-s P {
    margin-bottom: 0px;
}

.rating {
    display: flex;
    width: 100%;
    align-items: center;
}

.rating-stars {
    margin-left: 30px;
    margin-bottom: 0;
}

.rating .form-label {
    margin-bottom: 0;
}

.rating-stars span {
    position: relative;
    margin-left: 0;
}

.rating-stars label {
    line-height: 20px;
    font-size: 20px;
}

.feedback-box-s .submit-button .submit-btn {
    width: 125px;
}

.feedback-box-s .submit-button :hover {
    background: #00adef !important;
    border: none;
}

/* -----------Feedback section End------------- */

/* -----------Product section start here------------- */
.home-product-section {
    background: #3d4097 !important;
}

.home-product-section .swiper-slide {
    flex-shrink: 0;
    width: auto;
    box-sizing: border-box;
    width: calc((100% - (6 * 20px)) / 7);
}

.home-product-section .product-tabs-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 10px;
}

.home-product-section .swiper-button-prev:after,
.home-product-section .swiper-button-next:after {
    display: none;
}

.home-product-section .product-tabs-item {
    width: auto !important;
}

.home-product-section .swiper-button-prev,
.home-product-section .swiper-button-next {
    background: none;
    border: none;
    cursor: pointer;
}

.p-s-btn {
    display: inline-block;
    display: flex;
    align-items: self-end;
    justify-content: space-between;
}

.home-product-section #prevBtn {
    left: 0;
    margin-left: 0;
}

.home-product-section #nextBtn {
    margin-right: -13px;
    top: 23%;
    position: relative;
}


.productSwiper2 {
    margin: 0 22px;
    overflow: hidden;
    width: 100%;
}

.presentation {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.presentation .btn-style {
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    border-radius: 105px;
    transition: 0.3s all;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.prev-btn.is-disabled,
.next-btn.is-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
    transition: 0.3s;
}

.presentation .btn-style:active {
    transform: scale(0.80);
    background-color: rgb(255 255 255 / 0%);
    border: 2px solid #5cd0dd;
}

.btn-style img {
    width: 20px;
}

.tab-pane {
    display: none;
}

.tab-pane.show {
    display: block;
}

.p-s-btn .read-more-button {
    background: #ffffff !important;
}

.sidebar-menu .current-menu-item {
    background: #2098D1;
}

.sidebar-menu .current-menu-item a {
    color: #fff;
}

.nav-bar-tab {
    overflow: hidden;
    width: 80%;
    white-space: nowrap;
    display: flex;
}

.nav-pills {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.3s ease-in-out;
}

.nav-item {
    min-width: 80px;
    text-align: center;
}

.nav-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

.product-s-custom-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    margin: 13px;
}

.product-s-custom-btn:hover {
    transform: scale(1.1);
}

.product-s-custom-btn img {
    width: 45px;
    height: 26px;
}

.product-carousel .owl-item.cloned {
    margin: 0 !important;
}

.product-carousel .owl-item {
    flex: 0 0 100%;
}

.single-item-carousel .owl-stage {
    display: flex;
    justify-content: center;
}

.product-s-tab-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.moving-image {
    transition: transform 0.4s ease-in-out;
}

.product:hover .moving-image {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

.product-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.nav-pills {
    border-bottom: none;
}

.nav-pills .nav-link {
    border-radius: 50px;
    color: #ffffff;
    padding: 10px 37px;
    margin-right: 5px;
    font-family: 'Signika';
    font-size: 22px;
}

.nav-bar-tab-unique .nav-pills .nav-link.active {
    background-color: #ffffff !important;
    color: #000 !important;
}

.nav-pills .nav-link:focus {
    outline: none;
    box-shadow: none;
}

.btn-custom {
    border-radius: 0;
    padding: 10px 20px;
    font-size: 16px;
}

.product-heading .section-heading {
    color: #ffffff;
    text-align: center;
}

.product-heading .sub-caption-p {
    color: #ffffff;
    text-align: center;
}

/* Banner section change---------------------- */

/*this sectio for the homepage loader section start */
.main-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 99999999;
    overflow: hidden;
    transition: transform 1s ease, opacity 0.8s ease;
}

.main-loader.hide {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

.loadermfd-bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    max-width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 1.5s ease;
}

.loadermfd-comp {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5;
    height: 100%;
}

.loadermfd-text-logo {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

.loadermfd-logo {
    width: 170px;
    margin-bottom: 8px;
    opacity: 0;
    transform: translateY(-50px);
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease;
    z-index: 10;
}

.loadermfd-text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 50px);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.8s ease;
    font-size: 20px;
    font-family: 'chopin-trialbold';
    color: #3d4093;
    display: flex;
    gap: 2px;
    z-index: 10;
    font-weight: 600;
}

.loadermfd-text span {
    display: inline-block;
    transform: scale(1.5);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    font-family: 'chopin-trialbold';
}

.loadermfd-bar-container {
    position: relative;
    width: 200px;
    height: 150px;
}

.loadermfd-ellipse {
    width: 0;
    height: 0;
    background-color: #edd2b5;
    border-radius: 50% / 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.5s ease-out, height 0.5s ease-out, opacity 2s ease;
}

.loadermfd-bar-image {
    position: absolute;
    bottom: 5px;
    left: 0;
    transform-origin: left bottom;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.22, 1.28, 0.57, 1), opacity 0.6s ease;
    width: 150px;
    height: auto;
    z-index: 2;
}

.loadermfd-mask-balaram {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 150px;
    height: auto;
    pointer-events: none;
    z-index: 5;
    transform-origin: left bottom;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.22, 1.28, 0.57, 1), opacity 0.6s ease;
}

.loadermfd-product-group {
    position: absolute;
    bottom: 40px;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.loadermfd-product-image {
    position: absolute;
    transform: translateX(-50%) translateY(-60px);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s ease;
    width: 80px;
    height: auto;
}

.loadermfd-product-left {
    left: 61%;
    bottom: 64px;
    width: 45px;
}

.loadermfd-product-center-left {
    width: 38px;
    left: 42%;
    bottom: 74px;
}

.loadermfd-product-center-right {
    width: 31px;
    left: 39%;
    bottom: 76px;
}

.loadermfd-product-right {
    width: 41px;
    left: 52%;
    bottom: 58px;
}

/*this sectio for the homepage loader section end */
.banner-c-s .owl-dot span {
    margin: 0 5px;
    background-color: transparent;
    border: 2px solid #ffffff;
    padding: 5px;
    width: 12px;
    height: 13px;
    display: block;
    border-radius: 50%;
}

.banner-c-s .owl-dot.active {
    background-color: #ffffff !important;
    width: 30px;
    border-radius: 30px;
}

.banner-c-s {
    position: relative;
}

.banner-c-s .owl-dots {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.dot-slide-view {
    position: absolute;
    bottom: 20px !important;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.video-b {
    position: relative;
}

.ply-btn-image {
    width: 22px !important;
    height: auto;
}

.ply-btn-s :after {
    content: '';
    background: #e82329;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: -52%;
    top: -50%;
    opacity: 1;
    animation: robot-animation 1s linear infinite;
    z-index: -1;
    display: none;
}

.ply-btn-s {
    width: 65px;
    height: 65px;
    position: absolute;
    border-radius: 50%;
    border: 6px solid rgba(0, 4, 159, 0.6);
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s;
    animation: 1s linear 0s infinite normal none running robot-animation;
}

.ply-btn-s:hover {
    transform: translate(50%, -50%) scale(1.1);
    opacity: 0.9;
}

.p-image {
    position: relative;
}

.hidden {
    opacity: 0;
    pointer-events: none;
}

.show {
    opacity: 1;
    pointer-events: all;
}

.video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img-banner {
    height: 555px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (max-width: 768px) {
    .img-banner {
        height: 300px;
        /* Reduce height for smaller screens */
    }

    .product-tabs-content p {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .img-banner {
        height: 250px;
        /* Adjust further for mobile screens */
    }
}

/* .img-banner .video-thumbnail:hover {
    transform: scale(1.1);
    opacity: 0.9;

} */

.img-banner .video-thumbnail {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    overflow: hidden;
}

.container-fluid-b {
    width: 100%;
    padding: 0 94px;
    margin-top: 150px;
}

.banner-box {
    position: absolute;
    z-index: 99;
    bottom: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-left {
    background-color: #f8d7da;
}

.box-right {
    background-color: #d1ecf1;
}

.fit-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* -----------Update  */
.header-a span {
    color: #3d4097;
    font-size: 14px;
    font-weight: 600;
}

.header-logo {
    display: flex;
    align-items: start;
    justify-content: start;
    height: 100%;
    padding: 20px 0;
}

.header-a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.menu-list {
    display: flex;
    align-items: center;
}

.widgetizedArea ul,
.widgetizedArea ul li {
    padding-left: 0;
}

.widgetizedArea li a {
    display: flex;
    align-items: center;
}

.header-menu-s li {
    position: relative !important;
    padding: 0 13px;
}

.header-menu-s li:last-child {
    padding-right: 0px !important;
}

.header-menu-s li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 2px;
    right: -1px;
    height: 21px;
    border-right: 1px solid #babdfb;
}

.accesibility-images {
    width: 25px;
    cursor: pointer;
}

.dropdown button img,
.dropdown-content li img {
    width: 24px;
    margin-right: 5px;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.dropdown button,
.dropdown-content li {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.dropdown button {
    background-color: #cda3a300;
    width: max-content;
    color: #000000;
    border: none;
    cursor: pointer;
    justify-content: space-evenly;
    font-family: Roboto;
    color: #545454;
    font-size: 14px
}

.arrow-down {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #030303 transparent transparent transparent;
    margin: 0 0 0 5px;
}

header {
    width: 100%;
    height: auto;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    transition: top .3s ease;
    background-color: #ffffff;
    border-top: 8px solid #5155b8;
    position: fixed;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

.inner-page header {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    z-index: 9999999;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    border-bottom: none;
}

.top-nav-bar {
    display: none;
    width: 100%;
    padding: 0px;
    float: left;
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.header-shape-new {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.header-shape-phone {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: auto;
    left: 0;
    background: url(../assets/images/omfed-mobile-header.svg);
    width: 100%;
    height: 340px;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 260px;
}

.container-fluid {
    width: 100%;
    position: relative;
    padding: 0 94px;
}

.header-content {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
}

.header-logo img {
    width: 113px;
}

.header-menu {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.menu-logo {
    position: relative;
    height: 50px;
    width: 47px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 2px solid #3d4097;
}

.menu-icon-h {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-logo img {
    width: 26px;
    filter: invert(1);
}

.menu-icon-h span {
    font-family: Montserrat;
    font-size: 9px;
    font-weight: 600;
}

.menu-top {
    margin-bottom: 8px !important;
    cursor: pointer;
    padding: 0 0 8px 0;
    background-color: #5155b8;
    width: 60%;
    display: flex;
    justify-content: end;
    position: relative;
    margin-bottom: 10px;
}

.menu-top::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 36px solid #5155b8;
    border-left: 36px solid transparent;
    position: absolute;
    left: -36px;
    top: -3px;
}

.menu-top::after {
    content: '';
    width: 0;
    height: 0;
    width: 200px;
    height: 35px;
    background: #5155b8;
    position: absolute;
    right: -200px;
    top: -2px;
}

.menu-top ul {
    margin: 0;
    display: flex;
    list-style: none;
    padding-left: 0;
}

.menu-top ul li {
    display: flex;
    align-items: center;
}

.menu-top li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
    transition: all .6s;
}

.menu-list ul {
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
}

.menu-list li {
    margin-right: 30px;
}

.menu-list li:last-child {
    margin-right: 0px;
}

.menu-list li a {
    text-decoration: none;
    color: #121212;
    font-size: 16px;
    padding: 15px 0;
    font-weight: 600;
}

.menu-list li:first-child a {
    margin-left: 0;
}

.top-font {
    padding: 0 10px;
    border-radius: 25px;
    border: 1px solid #fff;
    display: none;
}

.top-font-btn {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.top-font-btn a:nth-child(2) {
    padding: 0px 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.top-font-btn a:first-child {
    margin-right: 7px;
}

.top-font-btn a:last-child {
    margin-left: 7px;
}

.top-font-btn2 {
    font-size: 13px;
    padding: 0px 0;
    border-radius: 25px;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
    display: none;
}

.top-font-btn2 a {
    padding: 8px 10px;
}

.top-font-btn2 a:last-child {
    background-color: #fff;
    color: #000 !important;
}

.menu-list .sub-menu {
    position: absolute;
    box-shadow: 0 10.5px 20px #00000017;
    top: 49px;
    background-color: #fff;
    margin: 0;
    padding: 15px;
    transition: .3s;
    z-index: 999;
    transform: translatey(20px);
    opacity: 0;
    visibility: hidden;
    min-width: 266px;
    flex-direction: column;
    border-top: 2px solid #004388;
}

.menu-list .sub-menu.inner-sub-menu {
    border-top: 0;
    left: 252px;
    top: 0;
}

.menu-list .sub-menu.inner-sub-menu::before {
    display: none;
}

.menu-list li .sub-menu a {
    font-size: 17px;
    padding: 9px 0;
}

.sub-menu {
    position: relative;
}

.sub-menu::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 30px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 12.5px 14px 12.5px;
    border-color: transparent transparent #004388 transparent;
    transform: rotate(0deg);
    content: "";
    position: absolute;
    top: -16px;
    right: 0;
    width: 0px;
    height: 0px;
}

.hambergur .menu>.menu-item:hover>a {
    color: #99eb79 !important;
}

.hambergur.open .sub-menu li:hover>a {
    color: #99eb79 !important;
}

.hambergur.open .sub-menu li a {
    color: #ededed !important;
}

.menu-list li:hover>.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translatey(0) !important;
}

.menu-list li .sub-menu li {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-right: 0;
    cursor: pointer;
    padding: 0 15px;
    transition: all 0.5s;
}

.menu-list li .sub-menu li a {
    width: 100%;
    color: #232323;
    font-size: 14px;
    margin: 0;
}

.menu-list li .sub-menu li:hover {
    background-color: #ddf5ff;
}

.sub-menu li:hover a {
    color: #232323 !important;
}

.menu-list li .sub-menu li .sub-menu {
    left: 105%;
    top: 0;
    right: 0;
    border-top: 0;
    border-left: 2px solid #004388;
}

.menu-list li .sub-menu li .sub-menu::before {
    transform: rotate(270deg);
    top: 15px;
    right: 0;
    left: -20px;
}

.menu-list li .sub-menu li:last-child {
    border-bottom: 0;
}

.menu-list ul .dropdown a {
    position: relative;
}

.menu-list ul .dropdown {
    padding-right: 20px !important;
}

.menu-list ul .dropdown a::before {
    background: url(../assets/images/toggle-arrow.png) no-repeat -6px -14px;
    width: 12px;
    height: 7px;
    margin-left: 3px;
    display: inline-block;
    position: relative;
    top: 23px;
    transition: .3s;
    position: absolute;
    content: '';
    right: -15px;
}

.menu-list ul .dropdown .sub-menu li a::before {
    display: none;
}

.menu-list li:hover>a .toggle-arrow {
    transform: translatey(-50%) rotate(180deg);
    position: relative;
    top: -1px;
}



.menu-top li a:hover {
    color: #d2d2d2;
}

.inner-main-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-main-menu .toggle-arrow {
    top: 0;
    transform: rotate(-90deg);
}

.menu-list li:hover>.inner-main-menu .toggle-arrow {
    transform: rotate(-90deg);
    top: 0;
}

.hambergur {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 81%);
    overflow-y: auto;
    z-index: 99999999;
    transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
    font-family: Montserrat;
}

.hambergur.open,
.side-menu.open {
    right: 0;
    transition: 1s cubic-bezier(.858, .01, .068, .99);
}

.hambergur .dropdown {
    position: relative;
}

.hambergur.dropdown button {
    float: right;
    position: absolute;
    right: 25px;
    top: 0;
    height: 30px;
    width: 30px;
    background: transparent;
}

.hambergur ul li a .btn.expander .angle-down {
    position: absolute;
    background: url(../assets/images/plus-minus.png) no-repeat 0 0;
    right: 7px;
    top: 6px;
    height: 15px;
    width: 15px;
}

.hambergur ul li a .btn.expander .angle-up {
    position: absolute;
    background: url(../assets/images/plus-minus.png) no-repeat 0 -45px;
    right: 7px;
    top: 12px;
    height: 11px;
    width: 15px;
}

.menu-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    text-align: center;
    width: 230px;
    height: 100%;
}

.menu-text h2 {

    writing-mode: vertical-rl;
    font-size: 125px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    color: rgb(44 61 135 / 43%);
    margin: 0;
    text-align: center;
    margin-left: 100px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

.close-btn {
    position: absolute;
    top: 60px;
    right: 63px;
    cursor: pointer;
    transition: transform 0.3s;
    z-index: 99999999;
}

.close-btn:hover {
    transform: scale(1.2);
}

.side-menu {
    width: 600px;
    position: fixed;
    right: -130%;
    background: linear-gradient(to left, #3d4097, #364a99);
    z-index: 9999999;
    height: 100%;
    transition: all 1s cubic-bezier(1, 0, 0.55, 1);
    overflow: hidden;

}

.side-menu .inner-wrapper {
    padding: 2rem 4rem;
    height: 100%;
    position: relative;
    text-align: left;
    flex-wrap: wrap;
}

.side-menu .side-nav {
    display: flex;
    align-items: center;
    margin-top: 60px;
    overflow: hidden;
    height: 480px;
}

.navbar-nav {
    width: 100%;
    float: left;
    height: 100%;
    overflow: auto;
    padding-left: 4px;
}

.contact-info {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 9px;
    border-bottom: 1px solid #dbe0f5;
    padding-bottom: 8px;
}

.contact-us-container .table {
    border-collapse: separate;
}

.email-list {
    padding-right: 40px;
}

.email-box p {
    width: 261px;
}

.side-menu .side-navbar::-webkit-scrollbar {
    width: 7px;
}

.side-menu .side-navbar::-webkit-scrollbar-track {
    background: #c1f0f5;
    border-radius: 10px;
}

.side-menu .side-navbar::-webkit-scrollbar-thumb {
    background-color: #04b7cb;
    border-radius: 10px;
}

.side-menu .side-navbar::-webkit-scrollbar-thumb:hover {
    background-color: #04b7cb;
}

.hambergur ul {
    list-style-type: none !important;
    padding: 0;
}

.hambergur ul li {
    margin: 17px 0;
    padding: 0 !important;
    opacity: 0;
    transition: all 0.8s;
    transform: translateY(30px);
}

.hambergur ul li {
    transition: all 0.8s;
    transition-delay: 1s;
    transform: translateY(0);
    opacity: 1;
}

.hambergur .sub-menu::before {
    display: none;
}

.hambergur.open ul li:first-child {
    transition-delay: 1.1s;
}

.hambergur.open ul li:nth-child(2) {
    transition-delay: 1.2s;
}

.hambergur.open ul li:nth-child(3) {
    transition-delay: 1.3s;
}

.hambergur.open ul li:nth-child(4) {
    transition-delay: 1.4s;
}

.hambergur.open ul li:nth-child(5) {
    transition-delay: 1.5s;
}

.hambergur.open ul li:nth-child(6) {
    transition-delay: 1.6s;
}

.hambergur.open ul li:nth-child(7) {
    transition-delay: 1.7s;
}

.hambergur.open ul li:nth-child(8) {
    transition-delay: 1.8s;
}

.hambergur.open ul li:nth-child(9) {
    transition-delay: 1.9s;
}

.hambergur.open ul li:nth-child(10) {
    transition-delay: 2.0s;
}

.hambergur.open ul li:nth-child(11) {
    transition-delay: 2.1s;
}

.hambergur.open ul li:nth-child(12) {
    transition-delay: 2.2s;
}

.hambergur.open ul li:nth-child(13) {
    transition-delay: 2.3s;
}

.hambergur.open ul li:nth-child(14) {
    transition-delay: 2.4s;
}

.nav-item-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hambergur ul li a {
    display: inline-table;
    color: #ffffff;
    padding: 0;
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    border-radius: 0;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
}

.hambergur.open ul li svg {
    cursor: pointer;
}

.side-nav.navbar-nav li a:after {
    backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, 0);
    bottom: -5px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
}

.side-nav.navbar-nav li {
    margin: 7px 0;
    padding: 0 !important;
    opacity: 0;
    transition: all 0.8s;
    transform: translateY(30px);
}

.nav-item-head:hover:after,
.nav-item-head.active:after {
    backface-visibility: hidden;
    border-color: #ffffff;
    transition: width 350ms ease-in-out;
    width: 100%;
}

.hambergur.open ul .sub-menu {
    margin-top: 10px;
    transition: all 0.3s ease;
    padding: 0;
    padding-left: 25px;
    list-style: none;
}

.sub-menu li {
    padding: 5px 0;
}

.hambergur.open .sub-menu li a {
    color: #ededed;
    font-size: 17px !important;
    font-weight: 500 !important;
    cursor: pointer;
}

.hambergur .sub-menu li {
    margin: 10px 0 !important;
}

.side-menu:before {
    content: "";
    position: absolute;
    bottom: -1px;
    background: url(../assets/images/menu-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 60px;
    width: 100%;
    z-index: 2;
}


.language-change-box {
    padding-left: 30px;
}

.language-change {
    position: relative;
    top: 4px;
}

.language-change span {
    color: #545454;
    font-size: 14px;
    cursor: pointer;
}

.menu-top .language-img {
    display: flex;
    align-items: center;
}

.menu-top .language-img img {
    width: 23px;
    height: 23px;
    position: absolute;
    left: -30px;
}

.menu-top ul li:last-child {
    margin-right: 0;
}

.omfed-sidebar-logo {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.omfed-sidebar-logo span {
    margin-top: 2px;
    color: #fff;
}

.resp-logo {
    display: none;
}

/* --------------------header-------------- */

/* --------------------Footer-------------- */

/* Sitemap */
.sitemap-container .menu {
    column-count: 1;
}

.sitemap-container ul li {
    border-left: 1px solid #ddd;
    position: relative !important;
    background: none;
    margin-bottom: 0 !important;
    padding: 0 !important;
    padding: 5px 0 10px 30px !important;
}

.sitemap-container a {
    color: #232323;
}

.sitemap-container li::before {
    display: none;
}

.sitemap-container .sub-menu::before {
    display: none;
}

.sitemap-container li::after {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 1px;
    background-color: #ddd;
    left: 0;
    content: '';
    top: 18px;
}

.sitemap-container .drop-down .sub-menu {
    display: block;
}

.sitemap-container .drop-down .sub-menu li a {
    color: #232323;
    line-height: 30px;
    font-size: 100%;
}

.sitemap-container .sub-menu {
    padding-left: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.sitemap-container li:last-child::before {
    display: block;
    position: absolute;
    z-index: 10;
    width: 9px;
    height: 28px;
    background: #ffffff;
    left: -4px;
    content: '';
    top: 19px;
}

/* Sitemap */

/*------------------------------- Buy Now------------------------------- */
.social-media-s {
    position: fixed;
    right: -1px;
    bottom: 50%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #00adef;
    padding: 10px;
    border-radius: 139px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: 20px 0px;
    border-radius: 20px 0px 0px 20px;
    transition: all 0.3s ease-in-out;
    width: 45px;
    cursor: pointer;
}

.right-social-icons {
    position: fixed;
    right: -1px;
    bottom: 40%;
}

.advertisment {
    padding: 15px 0px;
    margin-bottom: 15px;
}

.social-icon img {
    width: 26px;
    height: auto;
    transition: transform 0.3s ease-in-out;
    filter: brightness(0) invert(1);
}

.social-media-s .social-icon {
    margin-bottom: 20px;
}

.social-media-s .social-icon:last-child {
    margin-bottom: 0;
}


.buy-text {
    font-weight: 600;
    width: 50%;
    text-align: center;
    line-height: 18px;
    position: relative;
    margin-top: 10px;
    font-size: 13px;
}

.buy-text:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 1.5px;
    bottom: 0;
    right: 50%;
    background-color: #e2e2e2;
    transform: translateX(50%);
    top: -7px;
}

.social-media-s:hover .social-icon img {
    filter: brightness(0) invert(1);
}

.social-media-s .social-icon img:hover {
    transform: scale(1.2);
    transition: transform 0.3s ease-in-out;
}

.social-media-s:hover {
    background: #00adef;
    transform: translateX(-1px);
}

/*------------------------------- Buy Now ------------------------------- */

.help-part {
    position: fixed;
    display: flex;
    bottom: 46px;
    right: 25px;
    gap: 15px;
    flex-direction: column;
    align-items: center;
    z-index: 999;
}

.help-text {
    position: relative;
    font-size: 17px;
    font-weight: 600;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-family: segoe ui;
    box-shadow: -1px 3px 16px -2px rgb(0 0 0 / 23%);
    margin-bottom: 0;
    right: 47px;
}

.help-text::before {
    content: '';
    position: absolute;
    background-image: url(../assets/images/help-quote.png);
    height: 12px;
    width: 15px;
    left: 20px;
    bottom: -12px;
}

.purple-round {
    position: relative;
    height: 90px;
    width: 90px;
    background-color: #3d4097;
    border-radius: 50%;
    cursor: pointer;
}

.purple-round2 {
    position: absolute;
    height: 70px;
    width: 70px;
    background-color: #2c2e74;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: blink 1.2s infinite;
    transition: all 0.3s;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.help-robo {
    width: 55px;
    position: absolute;
    left: 52%;
    top: 33%;
    transform: translate(-50%, -50%);
}

.cow-bot-b {
    position: relative;
    display: inline-block;
}

.background-image {
    display: block;
    width: 68px;
    height: auto;
}

.overlay-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 58%;
    height: auto;
    bottom: 0;
}

.help-cow {
    width: 100px;
    position: absolute;
    left: 52%;
    top: 33%;
    transform: translate(-50%, -50%);
}

.help-part .help-text {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.blink {
    animation: blink-animation 1s step-start infinite;
}

@keyframes blink-animation {
    50% {
        opacity: 0;
    }
}

.footer:before {
    content: "";
    position: absolute;
    bottom: -1px;
    background: url(../assets/images/footer-background.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.bottom-vectors {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom-vectors img {
    width: 400px;
    opacity: 0.3;
}

@media screen and (max-width: 480px) {
    .ads-products .p-ads-video {
        height: 175px !important;
    }

    .help-part {
        bottom: 30px;
        right: 20px;
    }

    .r-products-d {
        margin-top: -230px;
    }

    .help-text {
        font-size: 13px;
    }

    .purple-round {
        position: relative;
        height: 80px;
        width: 80px;
    }

    .purple-round2 {
        height: 60px;
        width: 60px;
    }

    .help-robo {
        width: 50px;
    }
}

/* --------------------Footer-------------- */
/* --------------------Banner-------------- */
.banner {
    position: relative;
    width: 100%;
    background: rgb(255, 255, 255);
    background: #e2e3f3;
    background-repeat: no-repeat;
    background-position: center top 100px;
    overflow: hidden;
}

.main-image {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: relative;
}

.banner-content {
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 75%;
}

.omfed-poster {
    padding: 0;
    width: 68%;
    transition: transform 0.5s ease;
}

.products-count {
    width: 100%;
    padding: 60px 0;
    background-color: #3d4097;
}

.products-num {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.products-num img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.products-num:hover img {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 100%;
}

.col-15 {
    width: 20%;
}

.impact-score {
    text-align: center;
}

.impact-score h5 {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    font-family: "Signika";
    margin-bottom: 0;
}

.impact-score span {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    font-family: "Montserrat";
    line-height: 25px;
}

/* Wave banner text */

.content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
}

.content h2 {
    color: #fff;
    color: #404a3d;
    font-size: 56px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    font-weight: 700;
    font-family: "amsipro-ultrauploaded_file";
    width: 100%;
}

.content h2:nth-child(1) {
    color: #404a3d;
    -webkit-text-stroke: 0px #fff;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 21%);
}

/* ---------------------About Omfed Area {Priyanka}----------------------- */

.about-omfed .section-heading {
    line-height: 39px;
    font-size: 36px;
}

.about-bg1 {
    position: relative;
    float: left;
    width: 100%;
}

.about-bg1 img {
    width: 100%;
}

.content-part {
    padding-right: 80px;
    width: 100%;
    float: left;
}

.read-more-button {
    background: transparent;
    border: 3px solid #5cd0dd;
    border-radius: 25px;
    padding: 8px 14px;
    font-size: 18px;
    margin-top: 40px;
    position: relative;
}

.read-more-button span:before {
    animation: none;
}

.read-more-button span:before {
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    bottom: -10px;
    left: -22px;
    opacity: 1;
    transition: opacity 0.7s ease 0.1s, left 0.9s ease 0.3s;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.banner .bi-chevron-left {
    background-image: url(../assets/images/p-previous.svg);
    filter: invert(45%) sepia(19%) saturate(900%) hue-rotate(205deg) brightness(60%) contrast(126%);
    background-size: 15px 15px;
    background-position: center;
    width: 35px;
    height: 35px;
    display: flex;
    background-repeat: no-repeat;
}

.banner .bi-chevron-right {
    background-image: url(../assets/images/p-next.svg);
    filter: invert(45%) sepia(19%) saturate(900%) hue-rotate(205deg) brightness(60%) contrast(126%);
    background-size: 15px 15px;
    background-position: center;
    width: 35px;
    height: 35px;
    display: flex;
    background-repeat: no-repeat;
}

.banner-caption-new h1 {
    text-align: center;
    font-family: 'amsipro-ultrauploaded_file';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    color: #404a3d;
    margin-bottom: 0;
}

.banner-caption-new {
    text-align: center;
    font-family: 'amsipro-ultrauploaded_file';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    color: #404a3d;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.page-loaded .banner-caption-new {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.read-more-button .circle {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    box-shadow: rgb(99 99 99 / 40%) 0px 2px 8px 0px;
    background-color: #004388;
    position: absolute;
    left: 1px;
    top: 49%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}

.read-more-button:hover .circle {
    border: 3px solid #ddd;
    background-color: #00adef;
}

.read-more-button:hover .circle svg path {
    fill: #ffffff !important;
}

.read-more-button span {
    margin-left: 30px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    transition: all 0.7s;
    padding: 0px 9px;
}

.owner {
    margin-bottom: 20px;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #e4f2ff;
    position: relative;
}

.owner::before {
    position: absolute;
    content: '';
    height: 0;
    top: 0;
    left: 0;
    background-color: #00adef;
    width: 3px;
    transition: all .7s ease;
}


.owner:hover:before {
    height: 100%;
}

.about-owner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    flex: 1;
}

.owner-img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
}

.owner-img img {
    width: 100%;
    object-fit: cover;
}

.owner .name {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: Signika;
    color: #004388;
    margin-bottom: 4px;
}

.owner .designation {
    font-size: 14px;
    line-height: 18px;
    font-family: Montserrat;
    color: #706f6d;
    font-weight: 600;
}

.omfed-bar {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin: 30px 0;
}

.whats-new {
    color: #ffffff;
    font-weight: 600;
    background-color: #3d4097;
    padding: 12px 0;
    font-size: 18px;
    float: left;
    width: 161px;
    position: relative;
    text-align: center;
}

.whats-new a {
    color: #fff;
}

.whats-new:after {
    content: '';
    position: absolute;
    background-image: url(../assets/images/news-shape.svg);
    left: 100%;
    top: 0;
    height: 100%;
    width: 25px;
    background-repeat: no-repeat;
}

.scrolling-text-cont {
    width: 100%;
    float: left;
    padding: 12px 12px;
    position: relative;
    overflow: hidden;
}

.play-pause-option {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: #ffffff;
    width: 47px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-pause-option:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #dbdede;
    position: absolute;
    right: 47px;
    top: 0;
}

.scrolling-text-cont ul {
    list-style: none;
    display: flex;
    white-space: nowrap;
    padding: 0px 47px 0 10px;
    overflow: hidden;
}

.scrolling-text-cont li {
    display: inline-flex;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.scrolling-text-cont li {
    padding-right: 15px;
    margin-right: 15px;
}

.scrolling-text-cont li:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #dbdede;
    position: absolute;
    right: 0px;
    top: 0;
}

/* -----------------------------Home Product Area {Priyanka}----------------------*/

.product-section .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -92px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.product-section .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    background-color: transparent;
    border: 2px solid #004388;
    padding: 5px;
}

.swiper-pagination-bullet-active {
    background-color: #004388 !important;
    width: 30px;
    border-radius: 30px;
}

.product-section {
    overflow: hidden;
    background: #3d4097;
}

.section-heading span {
    display: block;
}

.product-heading p {
    color: #004388;
    font-size: 19px;
    font-weight: 500;
}

.product-slide {
    margin-top: 50px;
}

.product {
    min-height: 510px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 35px;
}

.product img {
    width: 275px !important;
}

.product-swiper {
    margin-top: 50px;
}

.owl-carousel.product-swiper .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: -96px;
    right: 0;
}

.owl-dot span {
    margin: 0 5px;
    background-color: transparent;
    border: 2px solid #4c9ef2;
    padding: 5px;
    width: 12px;
    height: 13px;
    display: block;
    border-radius: 50%;

}

.owl-dot.active {
    background-color: #004388 !important;
    width: 30px;
    border-radius: 30px;
}

.owl-dot.active span {
    border: 0;
}

.product1 {
    background: radial-gradient(#3ed7f6, #097493);
}

.product2 {
    background: radial-gradient(#b357a0, #6e215e);
}

.product3 {
    background: radial-gradient(#c8e16b, #a2bb48);
}

.product4 {
    background: radial-gradient(#94ddfe, #318dc5);
}

.product5 {
    background: radial-gradient(#dc7583, #a52737);
}

.product6 {
    background: radial-gradient(#ffc42a, #f9981a);
}

.product7 {
    background: radial-gradient(#f3b1af, #d44b53);
}

.product8 {
    background: radial-gradient(#55b3e8, #362974);
}

.product9 {
    background: radial-gradient(#ffb7dc, #c92481);
}

.product10 {
    background: radial-gradient(#3ed7f6, #097493);
}

.product11 {

    background: radial-gradient(#ffe192, #cb8120);
}

.product12 {

    background: radial-gradient(#61b7e5, #293e93);
}

.product13 {
    background: radial-gradient(#ffc42a, #f9981a);
}

.product14 {
    background: radial-gradient(#f3b1af, #d44b53);
}

.product15 {
    background: radial-gradient(#55b3e8, #362974);
}

.product15 {
    background: radial-gradient(#ffb7dc, #c92481);
}

.product16 {
    background: radial-gradient(#3ed7f6, #097493);
}

.product17 {

    background: radial-gradient(#ffe192, #cb8120);
}

.product18 {

    background: radial-gradient(#61b7e5, #293e93);
}

.product-name {
    font-size: 30px;
    font-family: Signika;
    color: #ffffff;
    font-weight: 600;
    position: absolute;
    bottom: 25px;
}

.quick-access {
    display: flex;
    align-items: center;
    position: relative;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
}

.watch-icon {
    background-color: rgb(255 255 255 / 20%);
}

.quick-access-container {
    position: absolute;
    top: 15px;
    right: 15px;
}

.quick-access-txt {
    background-color: rgb(255 255 255 / 20%);
    padding: 7px;
    position: absolute;
    right: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, right 0.3s ease-in-out;
    cursor: pointer;
    height: 100%;
    font-size: 14px;
    width: 110px;
    z-index: 55;
    display: flex;
    justify-content: center;
    align-items: center;
}

.enquiry-icon {
    background-color: rgb(255 255 255 / 20%);
    /* padding: 6px 7px; */
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .enquiry-icon img {
    width: 22px !important;
}

.quick-access:hover .quick-access-txt {
    opacity: 1;
    right: 38px;
}

.enquiry-box:hover .enquiry {
    opacity: 1;
    right: 39px;
}

.cow-bg-img {
    position: absolute;
    bottom: 0;
}

/* ------------------Our Operational Area {Monalisha}------------------- */
.Operational-container {
    width: 100%;
    border: 1px solid #d8e9fa;
    overflow: hidden;
    position: relative;
    padding: 20px;
    object-fit: cover;
    background: #f8f9fb;
}

.Operational-container::before {
    position: absolute;
    content: '';
    background: url(../assets/images/square-bg.png);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.map {
    position: relative;
    display: flex;
    justify-content: center;
    width: 602px;
    flex-direction: column;
}

.show-hide-district button.active {
    background-color: #004388;
    border: 2px solid #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 4px 6px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    color: rgb(255, 255, 255);
}

.show-hide-district {
    display: flex;
    align-items: center;
    justify-content: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

.show-hide-district button {
    padding: 5px 14px;
    color: #000000;
    font-family: Montserrat;
    border: 2px solid #5cd0dd;
    font-size: 15px;
    font-weight: 500;
    border-radius: 20px;
    background: none;
    transition: all 0.5s;
    overflow: hidden;
}

.show-hide-district button:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 4px 6px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.legend-cont.active {
    background-color: rgb(244 240 220);
}

.map img {
    position: relative;
}

.pointers img {
    width: 22px;
    height: 33px;
}

.pointers div,
.district-name div {
    position: absolute;
}

.blue-pointer-1 {
    top: 180px;
    right: 194px;
    display: none;
}

.corporate-offices .corporate-office-pointer {
    display: block;
}

.pink-pointer-1 {
    top: 170px;
    right: 75px;
}

.pink-pointer-2 {
    top: 226px;
    right: 166px;
    z-index: 9;
}

.pink-pointer-3 {
    top: 78px;
    left: 147px;
}

.green-pointer-1 {
    right: 55px;
    top: 63px;
    display: none;
}

.green-pointer-2 {
    right: 183px;
    top: 85px;
    display: none;
}

.green-pointer-3 {
    right: 200px;
    top: 48px;
    display: none;
}

.green-pointer-4 {
    left: 305px;
    top: 24px;
    display: none;
}

.green-pointer-5 {
    right: 207px;
    top: 111px;
    display: none;
}

.green-pointer-6 {
    right: 253px;
    top: 135px;
    display: none;
}

.green-pointer-7 {
    left: 250px;
    top: 71px;
    display: none;
}

.green-pointer-8 {
    left: 105px;
    bottom: 75px;
    display: none;
}

.green-pointer-9 {
    left: 152px;
    bottom: 173px;
    display: none;
}

.green-pointer-10 {
    right: 267px;
    bottom: 137px;
    display: none;
}

.green-pointer-11 {
    right: 234px;
    bottom: 169px;
    display: none;
}

.green-pointer-12 {
    right: 205px;
    bottom: 192px;
    display: none;
}

.green-pointer-13 {
    right: 130px;
    bottom: 204px;
    display: none;
}

.milk-processing-plant .milk-processing-plant-pointer {
    display: block;
}

.purple-pointer-1 {
    right: 167px;
    top: 149px;
    display: none;
}

.purple-pointer-2 {
    top: 176px;
    right: 187px;
    display: none;
}

.cattle-feed-plant .cattle-feed-plant-pointer {
    display: block;
}

.orange-pointer-1 {
    left: 267px;
    top: 94px;
    display: none;
}

.orange-pointer-2 {
    right: 184px;
    top: 210px;
    display: none;
}

.orange-pointer-3 {
    right: 184px;
    top: 177px;
    display: none;
}

.training-center .training-center-pointer {
    display: block;
}

.yellow-pointer-1 {
    right: 116px;
    top: 179px;
    z-index: 1;
}

.district {
    padding: 2px 7px;
    background-color: #faf3e3;
    color: #000;
    font-size: 13px;
    border-radius: 7px;
    font-weight: 500;
    font-family: Montserrat;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 1px 0px;
    border: 1px solid #f6e8c6;
}

.jagatsinghpur {
    top: 110px;
    right: -13px;
}

.jagatsinghpur::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 70px;
    z-index: 1;
    top: 56px;
    left: -17px;
    rotate: 111deg;
}

.dhenkanal {
    right: 240px;
    bottom: 51px;
}

.dhenkanal::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 208px;
    z-index: 1;
    top: -89px;
    left: 7px;
    rotate: 123deg;
}

.bargarh {
    left: 26px;
    top: 65px;
    z-index: 9;
}

.bargarh::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 69px;
    z-index: 1;
    top: 50%;
    left: 100%;
}

.khordha {
    bottom: 101px;
    right: 81px;
}

.khordha::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 55px;
    z-index: 1;
    top: -22px;
    left: -28px;
    rotate: 50deg;
}

.puri {
    right: 67px;
    bottom: 139px;
    z-index: 9;
}

.puri::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 35px;
    z-index: 1;
    top: -10px;
    left: -29px;
    rotate: 32deg;
}

.cuttack {
    right: 0px;
    top: 200px;
    z-index: 2;
}

.cuttack::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 57px;
    z-index: 1;
    top: -13px;
    left: -53px;
    rotate: 32deg;
}

.ganjam {
    right: 153px;
    bottom: 69px;
}

.ganjam::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 55px;
    z-index: 1;
    top: -27px;
    left: -7px;
    rotate: 76deg;
}

.koraput {
    left: -14px;
    bottom: 113px;
}

.koraput::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 43px;
    z-index: 1;
    top: 40px;
    left: 56px;
    rotate: 45deg;
}

.kalahandi {
    left: -10px;
    bottom: 215px;
}

.kalahandi::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 57px;
    z-index: 1;
    top: 38px;
    left: 73px;
    rotate: 39deg;
}

.angul {
    left: 16px;
    top: 107px;
    z-index: 9;
}

.angul::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 164px;
    z-index: 1;
    top: 29px;
    left: 52px;
    rotate: 11deg;
}

.sambalpur {
    left: 60px;
    top: 24px;
}

.sambalpur::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 74px;
    z-index: 1;
    top: 35px;
    left: 79px;
    rotate: 39deg;
}

.sundargarh {
    left: 78px;
    top: -14px;
}

.sundargarh::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 59px;
    z-index: 1;
    top: 22px;
    left: 90px;
    rotate: 21deg;
}

.balasore {
    right: -14px;
    top: 1px;
}

.balasore::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    height: 40px;
    z-index: 1;
    top: 27px;
    left: 50%;
}

.keonjhar {
    right: 111px;
    top: -13px;
}

.keonjhar::before {
    content: "";
    position: absolute;
    border: 1px solid #efd588;
    width: 54px;
    z-index: 1;
    bottom: -28px;
    left: 5px;
    rotate: 89deg;
}

.map-right {
    width: 273px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.map-subheading {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 600;
    color: #004388;
    margin-bottom: 16px;
    display: none;
}

.legend-cont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    border-bottom: 1px dashed #00438866;
    margin: 5px 0;
    position: relative;
    padding: 8px;
}

.legend-cont:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.legend-logo img {
    width: 22px;
    object-fit: contain;
    z-index: 99;
}

.legend-cont h4 {
    color: #232323;
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    margin: 0;
    margin-left: 30px;
    position: relative;
    transition: all .9s ease;
    margin-top: 4px;
}

.legend-cont-1 {
    position: relative;
}

.legend-cont h4::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -17px;
    top: 2px;
    transition: all .9s ease;
}

.legend-cont-1 h4::before {
    background-color: #0000ff;
}

.legend-cont-2 h4::before {
    background-color: #81d601;
}

.legend-cont-3 h4::before {
    background-color: #ff8400;
}

.legend-cont-4 h4::before {
    background-color: #8f37cf;
}

.legend-cont-5 h4::before {
    background-color: #fe186e;
}

.legend-cont-6 h4::before {
    background-color: #ffcc00;
}

.legend-cont-6 {
    border-bottom: 0 !important;
}

.corporate-offices .corporate-office {
    fill: rgb(0 0 255) !important;
}

.milk-processing-plant .milk-processing-plant {
    fill: rgb(129 214 1) !important;
}

.training-center .training-center {
    fill: rgb(255 132 0) !important;
}

.cattle-feed-plant .cattle-feed-plant {
    fill: rgb(143 55 207) !important;
}

.links-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 13px;
    background-position: left;
    object-fit: cover;
    width: 100%;
    position: relative;
    transition: all .7s ease;
    background: #e4f2ff;
}

.links-box::before {
    position: absolute;
    content: '';
    height: 0;
    top: 0;
    left: 0;
    background-color: #00adef;
    width: 3px;
    transition: all .7s ease;
}

.links-box:hover:before {
    height: 100%;
}

.links-box:hover .legend-logo::before {
    background: #4aa2d3;
}

.links-box:hover {
    color: #4aa2d3;
    background-color: #f1f1f1;
    box-shadow: rgb(99 99 99 / 25%) 0px 2px 8px 0px;
}

.links-box h4 {
    font-size: 19px;
    color: #004388;
    margin: 0;
    font-weight: 600;
    position: relative;
    margin-left: 15px;
    padding-left: 10px;
    font-family: Montserrat;
    z-index: 99;
}

.links-box img {
    width: 39px;
    height: 39px;
    position: relative;
}

.right-links {
    width: 100%;
    position: relative;
    float: right;
}

.right-links a {
    text-decoration: none;
}

.legend-logo {
    position: relative;
}

.links-box .legend-logo::before {
    position: absolute;
    content: '';
    right: -12px;
    height: 100%;
    width: 1px;
    background: #abcff1;
    transition: all .7s ease;
}

.bg-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---------------------------update-section------------- */
.updates-section {
    background: rgb(225, 237, 254);
    background: linear-gradient(0deg, rgb(255 255 255 / 29%) 0%, rgb(225 237 254) 100%);
}

.fb-container {
    padding-left: 26px;
}

.wave-btm {
    bottom: -38px !important;
    top: auto !important;
    rotate: 180deg !important;
}

.updates-section p {
    color: #0f0f0f;
    font-size: 19px;
    font-weight: 500;
}

.updates-section p span {
    display: block;
}

.update-box {
    width: 100%;
    background-color: #ffffff;
    box-shadow: #d3dde8 6px 6px;
    min-height: 100px;
    transition: all .7s ease;
    overflow: hidden;
}

.update-box:hover .polygon-shape::after {
    background-color: #b1b1b13f;
}

.update-box:hover:hover .update-box-right .update-title {
    color: #3d4097;
}

.polygon-shape {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #c7e1fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.green-border {
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #99eb79;
    top: 0;
    left: 0;
}

.polygon-shape::before {
    position: absolute;
    content: "";
    top: -11px;
    left: -30px;
    width: 36px;
    height: 246px;
    background-color: white;
    transform: rotate(6deg);
    z-index: 99;
}

.polygon-shape::after {
    position: absolute;
    content: "";
    top: 0px;
    right: -23px;
    width: 36px;
    height: 231px;
    background-color: white;
    transform: rotate(6deg);
    z-index: 99;
    transition: all .7s ease;
}

.polygon-shape h2 {
    font-size: 56px;
    font-weight: 600;
    margin: 0;
    font-family: Montserrat;
}

.polygon-shape p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    width: 100%;
    text-align: center;
}

.update-box-right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 26px 0;
    position: relative;
    min-height: 100px;
}

.update-box-right .update-title {
    width: 100%;
    line-height: 26px;
    margin: 0;
    padding-right: 58px;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .7s ease;
    font-weight: 500;
    color: #000;
    font-size: 19px;
}

.purple-round:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #4548b5;
    left: 0;
    top: 0;
    z-index: -10;
    border-radius: 50%;
    animation: pulse 2s linear infinite;
    opacity: 0.7;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.pdf-share.share {
    position: absolute;
    right: 18px;
    top: 10px;
    display: flex;
    flex-direction: column;
}

.share-icons .circle-social2 {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 3px;
}

.fb-color {
    background-color: #1877f2;
}

.wh-color {
    background-color: #4cae50;
}

.twiter-color {
    background-color: #000000;
}

.mid-button {
    text-align: center;
}

.share-icons {
    position: absolute;
    right: 40px;
    top: 0;
    padding: 7px 8px;
    display: flex;
    transition: all .7s ease;
}

/* ----------------------------------------------------Objective------------------------- */

.inner-page-content-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inner-page-content-wrapper ul li {
    position: relative;
    font-size: 17px;
    color: #232323;
    line-height: 27px;
    font-family: Montserrat;
    margin-bottom: 12px;
    padding-left: 37px;
    line-height: 24px;
    font-weight: 500;
}


.inner-page-content-wrapper ul li:before {
    background: url(../assets/images/list-icons/check-2b.png) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.inner-page-content-wrapper ul li ul li {
    position: relative;
    font-size: 17px;
    color: #232323;
    line-height: 27px;
    font-family: Montserrat;
    margin-bottom: 12px;
    padding-left: 17px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 10px;
}

.default-mobile {
    display: none;
}

.inner-page-content-wrapper ul li ul li:before {
    background: #00adef;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50px;
}

.page-content a {
    word-wrap: break-word;
}

.pdf-share ul li:before {
    display: none;
}

.pdf-share ul li {
    padding-left: 10px;
}

.qr-fancybox-image .fancybox__content {
    max-width: 300px !important;
    max-height: 300px !important;
    width: 300px !important;
    height: 300px !important;
    margin: auto;
}

.email-icon,
.office-phone,
.office-contact {
    position: relative;
    padding-left: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.email-icon::before {
    background: url(../assets/images/arroba.svg) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.hidden-layer ul li {
    margin-bottom: 7px;
}

.hidden-layer ul li:last-child {
    margin-bottom: 0;
}

.office-phone::before {
    background: url(../assets/images/phone-call.svg) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.office-contact::before {
    background: url(../assets/images/landline.svg) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-size: contain;
}

/* ----------------------------------------------------Objective------------------------- */

/* ----------------------------------------------------Contact Us start------------------------- */

.contact-second-para {
    font-weight: 600;
}

.heading-font {
    font-size: 19px !important;
    color: #0f0f0f;
    line-height: 24px;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 5px;

}

.office-information-box p {
    color: #000;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 24px;
}


.address-icons img {
    width: 33px;
}

.address-box {
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
}

.address-text,
.contact-no-box,
.email-box {
    padding-left: 15px;
    flex: 1;
}


.feedback-bg:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../assets/images/new-lineart-omfed.svg) no-repeat center bottom 0px;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    opacity: 01.;
}

.email-box .email-list a {
    text-decoration: none;
    color: #3d4097;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    word-break: break-all;
    font-weight: 500;
    width: 70%;
}


.contact-image {
    height: 400px;
    background: radial-gradient(#b357a0, #6e215e);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
}

.pdf-container {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}

.pdf-container .corporate-office {
    margin-bottom: 20px;
    margin-right: 20px;
}

.pdf-container .corporate-office:nth-child(3),
.pdf-container .corporate-office:nth-child(4) {
    margin-bottom: 0;
}

.pdf-container .corporate-office:nth-child(2),
.pdf-container .corporate-office:nth-child(4) {
    margin-right: 0;
}

.pdf-content {
    display: flex;
    align-items: center;
}

.pdf-content a {
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.pdf-content a img {
    width: 60px;
    height: 60px;

}

.corporate-office {
    border: 1px dashed #04b7cb;
    padding: 15px 15px 26px 15px;
    width: 285px;
    max-height: 150px;
    border-radius: 5px;
}

.tabs-section ul li {
    padding-left: 0;
    margin-bottom: 0;
}

.single-tbl {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}

.content-section .tabs-section ul li a {
    color: #004286;
    font-size: 17px;
    font-weight: 600;
}

.content-section .tabs-section {
    margin-top: 30px;
    margin-bottom: 10px;
}

.tabs-section ul li::before {
    display: none;
}

.tabs-section .custom-tabs .nav-link.active,
.tabs-section .custom-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #00b7ca !important;
    border-color: #00b7ca !important;
    font-weight: 600;
    font-size: 17px;
}

.tabs-section .custom-tabs .nav-link.active {
    height: 100%;
}

.tabs-section .nav-link {
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px;
    border-left: 1px solid #dedede !important;
}

.tabs-section .nav-item a {
    position: relative;
}

.tabs-section .nav-item a.active::before {
    background: #00b7ca !important;
}

.tabs-section .nav-item a.active::after {
    border-color: #00b7ca transparent transparent transparent;
    z-index: 1;
}

.tabs-section .nav-item a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #dedede !important;
    height: 3px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}


.tabs-section .nav-item a::after {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    border-style: solid;
    transition-duration: .3s;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #dedede transparent transparent transparent;
}


.tabs-section .nav-item a.active::after {
    transform: translateY(10px);
}


.tabs-section .nav-item a:hover::before,
.tabs-section .nav-item a:focus::before,
.tabs-section .nav-item a:active::before {
    left: 0;
    right: 0;
}

.tabs-section .nav-item a:hover::after,
.tabs-section .nav-item a:focus::after,
.tabs-section .nav-item a:active::after {
    transform: translateY(10px);
}

.tabs-section .custom-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #dedede;
    border-right: 0;
    position: relative;
    background: #fff !important;
    color: #000;
}

.tabs-section .custom-tabs .nav-item:last-child {
    border-right: 1px solid #dedede;
}

.chart-container {
    width: 100%;
    padding: 0;
    padding-bottom: 20px;
    border: 1px solid #e7e8e9;
}

.tabs-section .tab-content {
    background-color: #f7f9fc;
    border-top: none;
    padding-top: 0px;
    border: 1px solid #dbe9ff;
}

.custom-tabs .nav-link:focus,
.custom-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.sidebar-menu .child-sidebar-menu li.has_children.current-menu-parent:before {
    display: none !important;
}

.sidebar-menu .child-sidebar-menu li.has_children.current-menu-parent:hover a {
    color: #000;
}

.sidebar-menu .child-sidebar-menu li.has_children.current-menu-parent li:before {
    width: 11px;
    height: 2px;
    background: #00adef;
    top: 50%;
    left: 8px;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}

.sidebar-menu .child-sidebar-menu li.has_children li:hover a {
    color: #2098D1 !important;
}

.sidebar-menu .child-sidebar-menu li.has_children.current-menu-parent li {
    border-left: 0;
    padding: 6px 15px;
    padding-left: 22px;
}

/* ----------------------------------------------------Contact Us End------------------------- */

/* ----------------------------------------------------products-inner Start------------------------- */

.product-title h3 {
    font-size: 21px;
    line-height: 29px;
    margin: 0;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: Montserrat;
    cursor: pointer;
    color: #232323;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-title span {
    color: #2ab753;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat;
}


.product-details-container .product-boxes .product-small-boxes {
    display: flex;
    align-items: center;
}

.product-details-container .product-boxes {
    display: block;
    width: 100%;
    float: left;
}


.product-small-boxes .small-view-box {
    padding: 6px;
    margin-right: 10px;
    background-color: #f9f5f0;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-small-boxes .small-view-box:last-child {
    margin-right: 0;
}

.product-small-boxes .small-view-box img {
    width: 80%;
}

.cover-img img {
    width: 85%;

}

.news-boxes .cover-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cover-img {
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f9f5f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-boxes .cover-img {
    padding: 0;
    margin-bottom: 0;
}

.small-view-box {
    overflow: hidden;
    cursor: pointer;
}

.small-view-box.active {
    border: 2px solid #2ab753;
}

.cover-img img,
.small-view-box img {
    transform: scale(1);
    transition: all 2s cubic-bezier(.11, .52, .53, .79) 0s;
}

.cover-img:hover img,
.small-view-box:hover img {
    transform: scale(1.1);
}

.quick-view-content .product-description-box {
    height: 100% !important;
    overflow: visible;
    padding-left: 20px;
}

.quick-view-content .product-detail-box {
    padding: 20px;
}

.product-description-box p {
    color: #777777;
    margin-bottom: 29px;
}

.quick-view-content .product-description-box p {
    font-size: 16px;
    line-height: 25px;
    color: #777777;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 29px;
}


.product-description-box .des-title {
    font-size: 25px;
    line-height: 32px;
    color: #000000;
    font-family: Signika;
    font-weight: 500;
    margin-bottom: 20px;
}

.quick-view-content .product-description-box .des-subtitle {
    font-size: 22px;
    line-height: 21px;
}

.product-description-box .specification-box {
    margin-bottom: 0;
}


.nutrition-table.table th {
    background: #f7f7f7 !important;
    color: #222529 !important;
    font-weight: 600;
    vertical-align: middle !important;
    font-size: 17px;
    border-bottom: 0;
}

.nutrition-table .nutrient-name {
    color: #777777;
}

.nutrition-table tbody tr td:last-child {
    text-align: center;
}

.nutrition-table td {
    font-weight: 500;
    font-size: 16px;
}

.quick-box {
    position: absolute;
    right: -14px;
    top: -14px;
    background-color: #f9f9f9;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 2px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}

.quick-box i {
    color: #000;
    font-size: 23px;
}

.quick-box:hover i {
    filter: invert(0.5) sepia(1) saturate(10) hue-rotate(100deg);
}

.quick-box:focus-visible {
    outline: none;
}

.modal-header.qickmodal {
    border-bottom: 0;
}

.quick-view-content .product-description-box .specification-box .table td {
    border: 0px;
}

.product-description-box .specification-box .product_meta span {
    font-weight: 500;
    color: #777;
    font-family: Montserrat;
    font-size: 16px;
}

.product-description-box .specification-box .product_meta span span.sku {
    font-weight: 500;
    color: #222529;
    font-family: Montserrat;
    font-size: 16px;
}

.product_meta .sku_wrapper,
.product_meta {
    display: block;
    margin-bottom: 5px;
}


.milk-product-wrapper .product-name {
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 35px;
}

.product-description-box {
    height: 660px;
    overflow: hidden;
    overflow-y: scroll;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 20px;
}

.product-description-box::-webkit-scrollbar {
    display: none;
}


.product-description-box .des-subtitle {
    font-size: 22px;
    line-height: 32px;
    color: #222529;
    font-family: Signika;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 25px;
}

.mrg-t-0 {
    margin-top: 0 !important;
}

.product-description-box .price {
    font-size: 24px !important;
    font-weight: 500;
    color: #222529 !important;
    margin-bottom: 20px;
    font-family: Signika;
}

.product-description-box .rate-wrapper img:first-child {
    margin-left: 0;

}

.specification-box .type {
    color: #878787;
    font-size: 17px;
}

.specification-box .type-name,
.nutrition-table .type-name {
    font-weight: 500;
    font-size: 17px;

}

.product-description-box .table {
    border-collapse: collapse;
}

.product-description-box .table td {
    border: 0px;
}

.product-title h3:hover {
    color: #0d4388;
}

.news-list-details {
    padding: 20px;
    position: relative;
}

.read-btn a {
    display: block;
}

.news-list-details .filter-btns {
    margin-top: 0px;
}

.read-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.share-icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-icon-box img {
    width: 25px;
    height: 25px;
}



.news-detail-box .product-boxes {
    margin-top: 30px;
}

.news-detail-box .row .col-12:nth-child(1) .product-boxes,
.news-detail-box .row .col-12:nth-child(2) .product-boxes {
    margin-top: 0px;
}


.news-publication {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.news-publication .document-name,
.news-publication .pdf-size {
    cursor: pointer;
}

.news-list-content .date-publication span {
    color: #383838;
    margin-bottom: 12px;
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    position: relative;
    padding-left: 30px;
}

.news-list-content .date-publication span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../assets/images/calendar.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}


.omfed-tender-search select.form-control-input {
    background: url(../assets/images/calendar.svg) no-repeat right 13px top 28px;
}

/* ----------------------------------------------------Latest News End------------------------- */

/* ----------------------------------------------------Farmers Start------------------------- */

.farmer-incentive-wrapper {
    margin-top: 25px;
}

.farmer-incentive-wrapper h2 {
    color: #004387;
    margin-bottom: 20px;
    line-height: normal;
}

.farmer-incentive-wrapper .row .col-12:nth-child(1) .statement-box,
.farmer-incentive-wrapper .row .col-12:nth-child(2) .statement-box {
    margin-top: 0px;
}

.qr-share {
    display: flex;
    position: relative;
    align-items: center;
}

/* ----------------------------------------------------Farmers End------------------------- */

/* ----------------------------------------------------Appointment Start------------------------- */

.filter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    margin-top: 14px;
}

.filter-box .form-check-input[type="checkbox"] {
    height: 25px;
    width: 26px;
    border: 1px solid;
}

.filter-box label,
.filter-box span {
    font-size: 19px;
    margin: 0;
}

.filter-box .form-check {
    margin: 0;
}

.lower-nav-archive .archive a {
    text-decoration: underline;
}

.lower-nav-archive .pagination {
    margin-bottom: 0;
}

.appointment-container .doc-date {
    padding-bottom: 0;
}

.screen-reader-access td a {
    word-wrap: break-word;
}

.appointment-date-box {
    position: relative;
}

.appointment-date-box .appointment-date {
    position: absolute;
    bottom: 2px;
    padding: 0;
    cursor: pointer;
    height: 34px;
    width: 40px;
    right: 1px;
    border: none;
    border-left: 1px solid #e1dede;
    transition: all .2s ease;
    background: #fff;
}

.appointment-date img {
    width: 20px;
}

.appointment-date-box .dropdown-menu {
    width: 100%;
}

.appointment-date-box .ngb-dp-week {
    display: flex;
    justify-content: center;
}

.appointment-date-box .ngb-dp-months {
    display: block;
}

.omfed-mitra .documents-pdf {
    width: 100%;
    float: left;
    margin-top: 25px;
}

.omfed-mitra .document-name,
.omfed-mitra .pdf-size {
    cursor: pointer;
}

.modal-header.pdf-modal {
    padding: 10px 10px;
}

/* ----------------------------------------------------Appointment End------------------------- */

/* ------ Activities Start------ */

.publication-name {
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
}

.publication-name::before {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 1px;
    height: 15px;
    background-color: #0063ca;
}

/* ------ Activities End------ */

.external-link {
    margin-left: 5px;
    margin-bottom: 3px;
}

.external-link img {
    width: 13px;
}

.statutory-declaration-wrapper .row .col-12:nth-child(1),
.statutory-declaration-wrapper .row .col-12:nth-child(2) {
    margin-top: 0;
}

/* ------ Product Start------ */

.product-boxes .product-img {
    width: 240px;
    height: 240px;
}

.product-boxes .product-img img {
    width: 100%;
}

.milk-product-wrapper .tabs-section .custom-tabs {
    margin-top: 0;
    padding: 0 35px;
    justify-content: center;
    border-bottom: none !important;
}

.milk-product-wrapper .tabs-section .nav-item a.active::after,
.milk-product-wrapper .tabs-section .nav-item a.active::before {
    display: none;
}

.milk-product-wrapper .tabs-section .nav-item a:hover::before,
.milk-product-wrapper .tabs-section .nav-item a:hover::after {
    display: none;
}

.milk-product-wrapper .tabs-section .custom-tabs .nav-link {
    border: 0;
    color: #fff;
    border-left: 0 !important;
    padding: 15px 25px;
}

.milk-product-wrapper .tabs-section .custom-tabs .nav-item:last-child {
    border-right: 0;
}

.product-tab-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product-tab-btn img {
    width: 40px;
    height: 40px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.product-tab-btn:hover img {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.product-tab-btn span {
    margin-top: 10px;
    font-size: 22px;
    font-family: Signika;
    color: #3d4097;
}

.milk-product-wrapper .tabs-section .tab-content {
    background-color: #fff;
    border-top: none;
    padding-top: 30px;
    border: 0;
}

.milk-product-wrapper .tabs-section .custom-tabs .nav-link.active {
    background-color: #fff !important;
    border-color: #fff !important;
    border-bottom: 3px solid #4fa5d6 !important;
    padding-bottom: 3px;
    border-radius: 6px;
}

.product-wrapper .row .col-12:nth-child(6n + 1) .product {
    background: radial-gradient(#1d6eb7, #2a388f);
}

.product-wrapper .row .col-12:nth-child(6n + 2) .product {
    background: radial-gradient(#b357a0, #6e215e);
}

.product-wrapper .row .col-12:nth-child(6n + 3) .product {
    background: radial-gradient(#94ddfe, #318dc5);
}

.product-wrapper .row .col-12:nth-child(6n + 4) .product {
    background: radial-gradient(#c8e16b, #a2bb48);
}

.product-wrapper .row .col-12:nth-child(6n + 5) .product {
    background: radial-gradient(#dc7583, #a52737);
}

.product-wrapper .row .col-12:nth-child(6n + 6) .product {
    background: radial-gradient(#ffb7dc, #c92481);
}

.relatedproductscolour .owl-item:nth-child(6n + 1) .product {
    background: radial-gradient(#1d6eb7, #2a388f);
}

.relatedproductscolour .owl-item:nth-child(6n + 2) .product {
    background: radial-gradient(#b357a0, #6e215e);
}

.relatedproductscolour .owl-item:nth-child(6n + 3) .product {
    background: radial-gradient(#94ddfe, #318dc5);
}

.relatedproductscolour .owl-item:nth-child(6n + 4) .product {
    background: radial-gradient(#c8e16b, #a2bb48);
}

.relatedproductscolour .owl-item:nth-child(6n + 5) .product {
    background: radial-gradient(#dc7583, #a52737);
}

.relatedproductscolour .owl-item:nth-child(6n + 6) .product {
    background: radial-gradient(#ffb7dc, #c92481);
}

.product-wrapper .product {
    position: relative;
    margin-top: 25px;
}

.product-wrapper .row .col-12:nth-child(1) .product,
.product-wrapper .row .col-12:nth-child(2) .product,
.product-wrapper .row .col-12:nth-child(3) .product {
    margin-top: 0;
}

.product-wrapper img {
    width: 210px;
    cursor: pointer;
}

.product-wrapper .product-name {
    font-size: 25px;
}

.item .product-name {
    font-size: 25px;
    text-align: center;
    width: 98%;
}

.rate-wrapper img {
    width: 15px;
    margin-left: 5px;
}

.rate-wrapper img:last-child {
    margin-right: 0;
}

.btn-close:focus {
    box-shadow: none;
    opacity: 1;
    color: #000;
}

.enquiry-wrapper {
    border-radius: 0.5rem;

}

.enquiry-wrapper .form-control {
    border: 1px solid #ffedd6;
}

.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-label label {
    position: absolute;
    z-index: 3;
    left: 12px;
    padding: 0 7px;
    color: inherit;
    background-color: #fff;
    border-radius: 0.25rem;
    top: -8px;
    font-size: 0.875rem;
    color: #065ad8;
    font-weight: 500;
    font-family: Montserrat;
}

.floating-label label span {
    color: red;
}

.floating-label .form-control {
    display: block;
    width: 100%;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: #212529;
    background-color: #fff;
    border: 1px solid #dbdfe9;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 50px !important;
    font-family: Montserrat;
}

.enquiry-form .form-control-area {
    height: 120px !important;
}

/* ------ Product End------ */

.wrap-marquee {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100px;

    ngx-marquee {
        flex: 1;
        width: 1px;
        font-size: 1em;

        .ticker-custom {
            margin-right: 100px;
            color: white;
            line-height: 40px;
        }

        .ticker-custom:nth-child(even) {
            opacity: 1;
        }

        .ticker-custom:last-child {
            margin-right: 0;
        }
    }
}

mark {
    background-color: transparent;
    font-size: 16px;
    padding: 0px 20px;
    position: relative;
    font-family: 'Montserrat';
    font-weight: 500;
}

.ticker-custom span {
    color: red;
}

mark::before {
    content: "";
    position: absolute;
    background-color: #bbbbbb;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
}

mark:last-child::before {
    display: none;
}

.play-pause {
    width: 32px;
    padding: 5px;
}


.marquee.paused {
    animation-play-state: paused;
}

.play-pause-option {
    cursor: pointer;
}

.play-pause-option img {
    width: 25px;
    cursor: pointer;
}

.icon-visible {
    opacity: 1;
    pointer-events: auto;
    position: static;
}

.icon-hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.fr {
    float: right !important;
}

.whats-news img {
    width: 25px;
    margin-left: 15px;
}

.proximity-boxes {
    padding: 10px 0;
}

.proximity-box {
    background: #fff;
    border: 2px solid #fc9b12;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 15px;
    min-height: 165px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 24px -7px rgb(182 182 184 / 46%);
}

.proximity-box img {
    width: 55px;
    height: 65px;
    transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.proximity-box:hover {
    box-shadow: none;
}

.proximity-box:hover img {
    transform: scale(0.9);
}

.proximity-details {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.proximity-text {
    font-size: 15px;
    font-weight: 600;
    color: #232323;
}

.distance {
    font-size: 20px;
    font-weight: 700;
    color: #232323;
}

.pro-box:nth-child(2n) .proximity-box {
    border: 2px solid #dc628b;
}

.pro-box:nth-child(3n) .proximity-box {
    border: 2px solid #e75e3e;
}

.pro-box:nth-child(4n) .proximity-box {
    border: 2px solid #009cb3;
}

.pro-box:nth-child(5n) .proximity-box {
    border: 2px solid #4e64bd;
}

.pro-box:nth-child(6n) .proximity-box {
    border: 2px solid #6004b1;
}

.ticker-custom a {
    color: #000;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
}

.marquee {
    white-space: nowrap;
    animation: marquee 50s linear infinite;
    display: inline-block;
}

.marquee:hover {
    animation-play-state: paused;
}

.marquee-content-items {
    display: inline-block;
}

@keyframes marquee {
    0% {
        transform: translateX(20%);
    }

    100% {
        transform: translateX(-100%);
    }
}


.corporate-office .blue-pointer {
    opacity: 1;
}

.corporate-office .pink-pointer,
.corporate-office .purple-pointer,
.corporate-office .purple-pointer,
.corporate-office .yellow-pointer,
.corporate-office .orange-pointer,
.corporate-office .orange-pointer,
.corporate-office .green-pointer {
    opacity: 0;
}

.milk-processing-plant .green-pointer {
    opacity: 1;
}

.milk-processing-plant .pink-pointer,
.milk-processing-plant .purple-pointer,
.milk-processing-plant .purple-pointer,
.milk-processing-plant .yellow-pointer,
.milk-processing-plant .orange-pointer,
.milk-processing-plant .orange-pointer,
.milk-processing-plant .blue-pointer {
    opacity: 0;
}

.training-center .orange-pointer {
    opacity: 1;
}

.training-center .pink-pointer,
.training-center .purple-pointer,
.training-center .purple-pointer,
.training-center .yellow-pointer,
.training-center .green-pointer,
.training-center .green-pointer,
.training-center .blue-pointer {
    opacity: 0;
}

.cattle-feed-plant .purple-pointer {
    opacity: 1;
}

.cattle-feed-plant .pink-pointer,
.cattle-feed-plant .orange-pointer,
.cattle-feed-plant .yellow-pointer,
.cattle-feed-plant .green-pointer,
.cattle-feed-plant .green-pointer,
.cattle-feed-plant .blue-pointer {
    opacity: 0;
}

.milk-chiling-center .pink-pointer {
    opacity: 1;
}

.milk-chiling-center .purple-pointer,
.milk-chiling-center .orange-pointer,
.milk-chiling-center .yellow-pointer,
.milk-chiling-center .green-pointer,
.milk-chiling-center .green-pointer,
.milk-chiling-center .blue-pointer {
    opacity: 0;
}

.ompac .yellow-pointer {
    opacity: 1;
}

.ompac .purple-pointer,
.ompac .orange-pointer,
.ompac .pink-pointer,
.ompac .green-pointer,
.ompac .green-pointer,
.ompac .blue-pointer {
    opacity: 0;
}

/* ----------------------------------------------------footer------------------------- */

.important-links {
    display: flex;
    justify-content: end;
    margin-bottom: 2px;
}

.footer-horizontal-list {
    list-style-type: none;
    margin: 0;
    text-align: right;
}

.footer-horizontal-list li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    font-size: 14px;
}

.footer-horizontal-list li:not(:last-child)::after {
    content: '';
    position: absolute;
    /* top: 6px; */
    right: -1px;
    height: 14px;
    border-right: 1px solid white;
    top: 50%;
    transform: translatey(-50%);
}

.footer-horizontal-list li:last-child {
    padding-right: 0px !important;

}

.footer-horizontal-list a {
    color: #e7e7e7;
    text-decoration: none;
    display: block;
}

.footer-horizontal-list a:hover {
    color: #99eb79;
}

.footer {
    padding-top: 130px;
    background-position: bottom;
    padding-bottom: 90px !important;
    overflow: hidden;
    background: #103472 url(../assets/images/f-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom 150px;
    overflow: hidden;
    background-size: contain;
}

.footer .container,
.footer .footer-bottom {
    position: relative;
    z-index: 1;
}

.footer:before {
    content: '';
    position: absolute;
    width: 100%;
    min-height: 340px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    z-index: 0;
    bottom: 0;
    left: 0;
}

.footer p {
    margin: 0;
    color: #e7e7e7;
    font-size: 14px;
    font-weight: 400;
}

.footer-right {
    padding-left: 40px;
    padding-bottom: 60px;
}

.footer-logo img {
    width: 113px;
}

.footer-logo {
    display: flex;
    justify-content: start;
}

.footer-logo span {
    color: #ffffff;
}

.location {
    display: flex;
    align-items: flex-start;
    padding: 50px 0;
}

.contact {
    display: flex;
    align-items: flex-start;
}

.footer-left {
    padding-right: 90px;
    padding-bottom: 60px;
}

.text {
    padding-left: 20px;
}

.sub-title {
    font-size: 17px !important;
    padding-right: 10px;
}

.sub-title a,
.text a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.footer-bottom {
    width: 100%;
    border-top: 1px solid #1444a6;
    padding: 20px 0 0 0;
}

.designed-by {
    display: flex;
    justify-content: flex-end;
}

.lower-ft {
    display: flex;
    justify-content: space-between;
}

.care-social,
.care,
.social {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.care-social {
    margin-bottom: 82px;
}

.care-no {
    font-size: 30px !important;
    font-weight: 600 !important;
    font-family: Signika;
}

.circle-hover {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-social {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: .5s;
}

.circle-hover:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    box-sizing: border-box;
    top: 0;
    left: 0;
    padding: 7px;
    box-shadow: 0 0 0 2px #ffffff;
    transition: all 0.5s;
    transform: scale(0.8);
    opacity: 0;
}

.circle-hover:hover:after {
    opacity: 1;
    transform: scale(1.4);
}

.circle-hover:hover .circle-social {
    border: none;
}

.facebook,
.insta,
.twiter,
.youtube {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.facebook:hover img,
.insta:hover img,
.twiter:hover img,
.youtube:before img {
    color: #fff;
    transform: rotateY(360deg);
}

.facebook:hover:before,
.insta:hover:before,
.twiter:hover:before,
.youtube:hover:before {
    top: 0;
}

.facebook:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1877f1;
    transition: .5s;
    z-index: 2;
}

.insta:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    transition: .5s;
    z-index: 2;
}

.twiter:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    transition: .5s;
    z-index: 2;
}

.youtube:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff0033;
    transition: .5s;
    z-index: 2;
}


.circle-social img {
    transition: .5s;
    width: 16px;
    z-index: 999;
}

.circle-social2 img {
    width: 12px;
}

.fb2 {
    width: 9px !important;
}

.fb {
    width: 12px !important;
}

footer h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    font-family: Signika;
    position: relative;
    display: inline-block;
}

.quik-link::before {
    content: "";
    position: absolute;
    width: 31px;
    height: 4px;
    background-color: #fff;
    left: 105%;
    top: 17px;
}

.footer-right ul li {
    list-style: none;
    padding: 5px 0;
    position: relative;
    transition: all 0.9s ease;
    padding-right: 22px;
    line-height: 22px;
}

.footer-right ul li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    left: -15px;
    top: 50%;
    background-color: #99eb79;
    opacity: 0;
    transition: all 0.9s ease;
}

.footer-right ul li:hover:before {
    opacity: 1;
    width: 10px;

}

.footer-right ul li:hover {
    margin-left: 16px;
}

.footer-right ul li a {
    color: #e7e7e7;
    font-family: Montserrat;
    font-size: 16px;
}

.footer-right ul {
    padding: 0;
    margin-bottom: 50px;
    margin-top: 12px;
}

.email-cont {
    width: 380px;
    position: relative;
}

.email-cont input {
    background: none;
    border: none;
    border-bottom: 1px solid #1444a6;
    padding: 10px 0;
    width: 100%;
    outline: none;
    padding-right: 112px;
    color: #ffff;
    font-size: 14px;
    font-family: Montserrat;
}

.email-cont input::placeholder {
    color: #ffffff;
}

.email-cont .subscribe-btn {
    position: absolute;
    right: 0;
    bottom: 5px;
    border-radius: 30px;
    padding: 6px 21px;
    border: none;
    background: #2f5ba6;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: All 0.7s ease;
}

.subscribe-btn:hover {
    box-shadow: rgb(0 0 0 / 60%) 0px 3px 8px;
    background-color: #99eb79;
    color: #103472;
}

.footer-right ul li:hover a,
.text a:hover {
    color: #99eb79;
}

.inner-wrapper img {
    width: 150px;
}

/* -----------------------------------------------------------------------*/




.wave-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    height: 80px;
    margin-top: -30px;
}


.content-bg {
    height: 0;
    transform: translateY(-1px);
    background: #04b7cb;
}

.wave-2 {
    top: 0;
    z-index: 9;
    margin-top: 0;
    display: none;
}

.wave-3 {
    top: 0;
}

.wave-4 {
    top: 0;
}

.product-top-wrapper {
    width: 100%;
    float: left;
    position: relative;
}

.product-top-wrapper .button-box {
    position: relative;
    z-index: 0;
}

.speak-custom {
    cursor: pointer;
}

.help-text {
    bottom: 130%;
    opacity: 0;
    transition: all .5s;
}

.speak-custom:hover .help-text {
    opacity: 1;
    transform: translateY(-10px);
}

.hover-triggered .help-text {
    opacity: 1;
    transform: translateY(-10px);
}

/* Font Increase & Decrease Start */

.setfont-size1 .mark,
.setfont-size1 p,
.setfont-size1 strong,
.setfont-size1 b,
.setfont-size1 .address span,
.setfont-size1 .map-end,
.setfont-size1 .common-list ul li,
.setfont-size1 .menu-top li a,
.setfont-size1 .text a,
.setfont-size1 .footer-right ul li a {
    font-size: 12px !important;
}

.setfont-size2 .mark,
.setfont-size2 p,
.setfont-size2 strong,
.setfont-size2 b,
.setfont-size2 .address span,
.setfont-size2 .map-end,
.setfont-size2 .common-list ul li,
.setfont-size2 .text a,
.setfont-size2 .footer-right ul li a {
    font-size: 14px !important;
}


.setfont-size4 .mark,
.setfont-size4 p,
.setfont-size4 strong,
.setfont-size4 b,
.setfont-size4 .address span,
.setfont-size4 .map-end,
.setfont-size4 .common-list ul li,
.setfont-size4 .menu-list li a,
.setfont-size4 .text a,
.setfont-size4 .footer-right ul li a {
    font-size: 18px !important;
}

.setfont-size5 .mark,
.setfont-size5 p,
.setfont-size5 strong,
.setfont-size5 b,
.setfont-size5 .address span,
.setfont-size5 .map-end,
.setfont-size5 .common-list ul li,
.setfont-size5 .text a,
.setfont-size5 .footer-right ul li a {
    font-size: 20px !important;
}

.setfont-size1 .menu-list li a {
    font-size: 14px !important;
}

.setfont-size2 .menu-list li a {
    font-size: 15px !important;
}

.setfont-size5 .menu-list li a {
    font-size: 19px !important;
}

.setfont-size2 .menu-top li a {
    font-size: 13px !important;
}

.setfont-size4 .menu-top li a {
    font-size: 15px !important;
}

.setfont-size5 .menu-top li a {
    font-size: 16px !important;
}

.setfont-size1 .banner-content h1,
.setfont-size1 .content h2 {
    font-size: 52px !important;
}

.setfont-size2 .banner-content h1,
.setfont-size2 .content h2 {
    font-size: 54px !important;
}

.setfont-size4 .banner-content h1,
.setfont-size4 .content h2 {
    font-size: 58px !important;
}

.setfont-size5 .banner-content h1,
.setfont-size5 .content h2 {
    font-size: 60px !important;
}

.setfont-size1 .impact-score h5 {
    font-size: 37px !important;
}

.setfont-size2 .impact-score h5 {
    font-size: 38px !important;
}

.setfont-size1 .impact-score span,
.setfont-size1 .whats-new {
    font-size: 16px !important;
}

.setfont-size2 .impact-score span,
.setfont-size2 .whats-new {
    font-size: 17px !important;
}

.setfont-size4 .impact-score span,
.setfont-size4 .whats-new {
    font-size: 19px !important;
}

.setfont-size5 .impact-score span,
.setfont-size5 .whats-new {
    font-size: 20px !important;
}

.setfont-size1 mark {
    font-size: 14px;
}

.setfont-size2 mark {
    font-size: 15px;
}

.setfont-size4 mark {
    font-size: 17px;
}

.setfont-size5 mark {
    font-size: 18px;
}

.setfont-size1 .about-omfed .section-heading {
    font-size: 30px;
}

.setfont-size2 .about-omfed .section-heading {
    font-size: 33px;
}

.setfont-size4 .about-omfed .section-heading {
    font-size: 37px;
}

.setfont-size5 .about-omfed .section-heading {
    font-size: 38px;
}

.setfont-size1 .owner .name {
    font-size: 18px;
}

.setfont-size2 .owner .name {
    font-size: 20px;
}

.setfont-size4 .owner .name {
    font-size: 24px;
}

.setfont-size5 .owner .name {
    font-size: 26px;
}

.setfont-size1 .owner .designation {
    font-size: 13px;
}

.setfont-size2 .owner .designation {
    font-size: 14px;
}

.setfont-size4 .owner .designation {
    font-size: 17px;
}

.setfont-size5 .owner .designation {
    font-size: 19px;
}

.setfont-size1 .read-more-button span {
    font-size: 14px;
}

.setfont-size2 .read-more-button span {
    font-size: 16px;
}

.setfont-size4 .read-more-button span {
    font-size: 19px;
}

.setfont-size5 .read-more-button span {
    font-size: 20px;
}

.setfont-size1 .section-heading {
    font-size: 42px;
}

.setfont-size2 .section-heading {
    font-size: 45px;
}

.setfont-size4 .section-heading {
    font-size: 51px;
}

.setfont-size1 .product-name {
    font-size: 26px;
}

.setfont-size2 .product-name {
    font-size: 28px;
}

.setfont-size4 .product-name {
    font-size: 32px;
}

.setfont-size5 .product-name {
    font-size: 34px;
}

.setfont-size1 .links-box h4 {
    font-size: 15px;
}

.setfont-size2 .links-box h4 {
    font-size: 17px;
}

.setfont-size4 .links-box h4 {
    font-size: 21px;
}

.setfont-size5 .links-box h4 {
    font-size: 23px;
}

.setfont-size1 .legend-cont h4 {
    font-size: 14px;
}

.setfont-size2 .legend-cont h4 {
    font-size: 16px;
}

.setfont-size4 .legend-cont h4 {
    font-size: 19px;
}

.setfont-size5 .legend-cont h4 {
    font-size: 21px;
}

.setfont-size1 .show-hide-district button {
    font-size: 11px;
}

.setfont-size2 .show-hide-district button {
    font-size: 13px;
}

.setfont-size4 .show-hide-district button {
    font-size: 16px;
}

.setfont-size5 .show-hide-district button {
    font-size: 17px;
}

.setfont-size1 footer h3 {
    font-size: 26px;
}

.setfont-size2 footer h3 {
    font-size: 28px;
}

.setfont-size4 footer h3 {
    font-size: 31px;
}

.setfont-size1 .map-subheading {
    font-size: 20px;
}

.setfont-size2 .map-subheading {
    font-size: 22px;
}

.setfont-size4 .map-subheading {
    font-size: 26px;
}

.setfont-size5 .map-subheading {
    font-size: 28px;
}

/* Font Increade & Decrease End */
/* Font Contracts Start */

.highContrast a,
.highContrast p,
.highContrast span,
.highContrast i,
.highContrast b,
.highContrast strong,
.highContrast .main-caption,
.highContrast mark,
.highContrast .section-heading,
.highContrast .section-sub-heading,
.highContrast h2,
.highContrast h3,
.highContrast h4,
.highContrast h5,
.highContrast h6,
.highContrast .interactive-map,
.highContrast .modal-title,
.highContrast .common-list ul li,
.highContrast .last-update,
.highContrast input::placeholder,
.highContrast .filter-container .form-label,
.highContrast select,
.highContrast label,
.highContrast .accordion-button,
.highContrast .inner-content table thead tr th,
.highContrast .inner-content table tbody tr td,
.highContrast textarea::placeholder,
.highContrast .menu-logo::after,
.highContrast .banner-content h1,
.highContrast .whats-new,
.highContrast .owner .name,
.highContrast .owner .designation,
.highContrast .show-hide-district button,
.highContrast .product-name,
.highContrast .watch,
.highContrast .enquiry {
    color: #ff0 !important;
}


.highContrast .header-shape-new,
.highContrast .header-shape-phone,
.highContrast .omfed-logo,
.highContrast .menu-logo img,
.highContrast .legend-logo img,
.highContrast .share img,
.highContrast .footer-logo img,
.highContrast .footer:before {
    filter: invert(1);
}

.highContrast .top-nav-bar {
    border-bottom: 1px solid #000 !important;
}

.highContrast .whats-new:after,
.highContrast .play-pause-option:before {
    display: none;
}

.highContrast .links-box:hover {
    background: none;
    box-shadow: rgb(99 99 99 / 42%) 0px 2px 8px 0px;
}

.highContrast .header.fixed,
.highContrast .whats-new,
.highContrast .play-pause-option,
.highContrast .owner-img,
.highContrast .read-more-button .circle,
.highContrast .polygon-shape {
    background: #000000;
}

.highContrast .products-count,
.highContrast .menu-list .sub-menu,
.highContrast .omfed-bar,
.highContrast .top-nav-bar {
    background-color: #2b2b2b !important;
}

.highContrast .read-more-button,
.highContrast .read-more-button .circle,
.highContrast .show-hide-district button {
    border: 3px solid #ff0;
}

.highContrast .about-omfed,
.highContrast .product-section,
.highContrast .operational-area,
.highContrast .footer {
    background-color: #202020 !important;
}

.highContrast .updates-section {
    background: #202020;
}

.highContrast .top-font-btn2,
.highContrast .top-font,
.highContrast .owner {
    background: #414140;
    border: 2px solid #414140 !important;
}

.highContrast .help-text::before {
    filter: brightness(0.5);
}

.highContrast .menu-logo,
.highContrast .district,
.highContrast .quik-link::before,
.highContrast .email-cont .subscribe-btn,
.highContrast .help-text {
    background-color: #ff0 !important;
}

.highContrast .links-box {
    background: none;
    background-color: #3e3e3e;
}

.highContrast .update-box {
    background-color: #434343;
    box-shadow: #5f5f5f 6px 6px;
}

.highContrast .polygon-shape::before,
.highContrast .polygon-shape::after {
    background-color: #434343;
}

.highContrast .omfed-bar,
.highContrast .circle-social {
    border: 2px solid #ff0 !important;
}

.highContrast .circle-hover:after {
    box-shadow: 0 0 0 2px #ff0;
}

.highContrast .email-cont input {
    border-bottom: 1px solid #ff0;
}

.highContrast .about-owner {
    background: none;
}

.highContrast .email-cont .subscribe-btn {
    color: #000000
}

.highContrast .footer-bottom {
    border-top: 1px solid #ff0;
}

.highContrast .banner::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(5, 5, 5);
    background: linear-gradient(0deg, rgba(5, 5, 5, 0) 0%, rgba(0, 0, 0, 0.7120098039215687) 73%);
}

/* Font Contracts End */
.inner-page-banner {
    padding: 0;
    min-height: 330px;
}

.inner-page-banner img {
    width: 100%;
    min-height: 330px;
    object-fit: cover;
}

.banner-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: flex-end;
}

.banner-wrapper .container {
    margin-bottom: 47px;
}

.inner-page-banner h1 {
    font-size: 48px;
    color: #404a3d;
    font-weight: 700;
    line-height: 50px;
    font-family: signika;
    margin-bottom: 20px;
    max-width: 620px;
}

.breadcrumb {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.breadcrumb {
    color: #4e4e4e;
}

.breadcrumb a,
.breadcrumb a span,
.breadcrumb span span {
    font-family: Montserrat;
    font-weight: 600;
    color: #4e4e4e;
    font-size: 15px;
}

.inner-page-container h2 {
    font-size: 30px;
    color: #004388;
    font-weight: 700;
    line-height: 39px;
    font-family: signika;
    margin-bottom: 15px;
}

.inner-page-container h3 {
    font-size: 26px;
    color: #121212;
    font-weight: 600;
    line-height: 36px;
    font-family: signika;
    margin-bottom: 15px;
}

.inner-content-wrapper h3 {
    font-size: 25px;
    color: #181818;
    font-weight: 500;
    line-height: 30px;
    font-family: signika;
    margin-bottom: 15px;
    margin-top: 30px;
}

.inner-page-content h2 {
    margin-top: 35px;
}

.inner-page-content h2:first-child {
    margin-top: 0;
}

.inner-content-wrapper .tabs-section .custom-tabs {
    margin-top: 0;
}

.map-right-container {
    width: 100%;
    height: 100%;
}

.map-right ul {
    padding-left: 0;
}

.hidden-div {
    display: block !important;
}

.operational-area {
    overflow: hidden;
}

.accordian-main-wrapper .accordion-button:focus {
    outline: 0;
    box-shadow: none;
}

.accordian-main-wrapper .accordion-header {
    margin-bottom: 0;
}

.accordian-main-wrapper .accordion-item {
    margin-top: 20px;
    border-top: 1px solid #dee2e6;
}

.accordian-main-wrapper .accordion-button {
    font-size: 22px;
    padding: 10px 18px;
}

.marketing-head-accordian .table p {
    font-size: 15px;
    word-break: break-all;
}

.p-table {

    background: #ffffff !important;
}

.table {
    border-spacing: 8px;
    background: #f7f9fc;
    margin-bottom: 0;
}

.table th {
    background: #004388;
    color: #fff;
    font-weight: 600;
    vertical-align: middle !important;
    font-size: 17px;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: #fff;
}

.table td {
    border: 1px solid #dee2e6;
    border: 1px solid #d7e3f7;
}

.nested-table tr:nth-child(even) {
    background-color: #e9eff7;
}

/* Anuual Report Starts */

.reports {
    background: #fff;
    box-shadow: 0 5px 20px #2222221a;
    padding: 15px;
    width: 100%;
    float: left;
    margin-top: 25px;
}

.pdf-img {
    overflow: hidden;
}

.reports img {
    width: 100%;
    float: left;
    border: 1px solid #dedfff;
    transform: scale(1);
    transition: all 2s cubic-bezier(.11, .52, .53, .79) 0s;
}

.reports:hover img {
    transform: scale(1.1);
}

.pdf-name {
    width: 100%;
    position: relative;
    margin-top: 20px;
    float: left;
}

.pdf-name h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    font-family: Montserrat;
    margin-bottom: 25px;
}

.pdf-size {
    display: flex;
    align-items: center;

}

.pdf-info {
    font-size: 14px;
    line-height: 17px;
    color: #707070;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
    font-family: Montserrat;
}

.annual-rep .pdf-info {
    width: 90%;
}

.notification-bd {
    width: 100% !important;
}

.pdf-info:before {
    background: url(../assets/images/omfed-tender.svg) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 23px;
    height: 23px;
    background-size: contain;
    cursor: pointer;
}

.annual-rep .pdf-info:before {
    top: 5px;
}

.pdf-info.pdf-link:before {
    background: url(../assets/images/link-2.svg) no-repeat;
    background-size: contain !important;
}

.read-more-clr {
    color: #004388;
    font-size: 15px;
    font-weight: 600;
}

.pdf-link:hover,
.read-more-clr:hover {
    color: #00adef;
}

/* Anuual Report End */

/* Financial Statement start */
.document-name {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    margin-bottom: 0px !important;
    font-family: Montserrat !important;
    display: -webkit-box;
    max-width: 100%;
    max-height: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-name a {
    color: #313131;
}

.s-statment-styl {
    min-height: 75px;
}

.statement-box {
    width: 100%;
    float: left;
    background: #ffffff;
    border: 1px solid #eeeeee;
    padding: 23px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    margin-top: 25px;
    position: relative;
}

.statement-box:before {
    content: '';
    height: 0;
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    background: #2ab753;
    background: #00aff0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.statement-box:hover::before {
    height: 100%;
}

.statement-box:hover .document-name a {
    color: #004388 !important;
}

.statement-download-box {
    border-left: 1px solid #1d5896;
}

.statement-box .pdf-info-share {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pdf-info-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.statement-box .pdf-info {
    padding-left: 30px;
}

.statement-box .pdf-info:before {
    width: 25px;
    height: 25px;
}

.pdf-share {
    position: relative;
}

.pdf-share img {
    width: 23px;
    cursor: pointer;
    border: 0;
}

.qr-share .qrCode {
    width: 25px;
}

.qr-code-icon {
    position: relative;
    margin-right: 25px;
}

.qr-code-icon:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #e3e3e3;
    top: 0;
    right: -15px;
}

.pdf-share:hover .share-social-icons {
    right: 30px;
    opacity: 1;
    visibility: visible;
}

.share-social-icons {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: -6px;
    right: -52px;
    background: #ffffff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease 0s;
    margin-bottom: 0;
    z-index: 9;
    padding: 5px 0 !important;
    justify-content: center;
}

.qr-share .pdf-share:hover .share-social-icons {
    right: 30px;
}

.share-social-icons img {
    width: 24px;
}

.share-social-icons li {
    padding-left: 0;
    display: inline-block;
    margin: 0 3px !important;
    margin: 0 0 !important;
}

.share-social-icons a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Financial Statement End */

/* Order & Circular Starts */

.date-text {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #00adef;
    margin-bottom: 6px;
    display: block;

}

.news-boxes .cover-img {
    margin-bottom: 0px;
    height: 100%;
}

.news-boxes {
    height: 100%;
}

.form-label {
    font-size: 15px;
    font-weight: 600;
    color: #484747;
    font-family: Montserrat;
}

.form-control {
    height: 50px !important;
    border-radius: 3px;
    border: 1px solid #d5dcff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat;
}

.filter-wrapper {
    background-color: #cae4ff;
    padding: 15px;
}

.filter-btns {
    margin-top: 20px;
    display: flex;
    justify-content: end;
}

.filter-btn,
.clear-btn {
    border-radius: 30px;
    padding: 6px 21px;
    border: none;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: All 0.7s ease;
}

.filter-btn {
    background: #2f5ba6;
}

.clear-btn {
    background: #f43c3c;
    margin-left: 5px;
}

.filter-btn:hover {
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 8px;
    background-color: #7fbfff;
    color: #00366d;
}

.clear-btn:hover {
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 8px;
    background-color: #ff5d5d;
    color: #620101;
}

/* Order & Circular End */
/* Gallery Start */

.image-details-boxa {
    display: block;
}

.image-details-box {
    margin-top: 25px;
}

.image-details-box img {
    height: 204px;
    object-fit: cover;
}

.gallery-details .row .col-12:nth-child(1) .image-details-box,
.gallery-details .row .col-12:nth-child(2) .image-details-box,
.gallery-details .row .col-12:nth-child(3) .image-details-box {
    margin-top: 0;
}

.imaage-details-box {
    margin-top: 25px;
}

.gallery-box {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #dedfff;
    margin-top: 25px;
    overflow: hidden;
    border-radius: 5px;
}

.gallery-wrapper .row .col-12:nth-child(1) .gallery-box,
.gallery-wrapper .row .col-12:nth-child(2) .gallery-box {
    margin-top: 0;
}

.gallery-img-wrapper {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.triangle-patch {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100px 100px 0;
    border-color: transparent #004388 transparent transparent;
    z-index: 5;
}

.image-icon {
    width: 23px !important;
    height: 23px;
    position: absolute;
    right: -80px;
    top: 20px;
}

.img-count {
    position: absolute;
    top: 8px;
    right: -93px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #004388;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    font-family: Montserrat;
}

.gallery-img-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(61 61 148 / 68%);
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    -moz-transition: opacity 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    -o-transition: opacity 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    -ms-transition: opacity 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    transition: opacity 1s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    z-index: 1;
}

.gallery-box:hover .gallery-img-wrapper::before {
    opacity: 0.7;
}

.view-gallery {
    position: absolute;
    top: 50%;
    right: -100%;
    width: 45px;
    text-align: center;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transition: right 0.8s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    -moz-transition: right 0.8s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    -o-transition: right 0.8s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    -ms-transition: right 0.8s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    transition: right 0.8s cubic-bezier(0.30, 1, 0.35, 1) 0s;
    z-index: 5;
}

.view-icon {
    width: 35px !important;
    height: 35px;
}

.view-gallery::before {
    content: "";
    width: 55px;
    height: 55px;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -28px;
    margin-top: -29px;
    opacity: 0;
}

.gallery-box:hover .view-gallery::before {
    -webkit-animation: kk_zoomer 1.5s infinite linear 0.1s;
    -moz-animation: kk_zoomer 1.5s infinite linear 0.1s;
    animation: kk_zoomer 1.5s infinite linear 0.1s;
}

@keyframes kk_zoomer {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    20% {
        opacity: 0.8;
    }

    40% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
    }
}

.gallery-box:hover .view-gallery {
    right: 50%;
}

.gallery-img-wrapper img {
    width: 100%;
    transform: scale(1);
    transition: all 2s cubic-bezier(.11, .52, .53, .79) 0s;
}

.gallery-box:hover .gallery-img-wrapper img {
    transform: scale(1.1);
}

.gallery-caption {
    width: 100%;
    padding: 25px;
    text-align: left;
    display: flex;
    background: #fff;
    min-height: 96px;
    align-items: center;

}

.gallery-caption h2 {
    color: #2f2f2f;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    margin: 0;
    font-family: Montserrat;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-img-wrapper {
    display: block;
    position: relative;
    z-index: 10;
}

/* Gallery End */
.rti-document-wrapper .document-name {
    font-size: 18px;
    min-height: 48px;
}

.rti-document-wrapper .row .col-12:nth-child(1) .statement-box,
.rti-document-wrapper .row .col-12:nth-child(2) .statement-box {
    margin-top: 0;
}

.rti-tab .single-tbl {
    margin-bottom: 25px
}

.rti-tab .single-tbl a {
    margin-bottom: 10px;
    display: block;
}

/* This section for Tender by Omfed  Start from here */

.t-search-input {
    height: 50px !important;
    border-radius: 0;
    border: 1px solid #eee;
    font-size: 17px;
    line-height: 24px;
    box-shadow: 0 0 25px 0 #00000012;
    width: 100%;
    border: 1px solid #bebebe;
    outline: 0;
    padding-left: 15px;
}

.tender-by-institution-wrapper .doc-date span:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    border-left: 2px solid #004388;
    padding-left: 10px;
    margin-left: 5px;
    width: 1px;
    height: 16px;
}

.doc-date span {
    position: relative;
    margin-right: 10px;
    padding-left: 20px;
}

.doc-date span:first-child {
    border-left: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.omfed-search-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0;
    cursor: pointer;
    height: 49px;
    width: 55px;
    border: none;
    background: #004388 url(../assets/images/search-icon-small.svg) no-repeat right 6px top 2px;
    padding: 0 30px;
}

.omfed-search-submit-year {
    position: absolute;
    top: 1px;
    right: 0px;
    padding: 0;
    cursor: pointer;
    height: 49px;
    width: 55px;
    border: none;
    background: #004388 url(../assets/images/down.png) no-repeat right 17px top 13px;
    padding: 0 30px;
}

.close-search {
    background: #004388 url(../assets/images/close-search.png) no-repeat right 17px top 12px !important;
    position: absolute;
    top: 1px;
    right: 0px;
    padding: 0;
    cursor: pointer;
    height: 49px;
    width: 55px;
    border: none;
    padding: 0 30px;
    z-index: 9;
}

.child-sidebar-menu .page-item-1357,
.child-sidebar-menu .page-item-1370,
.child-sidebar-menu .page-item-1736,
.child-sidebar-menu .page-item-1719 {
    display: none;
}

.omfed-tender-search {
    position: relative;
}

.map-right-container2 .mt-2 {
    margin-top: 13.5px !important;
}

.tender-view {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.tender-document-box {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 23px;
    box-shadow: 0 0 25px 0 rgb(0 0 0/7%);
    position: relative;
    z-index: 5;
}

.tender-content-box {
    width: 100%;
    float: left;
}

.corrigendum-content .pdf-info-share {
    flex-direction: column;
    align-items: start;
}

.doc-date {
    font-size: 15px;
    font-family: Montserrat;
    padding-bottom: 20px;
    line-height: 25px;
    width: 100%;
    float: left;
    color: #00adef;
    font-weight: 500;
}


.doc-name {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    width: 100%;
    float: left;
    padding-bottom: 0;
    margin-bottom: 15px;
    font-family: Montserrat;
}


.activity-title {
    margin-top: 10px;
}

.institution-name::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    border-left: 1px solid #84a5c8;
    padding-left: 10px;
    margin-left: 5px;
    width: 1px;
    height: 16px;
}

.dates {
    float: left;
    width: 100%;
    font-family: Montserrat;
}

.date-heading {
    display: block;
    font-family: Montserrat;
    width: auto;
    font-weight: 500;
    padding-bottom: 0;
    font-size: 15px;
    color: #686868 !important;
    margin-bottom: 7px;
}

.tender-content-box:before {
    content: "";
    height: 0;
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    background: #00adef;
    transition: all .3s ease-out;
}

.tender-document-box:hover .tender-content-box:before {
    content: "";
    height: 100%;
}

.appoint-main-page .doc-date {
    padding-bottom: 0;
}

.tender {
    float: left;
    box-sizing: border-box;
    padding: 0;
    margin-right: 50px;
    margin-bottom: 5px;
}

.dates .tender:last-child {
    margin-right: 0;
}

.date-date {
    font-weight: 600;
    color: #004388;
    font-size: 15px;
}

.tender-border {
    height: 1px;
    background-color: #e7e7e7;
    width: 100%;
    float: left;
    margin: 19px 0 18px;
}

.doc {
    font-size: 13px;
    float: left;
    width: 100%;
}

.doc-inner {
    float: left;
    box-sizing: border-box;
    padding: 0;
    margin-right: 50px;
    margin-top: 20px;
}

.doc .doc-inner:nth-child(1),
.doc .doc-inner:nth-child(2) {
    margin-top: 0;
}

.doc-inner-heading {
    font-size: 15px;
    color: #232323;
    display: block;
    margin-bottom: 3px;
    width: auto;
    font-weight: 600;
    padding-bottom: 12px;
}

.corrigendum-content .pdf-info-share {
    margin-bottom: 15px;
}

.corrigendum-content .pdf-info-share:last-child {
    margin-bottom: 0;
}

.tender-content-box.omfed-icon-pdf {
    font-size: 15px;
    padding-left: 25px;
    line-height: 20px;
}

.tender-description {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

.doc-inner.tender-result-wrapper {
    width: 100%;
    margin-right: 0;
}

.doc-inner.tender-result-wrapper .pdf-info {
    padding-left: 0;
    font-size: 15px;
}

.doc-inner.tender-result-wrapper .doc-inner-heading {
    margin-bottom: 0;
}

.doc-inner.tender-result-wrapper .pdf-info:before {
    display: none;
}

.pagination {
    display: flex;
    width: 100%;
    float: left;
}

.pagination span.page-numbers.current {
    background-color: #5155b8;
    border: 1px solid #5155b8;
    color: #fff;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.pagination a.page-numbers,
.pagination span.page-numbers {
    margin-right: 5px;
    color: #ffffff;
    background-color: #00adef;
    border: 1px solid #00adef;
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-weight: 500;
    line-height: 24px;
}

.pagination a.page-numbers:hover {
    background-color: #5155b8;
    color: #ffffff;
    border: 1px solid #5155b8;
}

.omfed-icon-pdf {
    font-size: 16px;
    color: #383838;
    font-weight: 400;
    position: relative;
    padding-left: 26px;
    align-items: center;
    line-height: 17px;
    float: left;
}

.omfed-icon-pdf:before {
    background: url(../assets/images/omfed-tender.svg) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 23px;
    background-size: contain;
    top: -3px;
}

.omfed-icon-pdf i {
    font-style: normal;
}

.row .col-xl-12:nth-child(2n) .tender-document-box {
    background: #f5f8ff;
}

/* This section for Tender by Omfed  End here */
/* side menu bar start here */

.sidebar-menu h3 {
    color: #fff;
    background: #004388;
    margin: 0;
    padding: 8px 15px;
    font-size: 23px !important;
    font-weight: 600 !important;
    font-family: Signika;
}


.sidebar-menu ul li a {
    color: #232323;
    font-size: 17px;
    font-family: Montserrat;
    font-weight: 600;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    position: relative;
    z-index: 2;
    display: block;
}

.sidebar-menu ul li {
    padding: 12px 15px;
    background: #e4f2ff;
    border-left: 3px solid #c7e1fc;
    list-style: none;
    margin-top: 6px;
    transition: all .3s ease;
    position: relative;
    z-index: 0;
    cursor: pointer;
    z-index: 9;
}

.sidebar-menu ul li::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 1;
}


.sidebar-menu ul li:hover:before,
.sidebar-menu ul li:focus:before,
.sidebar-menu ul li:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.sidebar-menu ul li:hover a,
.sidebar-menu ul li:focus a,
.sidebar-menu ul li:active a {
    color: #fff;
}

.sidebar-menu ul {
    padding-left: 0px;
}

.child-sidebar-menu .page-item-62 ul,
.child-sidebar-menu .page-item-68 ul,
.child-sidebar-menu .page-item-64 ul,
.child-sidebar-menu .page-item-66 ul,
.child-sidebar-menu .page-item-1696 ul,
.child-sidebar-menu .page-item-1744 ul,
.child-sidebar-menu .page-item-1716 ul,
.child-sidebar-menu .page-item-1729 ul {
    display: none;
}

.product-carousel .item::before {
    width: 100%;
    height: 70%;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(rgba(62, 62, 53, 0) 0%, rgb(0 17 31 / 68%) 100%);
    background: linear-gradient(rgb(62 62 53 / 0%) 0%, rgb(0 0 0 / 42%) 100%);
    z-index: 1;
    display: none;
}

/* This section for pagination End here */

.zoomContainer,
.zoomWindow {
    z-index: 9999;
}

.single-product .zoomContainer,
.single-product .zoomWindow {
    z-index: 9999;
}

.zoomWindow {
    border-radius: 7px;
    overflow: hidden;
}

.detail-gallery {
    position: relative;
}

.detail-gallery .zoom-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    font-size: 22px;
    opacity: 0.6;
}


.detail-gallery .pro-dec-big-img-slider img {
    opacity: 1;
    border-radius: 7px;
    width: 100%;
}

.product-dec-slider-small .slick-next i:before {
    background: url(../assets/images/toggle-arrow.png) no-repeat -6px -14px;
    width: 14px;
    height: 10px;
    margin-left: 0;
    display: inline-block;
    position: relative;
    top: 15px;
    transition: .3s;
    position: absolute;
    content: '';
    right: 11px;
    transform: rotate(270deg);
}

.product-dec-slider-small .slick-prev i:before {
    background: url(../assets/images/toggle-arrow.png) no-repeat -6px -14px;
    width: 14px;
    height: 10px;
    margin-left: 0;
    display: inline-block;
    position: relative;
    top: 15px;
    transition: .3s;
    position: absolute;
    content: '';
    right: 15px;
    transform: rotate(90deg);
}

.product-dec-slider-small .slick-next:hover i:before,
.product-dec-slider-small .slick-prev:hover i:before {
    filter: invert(1);
}

.product-dec-slider-small .slick-slide img {
    border-radius: 17px;
}


.product-dec-slider-small .slick-slide {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.slider-nav-thumbnails .slick-list {
    margin: 0 -10px;
    margin-bottom: 30px;
}

.slider-nav-thumbnails .slick-slide {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

.slider-nav-thumbnails .slick-slide img {
    border-radius: 7px;
}

.slider-nav-thumbnails .slick-slide.slick-current::before {
    border-bottom: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -6px;
    width: 0;
}

.slider-nav-thumbnails .slick-slide.slick-current img {
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid #00adef;
}

.slider-nav-thumbnails div.slick-slide {
    margin: 0 10px;
}

.slider-nav-thumbnails button {
    opacity: 0;
}

.slider-nav-thumbnails button.slick-arrow {
    margin: 0;
    border: 0;
    background: #F2F3F4;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    font-size: 24px;
    z-index: 9;
    color: #7E7E7E;
}

.slider-nav-thumbnails button.slick-arrow:hover {
    color: #fff;
    background-color: #00aff0;
}

.slider-nav-thumbnails button.slick-arrow.slick-prev {
    left: -20px;
}

.slider-nav-thumbnails button.slick-arrow.slick-next {
    right: -20px;
}

.slider-nav-thumbnails:hover button {
    opacity: 1;
}

.slider-nav-thumbnails .slick-prev,
.slider-nav-thumbnails .slick-next {
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider-nav-thumbnails,
.product-image-slider {
    display: none;
}

.slick-initialized.slick-slider {
    display: block;
}

#quickViewModal .slider-nav-thumbnails {
    margin-top: 20px;
}

.detail-gallery .product-image-slider {
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 7px;
    overflow: hidden;
}

.detail-gallery .product-image-slider img {
    opacity: 1;
}

.detail-gallery .product-image-slider.slider-nav-thumbnails {
    background: none;
    border-radius: 0;
}

.detail-gallery .product-image-slider button.slick-arrow {
    background: none;
    border: 0;
    padding: 0;
    font-size: 14px;
}

.detail-gallery .product-image-slider button.slick-arrow i {
    color: #adadad;
}

/* ------------chat-boot---------------- */

.chat {
    position: fixed;
    bottom: 47px;
    z-index: 9999999;
    width: 360px;
    height: 80vh;
    max-height: 500px;
    background: rgb(54 56 138);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 30px rgb(107 107 107 / 29%);
    overflow: hidden;
    right: -100%;
}

#close-chat {
    cursor: pointer;
}

#close-chat:hover svg {
    fill: #fff;
}

.chat-boot-wrapper.active {
    right: 50px;
}

.messages-content {
    max-height: 100%;
    overflow-y: auto;
    padding: 15px;
    width: 100%;
    float: left;
}

.chat-title {
    padding: 11px 15px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-title h1 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.chat-title h2 {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 10px;
}

.chat-title .avatar {
    width: 35px;
    height: 35px;
    position: relative;
    margin: 0;
}

.chat-title .avtar-outer {
    background-color: #ffffff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bot-img-div {
    display: flex;
    align-items: center;
}

.avatar img {
    width: 100%;
    border-radius: 50%;
}

.messages {
    flex: 1;
    overflow-y: auto;
    color: rgba(255, 255, 255, 0.7);
    background: #f5f5f5;
    margin-bottom: 10px;
}

.messages::-webkit-scrollbar {
    width: 5px;
}

.messages::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 10px;
}

.messages::-webkit-scrollbar-thumb {
    background: #0bb2f1;
    border-radius: 10px;
    min-height: 50%;
}

.chat-message {
    margin: 5px 0;
    background: rgb(61 64 151);
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 15px;
    max-width: 85%;
}

.chat-message.chat-message-personal {
    background: #7779cf;
    color: #fff;
    align-self: flex-end;
}

.messages .chat-message {
    clear: both;
    float: left;
    padding: 9px 10px 9px;
    border-radius: 10px 10px 10px 0;
    /* margin: 10px 0; */
    margin-top: 7px;
    line-height: 21px;
    position: relative;
    color: #fff;
    word-wrap: break-word;
    font-weight: 500;
}

.messages .chat-message.chat-message-personal {
    float: right;
    border-radius: 10px 10px 0px 10px;
}

.messages .chat-message.new {
    transform: scale(0);
    transform-origin: 0 0;
    -webkit-animation: bounce 500ms linear both;
    animation: bounce 500ms linear both;
}

.messages .chat-message:last-child {
    margin-bottom: 30px;
}

.messages .chat-message.new {
    transform: scale(0);
    transform-origin: 0 0;
    -webkit-animation: bounce 500ms linear both;
    animation: bounce 500ms linear both;
}

.messages-content::-webkit-scrollbar {
    width: 4px;
}

.messages-content::-webkit-scrollbar-track {
    background: #cacacaee;
}

.messages-content::-webkit-scrollbar-thumb {
    background-color: #0bb2f1;
    border-radius: 10px;
}

.message-box {
    padding: 10px;
    display: flex;
    align-items: center;
    display: none;
}

.message-input {
    flex: 1;
    padding: 8px;
    border: none;
    background: none;
    color: #fff;
    outline: none;
    border-bottom: 1px solid #474747;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 20px;
}

.message-submit {
    padding: 3px 11px;
    background: #0bb2f1;
    display: table;
    color: white;
    height: 35px;
    border: none;
    margin-left: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 13px;
}

.message-submit:hover {
    background: #1d7745;
}

.button-container {
    float: left;
    display: inline-block;
    text-align: left;
    margin-top: 5px;
    transition: all 1s ease;
}

.chat-rply-btn a {
    /* margin-bottom: 10px; */
}

.chat-rply-btn {
    margin-top: 18px;
}

.chat-button {
    margin: 4px;
    border: 1px solid #a1a3dc;
    border-radius: 30px;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #3d4097;
    background: #fff;
    transition: 0.3s all;
}

.chat-rply-btn a {
    padding: 3px 12px;
    border-radius: 20px;
    background-color: #6d70ce;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    transition: 0.3s all;
}

.chat-button:hover {
    color: #00adef;
    border-color: #3d4097;
}

.chat-button:hover {
    background-color: #00adef;
    color: #ffffff;
    border-color: #00adef;
}

.chat-rply-btn a:hover {
    /* background-color: #ffffff;
    color: #0bb2f1; */

    background-color: #0bb2f1;
    color: #ffffff;
}

.page-btns {
    border-bottom: 1px solid #5563a7;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.back-home {
    margin: 20px 0;
}

.back-home .hyper-color {
    /* margin: 6px 4px; */
    margin-top: 10px;
    display: inline-flex;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    transition: 0.3s all;
}

.back-home .hyper-color:hover {
    color: #00acee;
    background: #fff;
}

.chat-message .shop-links a {
    margin-bottom: 7px;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
    padding: 3px 12px;
    border-radius: 20px;
    background-color: #6d70ce;
    color: #ffffff;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
}

.chat-message .shop-links a:hover {
    background-color: #ffffff;
    color: #0bb2f1 !important;
}

.single-latest .gallery.gallery-columns-2 {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.single-latest .date-text {
    font-size: 16px;
    color: #00aaeb;
    margin-bottom: 0;
}

.single-latest h2 {
    margin-top: 15px !important;
}

.single-latest .gallery .gallery-item {
    width: 100%;
}

.single-latest .gallery .gallery-item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.single-latest .gallery .gallery-item .gallery-icon {
    width: 100%;
    height: 100%;
}

.news-ltr-pdf {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pdf-info-share.news-ltr-pdf img {
    border: 0 !important;
}

/* -------------------------- */

.dist-milk-union {
    column-count: 2;
}

/* This section for sidemap Css Start*/

.profile-table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
}

.profile-table p {
    font-size: 15px;
    word-break: break-all;
}

.profile-table .designation p {
    color: #545454;
}

.profile-table th,
.profile-table td {

    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.profile-table th {
    background-color: #004388;
    color: white;
}

.profile-table a {
    color: #00acec !important;
}

.profile-table td img {
    width: 100%;
    height: auto;
}

.designation {
    font-size: 16px;
    color: #555;
    font-family: Montserrat;
}

.profile-photo {
    width: 140px;
    height: auto;
}

.details-box .profile-name {
    font-size: 20px;
    color: #004388;
    font-weight: 600;
    font-family: signika;
}

.details-box .mobile-no {
    font-size: 18px;
    font-weight: 500;
    font-family: signika;
    color: #555;
}

/* This section for sidemap Css end */

/* -----------------------Ths section for omfed product details page css{Start}---------------------- */

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: wheat;
    background-color: transparent !important;
}

.shop img {
    width: 35px;
    height: auto;
    border-radius: 50px;
}

.heading-style {
    font-size: 18px;
    color: #292929;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 18px;
}

.product-snf {
    display: inline-block;
    margin-top: 30px;
}

.product-snf ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
}

.text-brand {
    color: #00adef !important;
}

.p-measurement {
    border: 1px solid #d5d5d5;
    padding: 11px 31px;
    border-radius: 50px;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
    cursor: pointer;
}

.p-measurement-wrapper,
.product-m-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.product-m-list .p-measurement:last-child {
    margin-right: 0;
}

.p-measurement span {
    font-size: 16px;
    font-family: Montserrat;
    color: #292929;
    font-weight: 500;
    transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
}

.p-measurement {
    border: 1px solid #d5d5d5;
    padding: 5px 20px 5px 20px;
    border-radius: 7px;
    display: inline-block;
}

.product-measurement,
.shop-online {
    margin-top: 30px;
}

.responsive-link {
    display: none;
}

.online-1 {
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    display: inline-block;
}

.online-2 {
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    display: inline-block;
    background: #e4f2fe;
}

.online-3 {
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    display: inline-block;
    background: #e4f2fe;
}

.online-4 {
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    display: inline-block;
    background: #ffd2a8;
}

.shop-links a {

    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.shop-links a img {
    width: 25px;
    transition: transform 0.3s ease-in-out;
    margin-right: 5px;
}

.online-1 {
    background: #f5f1d9;
}

.online-2 {
    background: #fde4e4;
}

.online-3 {
    background: #e8ffe4;
}

.online-4 {
    background: #fddfc4;
}

.online-1:hover {
    background: #f4ebb9;
}

.online-2:hover {
    background: #ffb0b0;
}

.online-3:hover {
    background: #a4fba6;
}

.online-4:hover {
    background: #ffc998;
}

.shop-links a:hover span {
    color: #232323;
    transition: color 0.3s ease-in-out;
}

.shop a {
    text-decoration: none;
    color: inherit;
}

.shop-links a {
    font-size: 16px;
    font-family: Montserrat;
    color: #292929;
    font-weight: 500;
    margin-bottom: 10px;
    margin-right: 5px;
}

.p-measurement span {
    font-size: 16px;
    font-family: Montserrat;
    color: #292929;
    font-weight: 500;
}

.product-d {
    display: flex;
    flex-direction: row;
}

.product-big-image img {
    width: 200px;
    height: auto;
}

.product-big-image {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 425px;
    width: 500px;
    margin-left: 15px;
}

.product-p img {
    width: 100px;
    height: 100px;
    margin-bottom: 8px;
}

.p-details-content {
    display: inline-block;
    color: #004388;
    font-weight: 700;
    font-family: signika;
    font-size: 31px;
    margin-bottom: 15px;
}

.p-details-paragraph:last-child {
    margin-bottom: 15px;
}

.p-content-s ul li {
    word-wrap: break-word;
}

.p-content-s tr td p {
    font-size: 16px !important;
}

.p-content-s p {
    /*  word-break: break-all; */
}

.p-content-d {
    border: 1px solid #d5d5d5;
    padding: 25px;
    border-radius: 7px;
}

.product-specification p {
    margin-bottom: 0px !important;
}

.p-content-d .table td {
    vertical-align: middle;
    font-family: Montserrat;
    font-size: 17px;
    color: #232323;
    line-height: 26px;
    font-weight: 500;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    border: 1px solid #d5d5d5;
    padding: 10px;
    text-align: left;
}

th {
    background-color: #e4f2fe;
}

.ads-products {
    border: 1px solid #d5d5d5;
    padding: 16px;
    border-radius: 7px;
}

.p-ads h3 {
    display: inline-block;
    color: #004388;
    font-weight: 700;
    font-family: signika;
    font-size: 24px;
    margin-bottom: 0px;
}

.p-ads h3 span {
    font-size: 18px;
    display: block;
    color: #0db1f0;
    margin-top: 5px;
    line-height: 25px;
}

.p-ads {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.swiper-slide.p-ads {
    display: block;
}

.p-ads:after {
    content: '';
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background-color: #d5d5d5;
    bottom: -16px;
    right: 0;
}

.p-ads-video {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 250px;
}

.p-ads-video iframe {
    width: 100%;
    height: 211px;
    border-radius: 5px;
}

.p-ads-video .swiper-initialized {
    width: 100%;
}

.ads-products .p-ads-image {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 6px;
}

.blog-img {
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 15px;
}

.blog-img img {
    height: auto;
}

.p-image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.p-next {
    display: flex;
    justify-content: center;
}

.product-b {
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    background-color: #e4f2fe;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.product-b:hover {
    background-color: #004388;
    transform: scale(1.1);
}


.product-b:hover img {
    opacity: 1;
    filter: invert(0);
}

.p-ads-image .swiper-slide {
    transition: transform 0.3s ease-in-out;
}

.p-ads-image .swiper-slide img {
    object-fit: cover;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.p-ads-image .swiper-slide {
    width: 100% !important;
}

.p-ads-image .swiper-slide:hover img {
    transform: scale(1.1);
    opacity: 0.9;
}

.product-b img {
    filter: invert(1);
    width: 14px;
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.slick-slide img {
    max-width: 100%;

}

.border-radius-10 {
    margin: 0 !important;
}

.product-r {
    padding-left: 18px !important;
    margin-bottom: 30px;
}

.p-next .swiper-button-next,
.swiper-button-prev {
    position: relative !important;
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.p-next .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    display: none;
}

.p-next .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    display: none;
}

.p-next .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0px !important;
    right: auto;
}

.p-next .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0px !important;
    left: auto;
}

.primary-sidebar {
    top: 150px !important;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;

}

.read-more-btn {
    margin-top: 2px;
    color: #3d4097;
    font-size: 16px;
    display: flex;
    gap: 6px;
    font-weight: 600;
}

.omfed-blog h4 {
    font-weight: 400;
    -webkit-line-clamp: initial !important;
}

.read-more-btn img {
    width: 25px !important;
    margin-top: 1px;
}

.read-more-btn a {
    color: #3d4097;
}

/* Hide scrollbar for Webkit browsers (Chrome, Safari) */
.primary-sidebar::-webkit-scrollbar {
    display: none;
}

.related-p-h {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.related-p-h .p-next .product-b {
    width: 40px;
    height: 40px;
    border: 0px !important;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    background-color: #0064c8;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.related-p-h .p-next .product-b:hover {
    background-color: #0064c8;
    transform: scale(1.1);
}

.related-p-h .p-next .product-b img {
    filter: invert(0) !important;
}

.related-p-h .rp-next {
    margin-left: 6px;
}

.related-p-caption {
    display: inline-block;
    color: #004388;
    font-weight: 700;
    font-family: signika;
    font-size: 40px;
    margin-bottom: 0;
}

.o-product-v {
    width: 100%;
}

.p-ads .ply-btn-s {
    width: 55px !important;
    height: 55px !important;
}

.p-ads .ply-btn-image {
    width: 20px !important;
    height: auto;
}

.r-products-d {
    padding: 0px 0px 90px 0px;
    margin-top: -240px;
}

.r-products {
    background: linear-gradient(0deg, rgb(255 255 255 / 29%) 0%, rgb(225 237 254) 100%) !important;
}

.p-image img {
    width: 100%;
}

/* -----------------------Ths section for omfed product Details page css{End}---------------------- */
/* -----------------------Ths section for omfed product page css{Start}---------------------- */

.p-main-banner {
    background: aliceblue;
}

.p-banner-heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.p-banner {
    width: 100%;
}

.t-section {
    background: #103472;
    height: 675px;
}

.t-section-heading .section-heading {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
}

.product-tabs-container {
    border-bottom: none !important;
}

.product-tabs-content img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease-in-out;
    transform: perspective(1px) translateZ(0);
}

.product-tabs-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-tabs-content span {
    margin-top: 10px;
    font-size: 22px;
    font-family: Signika;
    font-weight: 600;
}

.product-tabs-container .product-tabs-item .product-tabs-link {
    border: 0;
    color: #3d4097;
    border-left: 0 !important;
    padding: 25px 10px;
    border-radius: 12px;
    min-width: 129px;
    background-color: white;
}

.product-tabs-container .product-tabs-item .product-tabs-link:hover {
    background-color: #2967d0 !important;
    font-weight: bold !important;
    border-bottom: 4px solid #00aff0 !important;
    color: #fff !important;
    transition: 0.3s all;
}

.product-tabs-container .product-tabs-item .product-tabs-link:hover .product-tabs-content img {
    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(100%);
}

.product-tabs-container .product-tabs-item:last-child {
    margin-right: 0px !important;
}

.product-tabs-link.active,
.product-tabs-link.product-tabs-link-active {
    background-color: #2967d0 !important;
    font-weight: bold !important;
    border-bottom: 4px solid #00aff0 !important;
    color: #fff !important;
}

.product-tabs-link.active .product-tabs-content img {
    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(100%);
}

.white-section {
    background: white;
    padding: 90px 0 210px 0;
    position: relative;
    overflow: hidden;
}

.product-tabs-content .section-heading {
    font-size: 40px;
    color: #ffffff;
    font-weight: 700;
    line-height: 48px;
    font-family: signika;
    text-align: center;
}

.product-tabs-content p {
    color: #ffffff;
    margin-bottom: 24px;
}

.image-container img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.bg-image-section {
    background: url(../assets/images/product/adv-bg.png) no-repeat center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom 0;
    overflow: hidden;

}

.ads-white-section {
    /* background: white; */
    padding: 0 0 210px 0;
    /* position: relative;
    overflow: hidden; */ 
}

.p-ads-video .video-wrapper {
    margin-top: 0 !important;
}

/* -------------------------Ripple effect Start*/
.video-wrapper .adscover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.video-wrapper {
    position: relative;
    display: inline-block;
}

.iob-btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iob-btn-play::before,
.iob-btn-play::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    transform: translate(-50%, -50%) scale(0.7);
    animation: ripple 2s infinite ease-in-out;
    z-index: 1;
}

.iob-btn-play::after {
    animation-delay: 1s;
}

.iob-btn-play .btn-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    z-index: 2;
}

.iob-btn-play .view-icon {
    width: 20px;
    z-index: 3;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0.7;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0.3;
    }

    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

.iob-btn-play.play i {
    opacity: 0.3;
}

.iob-btn-play img {
    width: 20px !important;
}

/* -----------------------Ripple effect end*/

.adv-section-text .section-heading {
    font-size: 40px;
    color: #004388;
    font-weight: 700;
    line-height: 55px;
    font-family: signika;
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 25px;
}

.adv-banner img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.adv-banner {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.productAdvtisementlandingpageSwiper .adv-banner {
    width: 100%;
    height: 100%;
}

.adv-banner img {
    height: auto;
    width: 650px;
}

.product-tabs-container {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    padding: 0;
}

.tab-p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
    overflow: hidden;
}

.tab-item {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tab-item::-webkit-scrollbar {
    display: none;
}

.product-tabs-container {
    display: flex;
    padding: 0;
    margin: 0;
}

.product-tabs-item {
    flex-shrink: 0;
    list-style: none;
}

.product-tabs-link {
    padding: 10px 15px;
    border: none;
    background: none;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
}

#productTabs {
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#productTabs::-webkit-scrollbar {
    display: none;
}

.customProductSwiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
}

.bg-image-section .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.bg-image-section .owl-carousel .owl-dots .owl-dot span {
    border: 2px solid #004388 !important;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background-color: transparent;
}

.bg-image-section .owl-carousel .owl-dots .owl-dot.active span {
    background-color: none !important;
    border: none !important;
}

.customProductSwiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.customProductSwiper .swiper-wrapper .swiper-slide {
    width: 100%;
}

.customProductSwiper .swiper-wrapper .swiper-slide-active {
    display: block;
}

.customProductSwiper .swiper-wrapper .swiper-slide:hover {
    transform: scale(1) !important;
}

.tooltip-button {
    display: flex;
    width: 42px;
    height: 38px;
    background: #00adef;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    padding: 11px;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}


.tooltip-button img {
    transform: rotate(89deg);
    width: 10px;
    transition: transform 0.3s ease;
}

.tooltip-button.active img {
    transform: rotate(-91deg);
}

.menu-top li.show {
    display: block !important;
}

@media (max-width: 768px) {
    .customProductSwiper .swiper-wrapper .swiper-slide {
        width: 100%;
    }

    .adv-banner img {
        max-width: 100%;
        height: auto;
    }

    .top-nav-bar .menu-top ul li:nth-child(3),
    .top-nav-bar .menu-top ul li:nth-child(4) {
        display: none;

    }

    .top-nav-bar .menu-top ul {
        display: flex;
        justify-content: start !important;
    }

    .tooltip-button {
        opacity: 1;
    }

    .menu-top ul li:nth-child(2):after {
        border-right: 0px !important;
    }

}

.customProductSwiper .swiper-pagination {
    text-align: center;
    position: absolute;
    bottom: 168px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
}

.customProductSwiper .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #004388;
}

.customProductSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #00aff0;
    width: 30px;
    height: 12px;
    border-radius: 50px;
}

.p-image {
    position: relative;
}

/* -----------------------Ths section for omfed product page css{End}---------------------- */
/*------------------------------------------ This is Section for modal {Start}-----------------------------*/

.modal {
    display: none;
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
}

.modal .container {
    background: #fff;
    margin: 50px auto;
    padding: 20px;
    max-width: 960px;
    border-radius: 10px;
    position: relative;
}

.modal .quick-view-modal {
    background: #fff;
    padding: 0px 40px 10px;
    max-width: 960px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.quick-view-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 50px;
    color: #bdb5b5;
    cursor: pointer;
    line-height: 21px;
    transition: all 0.3s linear;
}

.quick-view-modal .modal-close:hover {
    color: #3d4097;
    font-size: 52px;
}

.p-measurement:hover {
    border: 1px solid #00adef;
    background-color: #00adef;
}

.p-measurement:hover span {
    color: #ffffff;
}

.relatedproductssection .product {
    min-height: 340px;
}

.relatedproductssection .product .moving-image {
    width: 170px !important;
}

.relatedproductssection .item .product-name {
    font-size: 21px;
}

#quickViewModal .slick-slide {
    border-radius: 7px;
}

.modal-close {
    position: absolute;
    top: -7px;
    right: 22px;
    font-size: 50px;
    color: #bdb5b5;
    cursor: pointer;
}

.modal .product-r {
    margin-top: 40px;
}

.modal .product-r .section-heading {
    font-size: 27px;
    line-height: 34px;

}

.modal .product-r .product-measurement .heading-style {
    font-size: 17px;
}

.modal .detail-gallery {
    margin-top: 40px;
}


/*------------------------------------------ This is Section for modal {End}-----------------------------*/

.reels-section {
    position: fixed;
    bottom: 28px;
    right: 46px;
    width: 450px;
    z-index: 5100;
    background: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    overflow: hidden;
    height: 300px;
    transform: translateX(120%);
    opacity: 0;
    transition: all 0.5s ease-in;
}

.reels-header {
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    background: #4f53bb;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reels-header h4 {
    font-size: 15px;
    margin-bottom: 0;
}

.close-icon {
    width: 13px;
    cursor: pointer;
    transition: 0.3s all;
}

.reels-header .close-icon:hover {
    transform: scale(1.2);
}

.potrait-video {
    object-fit: cover;
    display: block;
    height: 100%;
}

.potrait-video video {
    object-fit: cover;
    display: block;
    height: 100%;
}

.reels-section.show {
    transform: translateX(0);
    opacity: 1;
}

@keyframes shake {
    0% {
        transform: translateX(-50%) rotate(0deg);
    }

    25% {
        transform: translateX(-50%) rotate(5deg);
    }

    50% {
        transform: translateX(-50%) rotate(-5deg);
    }

    75% {
        transform: translateX(-50%) rotate(5deg);
    }

    100% {
        transform: translateX(-50%) rotate(0deg);
    }
}

.shake-animation {
    animation: shake 0.6s ease-in;
}

.ads-reel img {
    margin-bottom: 0;
}

.home-shop-online .shop-links a img {
    width: 25px;
}

.home-shop-online .shop-links .shop {
    font-size: 15px;
    margin-top: 15px;
    margin-right: 10px;
}

.home-shop-online .shop-links .shop:nth-child(3) {
    padding-right: 15px;
}

.home-shop-online .shop-links .shop:nth-child(1) {
    margin-top: 0;
}

.home-shop-online .shop-links .shop:nth-child(2) {
    margin-top: 0;
}

[class*=hint--] {
    position: relative;
    display: inline-block
}

[class*=hint--]:before,
[class*=hint--]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
    visibility: visible;
    opacity: 1
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[class*=hint--]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 7px solid transparent;
    z-index: 1000001
}

[class*=hint--]:after {
    background: #00adef;
    color: #fff;
    padding: 8px 10px;
    font-size: 15px;
    line-height: 14px;
    white-space: nowrap;
    border-radius: 5px
}

[class*=hint--][aria-label]:after {
    content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
    content: attr(data-hint)
}

[aria-label='']:before,
[aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
    display: none !important
}

.hint--top-left:before {
    border-top-color: #000
}

.hint--top-right:before {
    border-top-color: #000
}

.hint--top:before {
    border-top-color: #000
}

.hint--bottom-left:before {
    border-bottom-color: #000
}

.hint--bottom-right:before {
    border-bottom-color: #000
}

.hint--bottom:before {
    border-bottom-color: #000
}

.hint--left:before {
    border-left-color: #00adef;
}

.hint--right:before {
    border-right-color: #000
}

.hint--top:before {
    margin-bottom: -13px
}

.hint--top:before,
.hint--top:after {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    left: calc(50% - 7px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -ms-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
    margin-top: -13px
}

.hint--bottom:before,
.hint--bottom:after {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    left: calc(50% - 7px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -ms-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    margin-left: -13px;
    margin-bottom: -7px
}

.hint--right:after {
    margin-bottom: -15px
}

.hint--right:before,
.hint--right:after {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -13px;
    margin-bottom: -7px
}

.hint--left:after {
    margin-bottom: -15px;
    background: #00adef;
    color: #fff;
    padding: 8px 10px;
    font-size: 15px;
    line-height: 14px;
    white-space: nowrap;
    border-radius: 5px;
}

.hint--left:before,
.hint--left:after {
    right: 140%;
    bottom: 50%
}

.hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:before {
    margin-bottom: -13px
}

.hint--top-left:before,
.hint--top-left:after {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    left: calc(50% - 7px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--top-left:after {
    margin-left: 14px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -ms-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
    margin-bottom: -13px
}

.hint--top-right:before,
.hint--top-right:after {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    left: calc(50% - 7px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.hint--top-right:after {
    margin-left: -14px
}

.hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-right:hover:after {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:before {
    margin-top: -13px
}

.hint--bottom-left:before,
.hint--bottom-left:after {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    left: calc(50% - 7px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--bottom-left:after {
    margin-left: 14px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -ms-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
    margin-top: -13px
}

.hint--bottom-right:before,
.hint--bottom-right:after {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    left: calc(50% - 7px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.hint--bottom-right:after {
    margin-left: -14px
}

.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-right:hover:after {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--no-animate:before,
.hint--no-animate:after {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.hint--bounce:before,
.hint--bounce:after {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24), -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

.latest-event-fb {
    background-color: #ffffff;
    height: 100%;
    position: relative;
}

.events-container-outer {
    background-color: #ffffff;
    padding: 20px;
}

.latest-event-fb img {
    height: 415px;
    object-fit: cover;
    object-position: top;
}

.date-event {
    display: block;
    color: #00adef;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}


.home .tab-content {
    height: 490px;
}

.fb-events {
    width: 100%;
}

.fb-events-text h4 {
    font-size: 16px;
    line-height: 23px;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 7px;
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    transition: 0.1s all;
}

.event-div:hover .fb-events-text h4 {
    color: #004388;
}

.fb-events-text h4 span {
    color: #121212;
    font-weight: 500;
}

.omfed-blog .fb-events-text li {
    font-weight: 500;
    line-height: 23px;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 6px;
    list-style: none;
    padding-left: 17px;
    position: relative;
}

.omfed-blog .fb-events-text li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 8px;
    background-color: #00adef;
    height: 2px;
}

.omfed-blog .fb-events-text ul {
    padding: 0;
}

.omfed-blog .fb-events-text ul li {
    display: none;
}

.omfed-blog .fb-events-text ul li:nth-child(-n+2) {
    display: list-item;
}

.fb-events-text h3 {
    margin: 8px 0;
    font-size: 23px;
    color: #3d4097;
    font-weight: 700;
    margin-top: 0;
}

.fb-events-text:first-child div {
    height: 600px;
}

.events-container {
    position: relative;
    overflow: hidden;
}


.event-button-prev,
.event-button-next {
    position: absolute;
    top: 32%;
    width: 27px;
    background-color: #3d4097ba;
    height: 77px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.5s ease;
}

.event-button-next {
    right: -20px;
}

.event-button-prev {
    left: -20px;
}

.event-button-prev:hover,
.event-button-next:hover {
    background-color: #3d4097;
}

.p-relative {
    position: relative;
}

.events-container:hover .event-button-prev {
    opacity: 1;
    left: 0;
}

.events-container:hover .event-button-next {
    opacity: 1;
    right: 0;
}

.event-div {
    width: 100%;
    float: left;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px dashed #ddd;
}

.event-div:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.fb-events-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.receipe-process-container {
    overflow: hidden;
    font-family: Montserrat;
    font-size: 17px;
    color: #232323;
    line-height: 26px;
    font-weight: 500;
}

.receipe-process-container strong {
    display: block;
}

.qr-code {
    margin-top: 35px;
    display: flex;
    align-items: center;
    color: #121212;
    background: #2f5ba6;
    padding: 10px;
    border-radius: 7px;
}

.qr-code img {
    width: 80px;
    border: 2px solid #5cd0dd;
    border-radius: 5px;
    padding: 2px
}

.qr-code .care-no {
    font-size: 26px !important;
}

.qr-code p {
    padding-right: 0;
    padding-left: 17px;
    padding-bottom: 6px;
}

.qr-img {
    background-color: #fff;
    border-radius: 5px;
}

.raed-more-btn {
    color: #00adef;
}

.cover-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    transition: 0.3s all;
}

.event-div:hover .cover-image-box img {
    transform: scale(1.1);
}

.cover-image-box {
    height: 100%;
    overflow: hidden;
}

.events-row,
.event-div .row {
    height: 100%;
}

.events-row {
    background-color: #fff;

}

.event-head {
    padding: 15px 23px;
    border-bottom: 1px solid #e2e3f3;
}

.event-body {
    padding: 15px 23px;
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 500px;
}

.heading-event {
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    color: #004388;
}

/*-----------------------------Header Accessability------------------------*/
.accessability-box-container {
    position: fixed;
    width: 430px;
    height: 600px;
    background-color: #f2f7fa;
    border-radius: 15px;
    top: 44px;
    right: 18px;
    box-shadow: 0px 0px 12px 10px rgba(0, 0, 0, 0.1);
    display: none;
    overflow: hidden;
    visibility: visible;
    overflow-y: scroll;
    scrollbar-color: silver transparent;
    scrollbar-width: thin;
    border-bottom: 30px solid #082d5a;
    z-index: 9999999;
    will-change: transform;
    animation: menu-sub-dropdown-animation-fade-in .3s ease 1, menu-sub-dropdown-animation-move-up .3s ease 1;
}


@keyframes menu-sub-dropdown-animation-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes menu-sub-dropdown-animation-move-up {
    0% {
        margin-top: .75rem;
    }

    100% {
        margin-top: 0;
    }
}

.accessability-box-container.show {
    display: block;
}

.close-accessability {
    width: 100%;
}

.close-button-accessability {
    float: right;
    cursor: pointer;
    transition: transform 0.2s ease;
    fill: #b0b1e9;
}

.close-button-accessability:hover {
    transform: scale(1.2);
    fill: #ffffff;
}

.accessability-box-inner {
    width: 100%;
    background-color: #082d5a;
    min-height: 180px;
}

.accessability-box-sub-inner {
    width: 100%;
    padding: 15px;
    float: left;
}

.accessability-box-top {
    padding: 15px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.accessability-box-top h1 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
}

.adjustment-box-main h2 {
    font-size: 17px;
    color: #625e5e;
    margin-bottom: 20px;
    margin-top: 30PX;
    letter-spacing: 0;
}

.adjustment-box-main h2:first-child {
    margin-top: 0;
}

.resetsetting {
    font-size: 14px;
    font-weight: 400;
    border-radius: 25px;
    padding: 5px 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
}


.resetsetting img {
    width: 20px;
    margin-right: 7px;
}

.adjustment-box-main {
    padding: 23px;
    background-color: #fff;
    border-radius: 10px;
    transition: opacity .35s ease-in-out, transform .35s ease-in-out;
}

.adjustment-lists {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
}

.adj-box {
    border-radius: 10px;
    background-color: #f2f7fa;
    height: 110px;
    padding: 20px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 12px;
    cursor: pointer;
    width: 32%;
}

.adj-box:hover {
    border: 1px solid #072a6a;
    padding: 20px 6px;
    transition: 0.3s all;
}

.adj-box.active {
    border: 2px solid #072a6a;
    background: #d9e5fb;
}

.adj-box.box-2 {
    width: 48.5%;
}

.adj-box.box-color {
    width: 65.5%;
}

.adj-box span {
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
}

.box-color span {
    margin-top: 0;
}

.adj-box img {
    width: 25px;
}

.adj-box:nth-last-child(2),
.adj-box:nth-last-child(1),
.adj-box:nth-last-child(3) {
    margin-bottom: 0;
}


.action-custom-element {
    width: 100%;
    margin-top: 17px;
}

.color-picker {
    margin-top: -5px;
    text-align: center;
}

.color-picker-selection {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: solid 1.5px #e3e8fb;
}

.color-picker-cancel {
    font-size: 13px;
    color: #1f2533;
    display: block;
    margin: 7px auto 0;
    background: none;
    font-weight: 500;
    border: 1px solid #d3d1d1;
    border-radius: 20px;
    padding: 0 5px;
}

.color-picker-cancel:hover {
    background-color: #f1f1f1;
}

.blue-text,
.blue-title {
    background-color: #0076b4;
}

.purple-text,
.purple-title {
    background-color: #7a549c;
}

.red-text,
.red-title {
    background-color: #c83733;
}

.orange-text,
.orange-title {
    background-color: rgb(208, 112, 33);
}

.teal-text,
.teal-title {
    background-color: rgb(38, 153, 159);
}

.green-text,
.green-title {
    background-color: rgb(77, 120, 49);
}

.white-text,
.white-title {
    background-color: rgb(255, 255, 255);
}

.black-text,
.black-title {
    background-color: rgb(0, 0, 0);
}

.text-blue-active .blue-text::after,
.text-purple-active .purple-text::after,
.text-red-active .red-text::after,
.text-orange-active .orange-text::after,
.text-teal-active .teal-text::after,
.text-green-active .green-text::after,
.title-blue-active .blue-title::after,
.title-purple-active .purple-title::after,
.title-red-active .red-title::after,
.title-orange-active .orange-title::after,
.title-teal-active .teal-title::after,
.title-green-active .green-title::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #dfdfdf;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/*------------------------------------ */

.profile-photo img {
    width: 199px;
    height: auto;
}

.document-sub-title {
    font-size: 14px;
    color: #232323;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.archive {
    border: 1px solid #5155b8;
    padding: 5px 10px;
    text-align: center;
    color: #5155b8;
    width: 195px;
    height: 40px;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    line-height: 30px;
}

.archive:hover {
    background-color: #5155b8;
    color: #fff;
}

.common-button {
    background-color: #5155b8;
    padding: 10px;
    text-align: center;
    width: 130px;
    height: 40px;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    border: 1px solid #5155b8;

    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-button:hover {
    border: 1px solid #5155b8;
    color: #5155b8;
    background-color: transparent;

}

.swiper.recommendedSwiper {
    width: 100%;
}

.omfed-blog {
    position: relative
}

.omfed-blog .date-event {
    display: inline-block;
    font-weight: 600;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #00adef;
    margin: 0px;
    font-size: 12px !important;
    line-height: 1;
    border-radius: 0 5px 0 20px;
    color: #fff;
    padding: 10px 20px 10px 20px;
    min-width: 60px;
    min-height: 20px;
}

/*------------------------ Product Ads section css Start---------------------------------  */
/*------------------- Accessibility Adjustments Start -----------------------  */
/* -----------Highlight Title Start------------- */

.highlight-titles-active h1,
.highlight-titles-active h2,
.highlight-titles-active h3,
.highlight-titles-active h4,
.highlight-titles-active h5,
.highlight-titles-active h6 {
    outline: 2px solid #146ff8 !important;
    outline-offset: 2px !important;
}

/* -----------Highlight Title End------------- */
/* -----------Highlight Hover Start------------- */
.highlight-hover-active h1:hover,
.highlight-hover-active h2:hover,
.highlight-hover-active h3:hover,
.highlight-hover-active h4:hover,
.highlight-hover-active h5:hover,
.highlight-hover-active h6:hover,
.highlight-hover-active p:hover,
.highlight-hover-active span:hover,
.highlight-hover-active a:hover,
.highlight-hover-active li:hover,
.highlight-hover-active strong:hover {
    outline: #146ff8 solid 2px !important;
    outline-offset: 2px !important;
}

/* -----------Highlight Hover End------------- */
/* -----------Light Contrast Theme Start------------- */
.light-contrast header {
    border-top: 8px solid #efefef;
}

.light-contrast .menu-top::before {
    border-top: 36px solid #efefef;
}

.light-contrast .menu-top,
.light-contrast .menu-top::after,
.light-contrast .products-count {
    background-color: #efefef;
}

.light-contrast .menu-top li a {
    color: #232323;
}

.light-contrast .accesibility-images,
.light-contrast .btn-style img,
.light-contrast .care-social img,
.light-contrast .location .icon img,
.light-contrast .contact .icon img,
.light-contrast .circle-social img,
.light-contrast .products-num img {
    filter: invert(1);
}

.light-contrast .home-product-section {
    background: #efefef !important;
}

.light-contrast .product-heading .section-heading {
    color: #3d4097;
}

.light-contrast .product-heading .sub-caption-p {
    color: #0f0f0f;
}

.light-contrast .presentation .btn-style {
    border: 2px solid #e1e1e1;
}

.light-contrast .read-more-button {
    border: 3px solid #e1e1e1;
}

.light-contrast .footer-logo span,
.light-contrast .footer p,
.light-contrast footer h3,
.light-contrast .footer-right ul li a,
.light-contrast .footer-horizontal-list a,
.light-contrast .text a,
.light-contrast .impact-score h5,
.light-contrast .impact-score span,
.light-contrast .product-tabs-content .section-heading,
.light-contrast .product-tabs-content p,
.light-contrast .sidebar-menu ul li:hover a,
.light-contrast .sidebar-menu ul li:focus a,
.light-contrast .sidebar-menu ul li:active a,
.light-contrast .sidebar-menu .current-menu-item a {
    color: #000;
}

.light-contrast .quik-link::before {
    background: #000;
}

.light-contrast .footer {
    background: #efefef url(../assets/images/f-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom 150px;
    overflow: hidden;
    background-size: contain;
}

.light-contrast .email-cont input::placeholder,
.light-contrast .email-cont input {
    color: #000;
}

.light-contrast .footer-horizontal-list li:not(:last-child)::after {
    border-right: 1px solid #000;
}

.light-contrast .facebook-tab.active {
    background-color: #efefef;
    color: #3d4097;
}

.light-contrast .qr-code {
    background: #b9b9b9;
}

.light-contrast .circle-social {
    border: 1px solid #000;
}

.light-contrast .circle-hover:after {
    box-shadow: 0 0 0 2px #131212;
}

.light-contrast .facebook:hover img,
.light-contrast .insta:hover img,
.light-contrast .twiter:hover img,
.light-contrast .youtube:hover img {
    filter: invert(0);
}

.light-contrast .sidebar-menu h3 {
    color: #000000;
    background: #cfcfcf;
}

.light-contrast .wave {
    fill: #efefef !important;
}

.light-contrast .statistics-icon object,
.light-contrast .read-more-button .circle svg {
    filter: invert(1);
}

.light-contrast .owner {
    background: #f8f8f8;
}

.light-contrast .product-tabs-link.active,
.light-contrast .product-tabs-link.product-tabs-link-active {
    background-color: #dbdbdb !important;
    border-bottom: 4px solid #c7c7c7 !important;
    color: #000000 !important;
}

.light-contrast .product-tabs-container .product-tabs-item .product-tabs-link:hover {
    background-color: #d9d9d9 !important;
    border-bottom: 4px solid #e5e5e5 !important;
    color: #000000 !important;
}

.light-contrast .product-tabs-link.active .product-tabs-content img,
.light-contrast .product-tabs-container .product-tabs-item .product-tabs-link:hover .product-tabs-content img,
.light-contrast .product-tabs-content img,
.light-contrast .product-s-custom-btn img {
    filter: brightness(0%) contrast(100%);
}

.light-contrast .product-tabs-container .product-tabs-item .product-tabs-link {
    color: #000;
}

.light-contrast .read-more-button .circle {
    background-color: #efefef;
}

.light-contrast .sidebar-menu ul li {
    background: #f5f5f5;
}

.light-contrast .sidebar-menu ul li::before {
    background: #ededed;
}

.light-contrast .accordion-button:not(.collapsed) {
    background-color: #e9e9e9;
}

.light-contrast .table th {
    background: #e9e9e9;
    color: #000000;
}

.light-contrast .tabs-section .custom-tabs .nav-link.active,
.light-contrast .tabs-section .custom-tabs .nav-item.show .nav-link {
    background-color: #cfcfcf !important;
    border-color: #d7d7d7 !important;
    color: #000000;
}

.light-contrast .tabs-section .nav-item a.active::before {
    background: #c3c3c3 !important;
}

.light-contrast .tabs-section .nav-item a.active::after {
    border-color: #c3c3c3 transparent transparent transparent;
}

.light-contrast .tabs-section .custom-tabs .nav-link {
    border: 1px solid #efefef;
    background: #efefef !important;
}

.light-contrast .tabs-section .nav-link {
    border-left: 1px solid #cfcfcf !important;
}

.light-contrast .tabs-section .custom-tabs .nav-item:last-child {
    border-right: 1px solid #efefef;
}

.light-contrast .tabs-section .tab-content {
    border: 1px solid #dbdbdb;
}

.light-contrast .nav-tabs {
    --bs-nav-tabs-border-color: #ffffff;
}

.light-contrast .menu-list li .sub-menu li:hover {
    background-color: #f1f1f1;
}

.light-contrast .hambergur.open .sub-menu li a,
.light-contrast .hambergur ul li a,
.light-contrast .omfed-sidebar-logo span {
    color: #000000 !important;
}

.light-contrast .side-menu {
    background: linear-gradient(to left, #c5c5c5, #ededed);
}

.light-contrast .menu-text h2 {
    color: rgb(197 197 197 / 43%);
}

/* -----------Light Contrast Theme End------------- */

/* -----------Dark Contrast Theme Start------------- */

.logo-dark {
    display: none;
}

.dark-contrast .chat-button {
    border: 1px solid #1a1a1a;
    background: #404040;
}

.dark-contrast .messages {
    background: #1c1c1c;
}

.dark-contrast .chat {
    background: #0e0e0e;
}

.dark-contrast .chat-message {
    background: rgb(0 0 0);
}

.dark-contrast .side-menu {
    background: linear-gradient(to left, #262626, #000000);
}

.dark-contrast .menu-text h2 {
    color: rgb(42 42 42 / 43%);
}

.dark-contrast .logo-dark {
    display: block;
}

.dark-contrast .logo-white {
    display: none;
}

.dark-contrast #buyNowModal .modal-header {
    background-color: #1e1e1e;
    color: #ffeb3b;
    border-bottom: 1px solid #443c3c;
}

.dark-contrast #buyNowModal .modal-body {
    background-color: #1e1e1e;
}

.dark-contrast .shop {
    background: #424242;
}

.dark-contrast .accordion-button {
    background: #212020;
    color: #ffeb3b;
}

.dark-contrast .accordion-item {
    border: var(--bs-accordion-border-width) solid #464646;
}

.dark-contrast .accordian-main-wrapper .accordion-item {
    border-top: 1px solid #464646;
}

.dark-contrast .accordion-body {
    background: #212020;
}

.dark-contrast .accordion-button:not(.collapsed)::after,
.dark-contrast .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(103%) contrast(101%) !important;
}

.dark-contrast .btn-close {
    filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(103%) contrast(101%) !important;
}

.dark-contrast th,
.dark-contrast td {
    border: 1px solid #424242;
}

.dark-contrast .table th {
    background: #121212;
    color: #ffeb3b;
}

.dark-contrast .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: #2f2d2d;
}

.dark-contrast .t-search-input,
.dark-contrast .statement-box {
    border: 1px solid #343435;
    background: #343435;
}

.dark-contrast .t-search-input::placeholder {
    color: #ffeb3b;
    opacity: 1;
}

.dark-contrast .omfed-search-submit {
    background: #121212 url(../assets/images/search-icon-small.svg) no-repeat right 5px top 2px;
}

.dark-contrast .reports {
    background: #343435;
}

.dark-contrast .sidebar-menu ul li::before {
    background: #42494d;
}

.dark-contrast .tabs-section .custom-tabs .nav-link.active,
.dark-contrast .tabs-section .custom-tabs .nav-item.show .nav-link {
    background-color: #474848 !important;
    border-color: #838383 !important;
}

.dark-contrast .tabs-section .nav-item a.active::before {
    background: #474848 !important;
}

.dark-contrast .tabs-section .nav-item a.active::after {
    border-color: #474848 transparent transparent transparent;
}

.dark-contrast .tabs-section .custom-tabs .nav-link {
    border: 1px solid #838383;
    background: #626262 !important;
}

.dark-contrast .tabs-section .nav-link {
    border-left: 1px solid #838383 !important;
}

.dark-contrast .tabs-section .custom-tabs .nav-item:last-child {
    border-right: 1px solid #838383;
}

.dark-contrast .tabs-section .tab-content {
    border: 1px solid #838383;
}

.dark-contrast .nav-tabs {
    --bs-nav-tabs-border-color: #838383;
}

.dark-contrast th,
.dark-contrast td {
    border: 1px solid #424242;
    background: #383838;
    color: #ffeb3b;
}

.dark-contrast .sidebar-menu .child-sidebar-menu li.has_children li:hover a {
    color: #ffeb3b !important;
}

.dark-contrast .chart-container {
    background-color: #ffffff;
}

.dark-contrast .gallery-box {
    border: 1px solid #1c1c1c;
}

.dark-contrast .gallery-caption {
    background: #111111;
}

.dark-contrast .reports img {
    border: 1px solid #212121;
}

.dark-contrast .tender-document-box,
.dark-contrast .row .col-xl-12:nth-child(2n) .tender-document-box {
    background: #343435;
    border: 1px solid #595959;
}

.dark-contrast .tender-border {
    background-color: #595959;
}

.dark-contrast .pagination a.page-numbers {
    background-color: #343435;
    border: 1px solid #606060;
}

.dark-contrast .pagination span.page-numbers.current {
    background-color: #121212;
    color: #ffeb3b;
}

.dark-contrast .archive:hover {
    background-color: #343435;
}

.dark-contrast .header,
.dark-contrast .events-row,
.dark-contrast .about-omfed,
.dark-contrast .play-pause-option,
.dark-contrast .operational-area,
.dark-contrast .menu-list .sub-menu,
.dark-contrast .qr-code,
.dark-contrast .content-section,
.dark-contrast .white-section {
    background: #000;
}

.dark-contrast .menu-list .sub-menu {
    border-top: 2px solid #ffffff;
}

.dark-contrast .menu-list .sub-menu:before {
    border-color: transparent transparent #ffffff transparent;
}

.dark-contrast header {
    border-top: 8px solid #443c3c;
}

.dark-contrast .menu-top::before {
    border-top: 36px solid #443c3c;
}

.dark-contrast .menu-top,
.dark-contrast .menu-top::after,
.dark-contrast .products-count {
    background-color: #443c3c;
}

.dark-contrast .omfed-bar,
.dark-contrast .product-tabs-container .product-tabs-item .product-tabs-link {
    background-color: #000;
}

.dark-contrast .menu-top li a,
.dark-contrast .whats-new a {
    color: #ff0 !important;
}

.dark-contrast .tab-content {
    z-index: 3;
    position: relative;
}

.dark-contrast .omfed-search-submit-year {
    background: #121212 url(../assets/images/down.png) no-repeat right 20px top 18px;
}

.dark-contrast a,
.dark-contrast p,
.dark-contrast .footer-logo span,
.dark-contrast .footer p,
.dark-contrast footer h3,
.dark-contrast .footer-right ul li a,
.dark-contrast .footer-horizontal-list a,
.dark-contrast .text a,
.dark-contrast .impact-score h5,
.dark-contrast .impact-score span,
.dark-contrast .menu-list li a,
.dark-contrast .menu-icon-h span,
.dark-contrast .heading-event,
.dark-contrast .fb-events-text h4,
.dark-contrast .ticker-custom a,
.dark-contrast .read-more-button span,
.dark-contrast .content-part p,
.dark-contrast .owner .designation,
.dark-contrast .product-tabs-container .product-tabs-item .product-tabs-link,
.dark-contrast .legend-cont h4,
.dark-contrast .updates-section p,
.dark-contrast .show-hide-district button,
.dark-contrast .menu-list li .sub-menu li a,
.dark-contrast .polygon-shape h2,
.dark-contrast .inner-page-content-wrapper p,
.dark-contrast .inner-page-content-wrapper ul li,
.dark-contrast .sidebar-menu ul li a,
.dark-contrast .p-banner-heading p,
.dark-contrast .inner-page-content-wrapper h2,
.dark-contrast .inner-page-content-wrapper h3,
.dark-contrast .header-a span,
.dark-contrast .quick-access,
.dark-contrast .facebook-tab.active,
.dark-contrast .reels-header,
.dark-contrast .pdf-info,
.dark-contrast .product-tabs-content p,
.dark-contrast .date-text,
.dark-contrast .date-date,
.dark-contrast .document-sub-title,
.dark-contrast .custom-tabs .table p,
.dark-contrast .omfed-sidebar-logo span,
.dark-contrast .hambergur.open .sub-menu li a,
.dark-contrast .inner-page-container h3,
.dark-contrast .messages .chat-message,
.dark-contrast .chat-button,
.dark-contrast .chat-title h1 {
    color: #ffeb3b !important;
}

.dark-contrast .statement-box:hover .document-name a {
    color: #ffeb3b !important;
}

.dark-contrast .qr-code-icon:before {
    background-color: #686868;
}

.dark-contrast .social-media-s {
    background: #323232;
}

.dark-contrast .hint--left:after {
    background: #2c2e2f;
    color: #ffeb3b;
}

.dark-contrast .hint--left:before {
    border-left-color: #2c2e2f;
}

.dark-contrast .event-head {
    border-bottom: 1px solid #4e4e4e;
}

.dark-contrast .event-div {
    border-bottom: 1px dashed #4e4e4e;
}

.dark-contrast .footer-bottom {
    border-top: 1px solid #4e4e4e;
}

.dark-contrast .footer-horizontal-list li:not(:last-child)::after {
    border-right: 1px solid #4e4e4e;
}

.dark-contrast .play-pause-option:before,
.dark-contrast .links-box .legend-logo::before,
.dark-contrast .quik-link::before {
    background-color: #4e4e4e;
}

.dark-contrast .cover-image-box img,
.dark-contrast .Operational-container {
    border: 1px solid #4e4e4e;
}

.dark-contrast .whats-new,
.dark-contrast .reels-header {
    background-color: #1e1e1e;
}

.dark-contrast .whats-new:after {
    filter: brightness(0) saturate(100%) invert(12%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.dark-contrast .play-pause-option img,
.dark-contrast .product-tabs-content img,
.dark-contrast .product-s-custom-btn img,
.dark-contrast .btn-style img,
.dark-contrast .links-box img,
.dark-contrast .pdf-share.share img,
.dark-contrast .reels-header img,
.dark-contrast .pdf-info:before,
.dark-contrast .pdf-share>img,
.dark-contrast .address-icons img {
    filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(103%) contrast(101%) !important;
}

.dark-contrast .product-tabs-link.active,
.dark-contrast .product-tabs-link.product-tabs-link-active,
.dark-contrast .product-tabs-container .product-tabs-item .product-tabs-link:hover {
    background-color: #373838 !important;
    border-bottom: 4px solid #020202 !important;
}


.dark-contrast #vivus-svg-0,
.dark-contrast #vivus-svg-1,
.dark-contrast #vivus-svg-2,
.dark-contrast #vivus-svg-3,
.dark-contrast #vivus-svg-4 {
    filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(103%) contrast(101%);
}

.dark-contrast .product {
    background: radial-gradient(#2d2d2d, #000000) !important;
}

.dark-contrast .read-more-button .circle,
.dark-contrast .read-more-button {
    border: 3px solid #ffeb3b;
}

.dark-contrast .presentation .btn-style {
    border: 2px solid #ffeb3b;
}

.dark-contrast .product-carousel .owl-next,
.dark-contrast .product-carousel .owl-prev {
    background: #ffeb3b !important;
}

.dark-contrast .pause-slider {
    background: #ffeb3b;
}

.dark-contrast .home-product-section {
    background: #1f1f1f !important;
    z-index: 3;
}

.dark-contrast .date-event,
.dark-contrast .section-heading,
.dark-contrast .owner .name,
.dark-contrast .map-subheading,
.dark-contrast .links-box h4,
.dark-contrast .update-box-right .update-title,
.dark-contrast .inner-page-container h2,
.dark-contrast .details-box .profile-name {
    color: #ffeb3b;

}

.dark-contrast .profile-table td {
    background: #000;
}

.dark-contrast .accesibility-images {
    filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(103%) contrast(101%);
}

.dark-contrast .menu-logo img {
    filter: brightness(0) saturate(100%) invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(103%) contrast(101%);
}

.dark-contrast a:hover {
    color: #ffeb3b !important;
}

.dark-contrast .banner,
.dark-contrast .owner {
    background: #292929;
}

.dark-contrast .p-s-btn .read-more-button {
    background: #000 !important;
}

.designed-by a {
    text-decoration: none !important;
    color: inherit;
}

.designed-by a:hover {
    color: #99eb79;
}

.designed-by a:hover {
    text-decoration: underline;
}

.dark-contrast .footer {
    background: #111 url(../assets/images/f-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom 150px;
    overflow: hidden;
    background-size: contain;
}

.dark-contrast .links-box {
    background: #292929;
}

.dark-contrast .updates-section {
    background: #181818;
}

.dark-contrast .menu-list li .sub-menu li:hover {
    background-color: #303030;
}

.dark-contrast .polygon-shape {
    background-color: #484848;
}

.dark-contrast .polygon-shape::before,
.dark-contrast .polygon-shape::after {
    background-color: #050404;
}

.dark-contrast .update-box {
    background-color: #050404;
    box-shadow: #202020 6px 6px;
}

.dark-contrast .share-social-icons {
    background: transparent;
}

.dark-contrast .sub-menu li:hover a {
    color: #d2d2d2 !important;
}

.dark-contrast .inner-page-container {
    background: #000;
}

.dark-contrast .sidebar-menu h3 {
    background: #262626;
}

.dark-contrast .sidebar-menu ul li {
    background: #0a0a0a
}

.dark-contrast .details-box .mobile-no {
    color: #ddd;
}

.dark-contrast .contact-us-text-box h2,
.dark-contrast .contact-us-text-box p,
.dark-contrast .t-search-input {
    color: #ffeb3b;
}

.dark-contrast .table {
    background: #222222;
}

.dark-contrast .marketing-head-accordian .accordion .accordion-body .table {
    background: transparent;
}


.dark-contrast .statement-box .share-social-icons {
    background: #343435;
}

.dark-contrast .qrCode {
    filter: invert(1);
}

.dark-contrast .t-section {
    background: #103472;
}

.dark-contrast .r-products {
    background: linear-gradient(0deg, rgb(6 0 0) 0%, rgb(48 48 48) 100%) !important;
}

.dark-contrast .gallery-caption h2 {
    color: #000;
}

.dark-contrast .doc-name {
    color: #ffeb3b !important;
}

.dark-contrast .doc-date {
    color: #004388 !important;
}

.dark-contrast .archive {
    border: 1px solid #ffeb3b;
    color: #ffeb3b;
}

.dark-contrast .content-section .tabs-section ul li a {
    color: #FFEB3B;
}

.dark-contrast .heading-font {
    color: #ffeb3b;
}

.dark-contrast .menu-logo {
    border: 2px solid #ffeb3b;
}


.dark-contrast .header-menu-s li:not(:last-child)::after {
    border-right: 1px solid #ffeb3b;
}

.dark-contrast .email-cont input {
    border-bottom: 1px solid #ffeb3b;
}


.dark-contrast-wave2,
.dark-contrast .dark-contrast-wave1 {
    display: none;
}

.dark-contrast .dark-contrast-wave2 {
    display: block;
}

.dark-contrast .wave-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    height: 80px;
}

.dark-contrast .wave1 {
    fill: #000 !important;
}

.dark-contrast .menu-top li a,
.dark-contrast .sidebar-menu h3,
.dark-contrast .product-heading .sub-caption-p {
    color: #ffeb3b;
}

.dark-contrast h3.report-text {
    color: #000;
}

/* -----------Dark Contrast Theme End------------- */

.title-blue-active .text-white {
    color: #0076b4 !important;
}

.title-blue-active .latest-press-release .page-title,
.title-blue-active .subpage-header .page-title,
.title-blue-active .banner-caption h1 span,
.title-blue-active .care-green-top .esg-main-caption {
    color: #0076b4 !important;
}

.title-blue-active h2.main-heading,
.title-blue-active h2.page-title,
.title-blue-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #0076b4 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-purple-active h2.main-heading,
.title-purple-active h2.page-title,
.title-purple-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #7a549c 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-red-active h2.main-heading,
.title-red-active h2.page-title,
.title-red-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #c83733 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-orange-active h2.main-heading,
.title-orange-active h2.page-title,
.title-orange-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #d07021 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-teal-active h2.main-heading,
.title-teal-active h2.page-title,
.title-teal-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #26999f 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-green-active h2.main-heading,
.title-green-active h2.page-title,
.title-green-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #4d7831 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-white-active h2.main-heading,
.title-white-active h2.page-title,
.title-white-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #fff 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.title-black-active h2.main-heading,
.title-black-active h2.page-title,
.title-black-active .subpage-header .page-title {
    background: linear-gradient(to bottom right, #000 62%, #02293d 81%) !important;
    -webkit-background-clip: text !important;
}

.text-blue-active p,
.text-blue-active strong,
.text-blue-active span,
.text-blue-active li,
.text-blue-active a,
.text-blue-active table td,
.title-blue-active h1,
.title-blue-active h2,
.title-blue-active h3,
.title-blue-active h4,
.title-blue-active h5,
.title-blue-active h6,
.text-blue-active .gallery-history-main .new-years-data p {
    color: #0076b4 !important;
}

.text-purple-active p,
.text-purple-active strong,
.text-purple-active span,
.text-purple-active li,
.text-purple-active a,
.text-purple-active table td,
.title-purple-active h1,
.title-purple-active h2,
.title-purple-active h3,
.title-purple-active h4,
.title-purple-active h5,
.title-purple-active h6,
.title-purple-active .banner-caption h1 span,
.title-purple-active .care-green-top .esg-main-caption,
.title-purple-active .text-white,
.text-purple-active .gallery-history-main .new-years-data p {
    color: #7a549c !important;
}

.text-red-active p,
.text-red-active strong,
.text-red-active span,
.text-red-active li,
.text-red-active a,
.text-red-active table td,
.title-red-active h1,
.title-red-active h2,
.title-red-active h3,
.title-red-active h4,
.title-red-active h5,
.title-red-active h6,
.title-red-active .banner-caption h1 span,
.title-red-active .care-green-top .esg-main-caption,
.title-red-active .text-white,
.text-red-active .gallery-history-main .new-years-data p,
.text-red-active .hambergur.open .sub-menu li a {
    color: #c83733 !important;
}

.text-orange-active p,
.text-orange-active strong,
.text-orange-active span,
.text-orange-active li,
.text-orange-active a,
.text-orange-active table td,
.title-orange-active h1,
.title-orange-active h2,
.title-orange-active h3,
.title-orange-active h4,
.title-orange-active h5,
.title-orange-active h6,
.title-orange-active .banner-caption h1 span,
.title-orange-active .care-green-top .esg-main-caption,
.title-orange-active .text-white,
.text-orange-active .gallery-history-main .new-years-data p,
.text-orange-active .hambergur.open .sub-menu li a {
    color: #d07021 !important;
}

.text-teal-active p,
.text-teal-active strong,
.text-teal-active span,
.text-teal-active li,
.text-teal-active a,
.text-teal-active table td,
.title-teal-active h1,
.title-teal-active h2,
.title-teal-active h3,
.title-teal-active h4,
.title-teal-active h5,
.title-teal-active h6,
.title-teal-active .banner-caption h1 span,
.title-teal-active .care-green-top .esg-main-caption,
.title-teal-active .text-white,
.text-teal-active .gallery-history-main .new-years-data p,
.text-teal-active .hambergur.open .sub-menu li a {
    color: #26999f !important;
}

.text-orange-active .hambergur.open .sub-menu li a .text-green-active p,
.text-green-active strong,
.text-green-active span,
.text-green-active li,
.text-green-active a,
.text-green-active table td,
.title-green-active h1,
.title-green-active h2,
.title-green-active h3,
.title-green-active h4,
.title-green-active h5,
.title-green-active h6,
.title-green-active .banner-caption h1 span,
.title-green-active .care-green-top .esg-main-caption,
.title-green-active .text-white,
.text-green-active .gallery-history-main .new-years-data p,
.text-green-active .hambergur.open .sub-menu li a {
    color: #4d7831 !important;
}

.text-white-active p,
.text-white-active strong,
.text-white-active span,
.text-white-active li,
.text-white-active a,
.text-white-active table td,
.title-white-active h1,
.title-white-active h2,
.title-white-active h3,
.title-white-active h4,
.title-white-active h5,
.title-white-active h6,
.title-white-active .banner-caption h1 span,
.title-white-active .care-green-top .esg-main-caption,
.title-white-active .text-white,
.text-white-active .gallery-history-main .new-years-data p,
.text-white-active .hambergur.open .sub-menu li a {
    color: #fff !important;
}

.text-black-active p,
.text-black-active strong,
.text-black-active span,
.text-black-active li,
.text-black-active a,
.text-black-active table td,
.title-black-active h1,
.title-black-active h2,
.title-black-active h3,
.title-black-active h4,
.title-black-active h5,
.title-black-active h6,
.title-black-active .banner-caption h1 span,
.title-black-active .care-green-top .esg-main-caption,
.title-black-active .text-white,
.text-black-active .gallery-history-main .new-years-data p,
.text-black-active .hambergur.open .sub-menu li a {
    color: #000 !important;
}

.big-black-cursor {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz48L3NsaWNlcz4NCgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjQ4LjMiIHdpZHRoPSIzMy43IiB4PSI4LjEiIHk9Ii00OS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGQ9Ik0zOS41LDMxQzI5LjMsMjEuNywxOS4zLDEyLjQsOS4xLDMuMWMwLDEzLjgsMCwyNy40LDAsNDEuMmMzLjEtMyw2LjEtNS45LDkuMi04LjhjMS44LDQuMSwzLjYsOC4yLDUuNCwxMi4zDQoJCWMyLjgtMS4yLDUuNi0yLjUsOC40LTMuN2MtMS44LTQuMS0zLjYtOC4yLTUuNC0xMi4zQzMxLDMxLjUsMzUuMiwzMS4zLDM5LjUsMzF6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjIsNDkuMkwxOCwzNy4ybC05LjgsOS40VjAuOGwzMy43LDMxbC0xMy42LDAuOWw1LjIsMTEuOUwyMy4yLDQ5LjJ6IE0xOC43LDMzLjhsNS42LDEyLjdsNi42LTIuOQ0KCQlsLTUuNi0xMi43bDExLjgtMC44TDEwLjEsNS40VjQyTDE4LjcsMzMuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K') 10 10, auto;
}

.big-black-cursor a {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPG1ldGFkYXRhPg0KCTxzZncgIHhtbG5zPSImbnNfc2Z3OyI+DQoJCTxzbGljZXM+PC9zbGljZXM+DQoJCTxzbGljZVNvdXJjZUJvdW5kcyAgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSIgaGVpZ2h0PSI0Mi42IiB3aWR0aD0iMzIuNSIgeD0iOC44IiB5PSItNDYuMyI+PC9zbGljZVNvdXJjZUJvdW5kcz4NCgk8L3Nmdz4NCjwvbWV0YWRhdGE+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcsMjMuMWMwLTAuMiwwLTAuNCwwLTAuNmMwLTUuNywwLTExLjUsMC0xNy4yYzAtMC40LDAtMC44LDAuMS0xLjJjMC4zLTEuMywxLjQtMi4xLDIuNy0yLjENCgkJYzEuMywwLDIuNCwwLjksMi43LDIuMmMwLjEsMC40LDAuMSwwLjcsMC4xLDEuMWMwLDIuNywwLDUuNSwwLDguMmMwLDAuMiwwLDAuNCwwLDAuN2MxLjEtMC42LDIuMy0xLDMuNS0wLjRjMS4zLDAuNiwxLjYsMS43LDEuNiwzDQoJCWMxLTAuNywyLTEuMSwzLjItMC43YzEuMiwwLjQsMS44LDEuMywxLjksMi42YzAuNS0wLjIsMS0wLjQsMS41LTAuNWMwLjYtMC4xLDEuMi0wLjIsMS44LDBjMS4yLDAuMywxLjksMS4zLDEuOSwyLjZjMCwyLDAsNCwwLDYuMQ0KCQljMCwyLjQtMC4xLDQuNy0wLjEsNy4xYzAsMS42LTAuNCwzLjEtMSw0LjVjLTAuNSwxLTAuOSwyLjEtMS40LDMuMWMtMC41LDEtMS4zLDEuNS0yLjQsMS41Yy00LjIsMC04LjUsMC0xMi43LDANCgkJYy0xLDAtMS44LTAuNS0yLjItMS4zYy0xLjEtMS45LTIuMi0zLjktMy4yLTUuOGMtMi0zLjctMy40LTcuNi00LjgtMTEuNmMtMC43LTEuOC0xLjUtMy41LTIuNi01LjFjLTAuOS0xLjItMC41LTMsMC43LTMuOQ0KCQljMS4zLTAuOSwzLTAuOCwzLjksMC41YzEuNSwyLjIsMyw0LjUsNC41LDYuOGMwLjEsMC4yLDAuMiwwLjMsMC4zLDAuNUMxNi45LDIzLjEsMTYuOSwyMy4xLDE3LDIzLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 10 10, auto;
}

.big-black-cursor-active {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz48L3NsaWNlcz4NCgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjQ4LjMiIHdpZHRoPSIzMy43IiB4PSI4LjEiIHk9Ii00OS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGQ9Ik0zOS41LDMxQzI5LjMsMjEuNywxOS4zLDEyLjQsOS4xLDMuMWMwLDEzLjgsMCwyNy40LDAsNDEuMmMzLjEtMyw2LjEtNS45LDkuMi04LjhjMS44LDQuMSwzLjYsOC4yLDUuNCwxMi4zDQoJCWMyLjgtMS4yLDUuNi0yLjUsOC40LTMuN2MtMS44LTQuMS0zLjYtOC4yLTUuNC0xMi4zQzMxLDMxLjUsMzUuMiwzMS4zLDM5LjUsMzF6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjIsNDkuMkwxOCwzNy4ybC05LjgsOS40VjAuOGwzMy43LDMxbC0xMy42LDAuOWw1LjIsMTEuOUwyMy4yLDQ5LjJ6IE0xOC43LDMzLjhsNS42LDEyLjdsNi42LTIuOQ0KCQlsLTUuNi0xMi43bDExLjgtMC44TDEwLjEsNS40VjQyTDE4LjcsMzMuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K') 10 10, auto;
}

.big-white-cursor {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkRGREZEO30NCjwvc3R5bGU+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz48L3NsaWNlcz4NCgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjQ4LjMiIHdpZHRoPSIzMy43IiB4PSI4LjEiIHk9Ii00OS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOS41LDMxQzI5LjMsMjEuNywxOS4zLDEyLjQsOS4xLDMuMWMwLDEzLjgsMCwyNy40LDAsNDEuMmMzLjEtMyw2LjEtNS45LDkuMi04LjhjMS44LDQuMSwzLjYsOC4yLDUuNCwxMi4zDQoJCWMyLjgtMS4yLDUuNi0yLjUsOC40LTMuN2MtMS44LTQuMS0zLjYtOC4yLTUuNC0xMi4zQzMxLDMxLjUsMzUuMiwzMS4zLDM5LjUsMzF6Ii8+DQoJPHBhdGggZD0iTTIzLjIsNDkuMkwxOCwzNy4ybC05LjgsOS40VjAuOGwzMy43LDMxbC0xMy42LDAuOWw1LjIsMTEuOUwyMy4yLDQ5LjJ6IE0xOC43LDMzLjhsNS42LDEyLjdsNi42LTIuOWwtNS42LTEyLjdsMTEuOC0wLjgNCgkJTDEwLjEsNS40VjQyTDE4LjcsMzMuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K') 10 10, auto;
}

.big-white-cursor-active {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkRGREZEO30NCjwvc3R5bGU+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz48L3NsaWNlcz4NCgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjQ4LjMiIHdpZHRoPSIzMy43IiB4PSI4LjEiIHk9Ii00OS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOS41LDMxQzI5LjMsMjEuNywxOS4zLDEyLjQsOS4xLDMuMWMwLDEzLjgsMCwyNy40LDAsNDEuMmMzLjEtMyw2LjEtNS45LDkuMi04LjhjMS44LDQuMSwzLjYsOC4yLDUuNCwxMi4zDQoJCWMyLjgtMS4yLDUuNi0yLjUsOC40LTMuN2MtMS44LTQuMS0zLjYtOC4yLTUuNC0xMi4zQzMxLDMxLjUsMzUuMiwzMS4zLDM5LjUsMzF6Ii8+DQoJPHBhdGggZD0iTTIzLjIsNDkuMkwxOCwzNy4ybC05LjgsOS40VjAuOGwzMy43LDMxbC0xMy42LDAuOWw1LjIsMTEuOUwyMy4yLDQ5LjJ6IE0xOC43LDMzLjhsNS42LDEyLjdsNi42LTIuOWwtNS42LTEyLjdsMTEuOC0wLjgNCgkJTDEwLjEsNS40VjQyTDE4LjcsMzMuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K') 10 10, auto;
}

.big-white-cursor a {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxtZXRhZGF0YT4NCgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPg0KCQk8c2xpY2VzPjwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGJvdHRvbUxlZnRPcmlnaW49InRydWUiIGhlaWdodD0iNDIuNiIgd2lkdGg9IjMyLjQiIHg9IjYuMyIgeT0iMS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi45LDIzLjFjMC0wLjIsMC0wLjQsMC0wLjZjMC01LjcsMC0xMS41LDAtMTcuMmMwLTAuNCwwLTAuOCwwLjEtMS4yQzE3LjMsMi44LDE4LjQsMiwxOS43LDINCgkJYzEuMywwLDIuNCwwLjksMi43LDIuMmMwLjEsMC40LDAuMSwwLjcsMC4xLDEuMWMwLDIuNywwLDUuNSwwLDguMmMwLDAuMiwwLDAuNCwwLDAuN2MxLjEtMC42LDIuMy0xLDMuNS0wLjRjMS4zLDAuNiwxLjYsMS43LDEuNiwzDQoJCWMxLTAuNywyLTEuMSwzLjItMC43czEuOCwxLjMsMS45LDIuNmMwLjUtMC4yLDEtMC40LDEuNS0wLjVjMC42LTAuMSwxLjItMC4yLDEuOCwwYzEuMiwwLjMsMS45LDEuMywxLjksMi42YzAsMiwwLDQsMCw2LjENCgkJYzAsMi40LTAuMSw0LjctMC4xLDcuMWMwLDEuNi0wLjQsMy4xLTEsNC41Yy0wLjUsMS0wLjksMi4xLTEuNCwzLjFTMzQuMSw0MywzMyw0M2MtNC4yLDAtOC41LDAtMTIuNywwYy0xLDAtMS44LTAuNS0yLjItMS4zDQoJCWMtMS4xLTEuOS0yLjItMy45LTMuMi01LjhjLTItMy43LTMuNC03LjYtNC44LTExLjZjLTAuNy0xLjgtMS41LTMuNS0yLjYtNS4xYy0wLjktMS4yLTAuNS0zLDAuNy0zLjljMS4zLTAuOSwzLTAuOCwzLjksMC41DQoJCWMxLjUsMi4yLDMsNC41LDQuNSw2LjhjMC4xLDAuMiwwLjIsMC4zLDAuMywwLjVDMTYuOCwyMy4xLDE2LjgsMjMuMSwxNi45LDIzLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 10 10, auto;
}

.big-black-cursor-active a {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPG1ldGFkYXRhPg0KCTxzZncgIHhtbG5zPSImbnNfc2Z3OyI+DQoJCTxzbGljZXM+PC9zbGljZXM+DQoJCTxzbGljZVNvdXJjZUJvdW5kcyAgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSIgaGVpZ2h0PSI0Mi42IiB3aWR0aD0iMzIuNSIgeD0iOC44IiB5PSItNDYuMyI+PC9zbGljZVNvdXJjZUJvdW5kcz4NCgk8L3Nmdz4NCjwvbWV0YWRhdGE+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcsMjMuMWMwLTAuMiwwLTAuNCwwLTAuNmMwLTUuNywwLTExLjUsMC0xNy4yYzAtMC40LDAtMC44LDAuMS0xLjJjMC4zLTEuMywxLjQtMi4xLDIuNy0yLjENCgkJYzEuMywwLDIuNCwwLjksMi43LDIuMmMwLjEsMC40LDAuMSwwLjcsMC4xLDEuMWMwLDIuNywwLDUuNSwwLDguMmMwLDAuMiwwLDAuNCwwLDAuN2MxLjEtMC42LDIuMy0xLDMuNS0wLjRjMS4zLDAuNiwxLjYsMS43LDEuNiwzDQoJCWMxLTAuNywyLTEuMSwzLjItMC43YzEuMiwwLjQsMS44LDEuMywxLjksMi42YzAuNS0wLjIsMS0wLjQsMS41LTAuNWMwLjYtMC4xLDEuMi0wLjIsMS44LDBjMS4yLDAuMywxLjksMS4zLDEuOSwyLjZjMCwyLDAsNCwwLDYuMQ0KCQljMCwyLjQtMC4xLDQuNy0wLjEsNy4xYzAsMS42LTAuNCwzLjEtMSw0LjVjLTAuNSwxLTAuOSwyLjEtMS40LDMuMWMtMC41LDEtMS4zLDEuNS0yLjQsMS41Yy00LjIsMC04LjUsMC0xMi43LDANCgkJYy0xLDAtMS44LTAuNS0yLjItMS4zYy0xLjEtMS45LTIuMi0zLjktMy4yLTUuOGMtMi0zLjctMy40LTcuNi00LjgtMTEuNmMtMC43LTEuOC0xLjUtMy41LTIuNi01LjFjLTAuOS0xLjItMC41LTMsMC43LTMuOQ0KCQljMS4zLTAuOSwzLTAuOCwzLjksMC41YzEuNSwyLjIsMyw0LjUsNC41LDYuOGMwLjEsMC4yLDAuMiwwLjMsMC4zLDAuNUMxNi45LDIzLjEsMTYuOSwyMy4xLDE3LDIzLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 10 10, auto;
}

.big-white-cursor-active a {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxtZXRhZGF0YT4NCgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPg0KCQk8c2xpY2VzPjwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGJvdHRvbUxlZnRPcmlnaW49InRydWUiIGhlaWdodD0iNDIuNiIgd2lkdGg9IjMyLjQiIHg9IjYuMyIgeT0iMS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi45LDIzLjFjMC0wLjIsMC0wLjQsMC0wLjZjMC01LjcsMC0xMS41LDAtMTcuMmMwLTAuNCwwLTAuOCwwLjEtMS4yQzE3LjMsMi44LDE4LjQsMiwxOS43LDINCgkJYzEuMywwLDIuNCwwLjksMi43LDIuMmMwLjEsMC40LDAuMSwwLjcsMC4xLDEuMWMwLDIuNywwLDUuNSwwLDguMmMwLDAuMiwwLDAuNCwwLDAuN2MxLjEtMC42LDIuMy0xLDMuNS0wLjRjMS4zLDAuNiwxLjYsMS43LDEuNiwzDQoJCWMxLTAuNywyLTEuMSwzLjItMC43czEuOCwxLjMsMS45LDIuNmMwLjUtMC4yLDEtMC40LDEuNS0wLjVjMC42LTAuMSwxLjItMC4yLDEuOCwwYzEuMiwwLjMsMS45LDEuMywxLjksMi42YzAsMiwwLDQsMCw2LjENCgkJYzAsMi40LTAuMSw0LjctMC4xLDcuMWMwLDEuNi0wLjQsMy4xLTEsNC41Yy0wLjUsMS0wLjksMi4xLTEuNCwzLjFTMzQuMSw0MywzMyw0M2MtNC4yLDAtOC41LDAtMTIuNywwYy0xLDAtMS44LTAuNS0yLjItMS4zDQoJCWMtMS4xLTEuOS0yLjItMy45LTMuMi01LjhjLTItMy43LTMuNC03LjYtNC44LTExLjZjLTAuNy0xLjgtMS41LTMuNS0yLjYtNS4xYy0wLjktMS4yLTAuNS0zLDAuNy0zLjljMS4zLTAuOSwzLTAuOCwzLjksMC41DQoJCWMxLjUsMi4yLDMsNC41LDQuNSw2LjhjMC4xLDAuMiwwLjIsMC4zLDAuMywwLjVDMTYuOCwyMy4xLDE2LjgsMjMuMSwxNi45LDIzLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 10 10, auto;
}

.fancybox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}


.hide-image-active img {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.monochrome-active section {
    filter: grayscale(100%);
    mix-blend-mode: luminosity;
}

body.monochrome-active video {
    filter: grayscale(100%);
    mix-blend-mode: luminosity;
}

body.saturation-active section {
    filter: saturate(200%);
}

body.high-contrast-active img {
    filter: contrast(200%);
}

.highlight-links-active a {
    outline: 2px solid #E82329 !important;
    outline-offset: 2px !important;
}

.big-black-cursor {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz48L3NsaWNlcz4NCgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjQ4LjMiIHdpZHRoPSIzMy43IiB4PSI4LjEiIHk9Ii00OS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGQ9Ik0zOS41LDMxQzI5LjMsMjEuNywxOS4zLDEyLjQsOS4xLDMuMWMwLDEzLjgsMCwyNy40LDAsNDEuMmMzLjEtMyw2LjEtNS45LDkuMi04LjhjMS44LDQuMSwzLjYsOC4yLDUuNCwxMi4zDQoJCWMyLjgtMS4yLDUuNi0yLjUsOC40LTMuN2MtMS44LTQuMS0zLjYtOC4yLTUuNC0xMi4zQzMxLDMxLjUsMzUuMiwzMS4zLDM5LjUsMzF6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjIsNDkuMkwxOCwzNy4ybC05LjgsOS40VjAuOGwzMy43LDMxbC0xMy42LDAuOWw1LjIsMTEuOUwyMy4yLDQ5LjJ6IE0xOC43LDMzLjhsNS42LDEyLjdsNi42LTIuOQ0KCQlsLTUuNi0xMi43bDExLjgtMC44TDEwLjEsNS40VjQyTDE4LjcsMzMuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K') 10 10, auto;
}

.big-white-cursor {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkRGREZEO30NCjwvc3R5bGU+DQo8bWV0YWRhdGE+DQoJPHNmdyAgeG1sbnM9IiZuc19zZnc7Ij4NCgkJPHNsaWNlcz48L3NsaWNlcz4NCgkJPHNsaWNlU291cmNlQm91bmRzICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiBoZWlnaHQ9IjQ4LjMiIHdpZHRoPSIzMy43IiB4PSI4LjEiIHk9Ii00OS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOS41LDMxQzI5LjMsMjEuNywxOS4zLDEyLjQsOS4xLDMuMWMwLDEzLjgsMCwyNy40LDAsNDEuMmMzLjEtMyw2LjEtNS45LDkuMi04LjhjMS44LDQuMSwzLjYsOC4yLDUuNCwxMi4zDQoJCWMyLjgtMS4yLDUuNi0yLjUsOC40LTMuN2MtMS44LTQuMS0zLjYtOC4yLTUuNC0xMi4zQzMxLDMxLjUsMzUuMiwzMS4zLDM5LjUsMzF6Ii8+DQoJPHBhdGggZD0iTTIzLjIsNDkuMkwxOCwzNy4ybC05LjgsOS40VjAuOGwzMy43LDMxbC0xMy42LDAuOWw1LjIsMTEuOUwyMy4yLDQ5LjJ6IE0xOC43LDMzLjhsNS42LDEyLjdsNi42LTIuOWwtNS42LTEyLjdsMTEuOC0wLjgNCgkJTDEwLjEsNS40VjQyTDE4LjcsMzMuOHoiLz4NCjwvZz4NCjwvc3ZnPg0K') 10 10, auto;
}

.big-white-cursor a {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxtZXRhZGF0YT4NCgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPg0KCQk8c2xpY2VzPjwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGJvdHRvbUxlZnRPcmlnaW49InRydWUiIGhlaWdodD0iNDIuNiIgd2lkdGg9IjMyLjQiIHg9IjYuMyIgeT0iMS4yIj48L3NsaWNlU291cmNlQm91bmRzPg0KCTwvc2Z3Pg0KPC9tZXRhZGF0YT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi45LDIzLjFjMC0wLjIsMC0wLjQsMC0wLjZjMC01LjcsMC0xMS41LDAtMTcuMmMwLTAuNCwwLTAuOCwwLjEtMS4yQzE3LjMsMi44LDE4LjQsMiwxOS43LDINCgkJYzEuMywwLDIuNCwwLjksMi43LDIuMmMwLjEsMC40LDAuMSwwLjcsMC4xLDEuMWMwLDIuNywwLDUuNSwwLDguMmMwLDAuMiwwLDAuNCwwLDAuN2MxLjEtMC42LDIuMy0xLDMuNS0wLjRjMS4zLDAuNiwxLjYsMS43LDEuNiwzDQoJCWMxLTAuNywyLTEuMSwzLjItMC43czEuOCwxLjMsMS45LDIuNmMwLjUtMC4yLDEtMC40LDEuNS0wLjVjMC42LTAuMSwxLjItMC4yLDEuOCwwYzEuMiwwLjMsMS45LDEuMywxLjksMi42YzAsMiwwLDQsMCw2LjENCgkJYzAsMi40LTAuMSw0LjctMC4xLDcuMWMwLDEuNi0wLjQsMy4xLTEsNC41Yy0wLjUsMS0wLjksMi4xLTEuNCwzLjFTMzQuMSw0MywzMyw0M2MtNC4yLDAtOC41LDAtMTIuNywwYy0xLDAtMS44LTAuNS0yLjItMS4zDQoJCWMtMS4xLTEuOS0yLjItMy45LTMuMi01LjhjLTItMy43LTMuNC03LjYtNC44LTExLjZjLTAuNy0xLjgtMS41LTMuNS0yLjYtNS4xYy0wLjktMS4yLTAuNS0zLDAuNy0zLjljMS4zLTAuOSwzLTAuOCwzLjksMC41DQoJCWMxLjUsMi4yLDMsNC41LDQuNSw2LjhjMC4xLDAuMiwwLjIsMC4zLDAuMywwLjVDMTYuOCwyMy4xLDE2LjgsMjMuMSwxNi45LDIzLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 10 10, auto;
}

.big-black-cursor a {
    cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPG1ldGFkYXRhPg0KCTxzZncgIHhtbG5zPSImbnNfc2Z3OyI+DQoJCTxzbGljZXM+PC9zbGljZXM+DQoJCTxzbGljZVNvdXJjZUJvdW5kcyAgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSIgaGVpZ2h0PSI0Mi42IiB3aWR0aD0iMzIuNSIgeD0iOC44IiB5PSItNDYuMyI+PC9zbGljZVNvdXJjZUJvdW5kcz4NCgk8L3Nmdz4NCjwvbWV0YWRhdGE+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcsMjMuMWMwLTAuMiwwLTAuNCwwLTAuNmMwLTUuNywwLTExLjUsMC0xNy4yYzAtMC40LDAtMC44LDAuMS0xLjJjMC4zLTEuMywxLjQtMi4xLDIuNy0yLjENCgkJYzEuMywwLDIuNCwwLjksMi43LDIuMmMwLjEsMC40LDAuMSwwLjcsMC4xLDEuMWMwLDIuNywwLDUuNSwwLDguMmMwLDAuMiwwLDAuNCwwLDAuN2MxLjEtMC42LDIuMy0xLDMuNS0wLjRjMS4zLDAuNiwxLjYsMS43LDEuNiwzDQoJCWMxLTAuNywyLTEuMSwzLjItMC43YzEuMiwwLjQsMS44LDEuMywxLjksMi42YzAuNS0wLjIsMS0wLjQsMS41LTAuNWMwLjYtMC4xLDEuMi0wLjIsMS44LDBjMS4yLDAuMywxLjksMS4zLDEuOSwyLjZjMCwyLDAsNCwwLDYuMQ0KCQljMCwyLjQtMC4xLDQuNy0wLjEsNy4xYzAsMS42LTAuNCwzLjEtMSw0LjVjLTAuNSwxLTAuOSwyLjEtMS40LDMuMWMtMC41LDEtMS4zLDEuNS0yLjQsMS41Yy00LjIsMC04LjUsMC0xMi43LDANCgkJYy0xLDAtMS44LTAuNS0yLjItMS4zYy0xLjEtMS45LTIuMi0zLjktMy4yLTUuOGMtMi0zLjctMy40LTcuNi00LjgtMTEuNmMtMC43LTEuOC0xLjUtMy41LTIuNi01LjFjLTAuOS0xLjItMC41LTMsMC43LTMuOQ0KCQljMS4zLTAuOSwzLTAuOCwzLjksMC41YzEuNSwyLjIsMyw0LjUsNC41LDYuOGMwLjEsMC4yLDAuMiwwLjMsMC4zLDAuNUMxNi45LDIzLjEsMTYuOSwyMy4xLDE3LDIzLjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') 10 10, auto;
}

.hide-image-active img {
    opacity: 0 !important;
    visibility: hidden !important;
}

/*------------------- Accessibility Adjustments End -----------------------  */

.nav-bar-tab-unique {
    display: flex;
    scroll-behavior: smooth;
    white-space: nowrap;
    border-radius: 4px;
    padding: 0 20px;
    margin: 15px 0px 15px 0px;
    list-style: none;
    width: 100%;
    position: relative;
    justify-content: center;
}

.nav-bar-tab-unique.show-scroll {
    overflow-x: auto;
}

.product-tabs-container {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
}

.product-tabs-container::-webkit-scrollbar {
    display: none;
}

.product-s-custom-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    outline: none;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 3px 5px;
}

#facebook-content {
    height: 100%;
}

.container.mbr-40 {
    height: 100%;
}

.responsive-iframe-wrapper {
    height: 100%;
}

.facebook-embed-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-left: 0;
}

.facebook-embed-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}

.fb-iframe {
    display: none;
}

.fb-iframe-lg {
    display: block;
}

.fb-iframe-sm {
    display: none;
}

.fb-iframe-xsm {
    display: none;
}

.close {
    background: none;
    border: none;
}

input.my-field {
    height: 40px !important;
}

.input-fields {
    border-radius: 3px;
    font-size: 15px;
    line-height: 24px;
    box-shadow: 0 0 5px 0 #0000001a;
    width: 100%;
    border: 1px solid #eaeaff;
    outline: 0;
    padding: 10px;
    background: #f6f6ff;
}

.input-fields::placeholder {
    color: #787878;
}

.form-control:focus {
    box-shadow: none;

}

.form-label {
    font-size: 15px;
    margin-bottom: 5px;
    color: #494949;
}

.captchadesign img {
    position: absolute !important;
    z-index: 9;
    transform: translateY(50%);
    right: 9px;
}


.captchadesign br {
    display: none;
}

.new-text-d-area {
    height: 150px;
    resize: vertical;
}

.enquiry-form .form-product-name {
    color: #3d4097;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    float: left;
    line-height: 30px;
    margin-bottom: 15px;
    font-family: Montserrat;
}

.enquiry-form .modal-close {
    top: 0px;
    right: 15px;
    transition: 0.3s all;
}

.enquiry-form .modal-close:hover {
    transform: scale(1.1);
    color: #3a4199;
}

.enquiry-form p {
    margin-bottom: 0;
}

.enquiry-form .wpcf7-spinner {
    position: absolute;
    right: 100%;
    bottom: 8px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff9dae !important;
    background: #ffcbd6;
    border-radius: 4px;
    color: #832020;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    background: #c6ffd4;
    color: #054a0b;
    border-radius: 4px;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
}

.form-control:disabled {
    background-color: #f3f3f3;
    border: 1px solid #e8e8e8;
}

.wpcf7-not-valid-tip {
    font-size: 14px !important;
    margin-top: 2px;
}

.owl-nav {
    position: absolute;
    bottom: 14px;
    right: 20px;
}

.product-carousel {
    height: 100%;
    position: relative;
}

.product-carousel:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #e2e3f3;
    z-index: 9;
}

.product-carousel .owl-item {
    height: 100%;
}


.no-pointer {
    pointer-events: none;
    cursor: default;
}

.product-carousel.owl-carousel .owl-stage {
    height: 100%;
}

.product-carousel.owl-carousel .owl-stage-outer {
    height: 100%;
}

.product-carousel .item {
    height: 100%;
}

.product-carousel .item img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 10px;
    height: 20px;
    border-radius: 50%;
    padding: 18px 20px 18px 20px;
    border: none;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 65px;
    height: 65px;
    background: #3d4097;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #3d4097;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-radius: 5px;
}

.abstract-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 25px;
}

#enquiryModal .modal-header {
    border-bottom: none;
}

.abstract-img {
    width: 100%;
}

#enquiryModal .modal-body {
    padding: 1rem 50px 2rem;
}

.submit-button {
    width: 100%;
}

.submit-button p {
    width: 100%;
}

.submit-button .submit-btn {
    width: 100%;
    background: #3d4097 !important;
    border-color: #3d4097 !important;
    padding: 9px;
}

.enquiry-form h4 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

/* --enquiry form redesign--- */

.form-floating .form-control {
    border-radius: 5px;
    background: #f7f9ff !important;
}

.form-floating .form-control:disabled {
    background: #f5f5f5 !important;
}

.form-floating>label {
    background-color: transparent !important;
    padding-left: 45px;
    z-index: 1;
    color: #8f8f8f;
    font-family: Montserrat;
}


.form-floating .form-control:focus~label,
.form-floating .form-control:not(:placeholder-shown)~label {
    background-color: transparent !important;
}

.form-floating .form-control,
.form-floating .form-select {
    padding-left: 40px;
}

.form-floating label span {
    color: #ff0000;
}

.form-control-feedback-icon {
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
}

.feedback-icon-message .form-control-feedback-icon {
    top: 30px;
}

.ph-product {
    background-image: url(../assets/images/prod.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px !important;
    height: 25px !important;
}

.ph-user {
    background-image: url(../assets/images/user.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ph-phone {
    background-image: url(../assets/images/telephone-s.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ph-email {
    background-image: url(../assets/images/mail.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ph-pwd {
    background-image: url(../assets/images/pwd.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px !important;
    height: 22px !important;
}

.ph-message {
    background-image: url(../assets/images/list.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 12px !important;
    margin-left: 14px !important;
}

.ph {
    width: 20px;
    height: 20px;

    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    background-color: transparent !important;
}

.submit-button .submit-btn:hover {
    background: #44479b !important;
    border-color: #35388d !important;
}

.custom-textarea {
    height: 100px !important;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.product-carousel .owl-next,
.product-carousel .owl-prev {
    width: 35px;
    height: 35px;
    background: #fff !important;
    text-align: center;
    border: none !important;
    position: relative;
    border-radius: 0;
    backdrop-filter: blur(10px);
}

.product-carousel .owl-prev {
    margin-right: 7px;
}

.product-carousel .owl-next span,
.product-carousel .owl-prev span {
    color: #3d4097;
    font-size: 14px;
    font-weight: 800;
}

.product-carousel .owl-next span i:before,
.product-carousel .owl-prev span i:before {
    font-weight: 800 !important;
}

.pause-slider {
    position: absolute;
    bottom: 20px;
    right: 110px;
    width: 35px;
    height: 35px;
    background: #fff;
    text-align: center;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    backdrop-filter: blur(10px);
}

.pause-slider svg {
    font-weight: 600;
}


.custom-pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    z-index: 5;
    left: 30px;
}

.custom-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 3px;
    display: inline-block;
    opacity: 0.7;
    cursor: pointer;
}

.custom-pagination-bullet svg {
    transform: rotate(-90deg);
}

.svg__circle {
    stroke: #fff;
    stroke-dasharray: 75;
    stroke-dashoffset: 75;
    transition: stroke-dashoffset 0.7s ease;
}

.svg__circle-inner {
    stroke: #fff;
    fill: transparent;
    transition: fill 0.7s ease;
}

.custom-pagination-bullet.active .svg__circle {
    stroke-dashoffset: 0;

}

.custom-pagination-bullet.active .svg__circle-inner {
    fill: #fff;
}

.custom-tabs .table {
    border-collapse: separate;
}

.owl-wrapper {
    position: relative;
    background: #fff;
    height: 100%;
    width: 100%;
}

.milk-union-card {
    min-height: 210px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 25px 0 rgb(0 0 0/7%);
    padding: 20px;
    position: relative;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    overflow: hidden;
    z-index: 1;
}

.milk-union-card .external-link.external {
    display: inline-block;
    margin-top: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.milk-abs {
    position: absolute;
    bottom: -21px;
    left: 0;
    width: 100%;
    opacity: 0.3;
    z-index: -1;
}

.fancybox__container {
    z-index: 9999999 !important;
    --fancybox-bg: rgb(0 0 0 / 74%) !important;
}

.milk-union-card:before {
    content: "";
    height: 0;
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    background: #00adef;
    transition: all .3s ease-out;
}

.milk-union-card:hover::before {
    content: "";
    height: 100%;
}

.milk-union-head {
    margin-bottom: 20px;
}

.milk-union-head h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    padding-bottom: 0;
    line-height: 30px;
    margin-bottom: 15px;
    font-family: Montserrat;
}

.milk-union-address {
    display: flex;
    align-items: start;
    gap: 13px;
}

.milk-union-card .address-icons img {
    width: 25px;
}

.milk-union-address .address-content {
    font-weight: 500;
    color: #111111;
    font-size: 14px;
    font-family: Montserrat;
    transition: 0.3s all;
}

.milk-union-address .address-content:hover {
    color: #5155b8;
}

.external-link-url {
    position: absolute;
    top: 20px;
    right: 20px;
}

.external-link-url img {
    width: 16px;
}

@media screen and (max-width: 890px) {}

@media screen and (max-width: 810px) {
    .top-nav-bar .menu-top ul {
        gap: 0;
    }
}

.cstm-wdth {
    width: 100%;
}

/* Receipe landing css */

.receipe-container {
    margin-top: 25px;
}

.receipe-box {
    overflow: hidden;
    position: relative;
}

.receipe-container .small-container {
    margin-top: 25px;
}

.receipe-box-image {
    position: relative;
}

.receipe-box .receipe-box-image img {
    display: block;
    width: 100%;
}

.receipe-desc-box {
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    border-bottom: 12px solid transparent;
}

.qodef-content-holder {
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    border-bottom: 12px solid transparent;
}

.qodef-e-content-inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 17px 7% 17px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.qodef-recipe-list .qodef-e-info-top {
    display: flex;
    align-items: center;
}

.qodef-e-info-top {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.qodef-e-info-top span {
    margin-right: 15px;
    font-weight: 600;
    font-size: 13px;
    color: #060606;
    letter-spacing: .1em;
    text-transform: uppercase;
    position: relative;
}

.qodef-e-info-top .time,
.qodef-e-info-top .category {
    padding-left: 40px;
}

.qodef-e-info-top .time::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    background: url(../assets/images/time-01.svg);
    background-repeat: no-repeat;
}

.qodef-e-info-top .category::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    background: url(../assets/images/like-01.svg);
    background-repeat: no-repeat;
}

.qodef-e-info-top p {
    margin-bottom: 0;
}

.receipe-desc-box .qodef-e-title {
    font-size: 25px;
    font-weight: 700;
    font-family: signika;
    margin-bottom: 0;
}

.receipe-desc-box .qodef-e-title a {
    color: #3d4097;
}

.qodef-e-content-inner .qodef-e-excerpt {
    margin-top: 12px;
}

.qodef-e-content {
    position: absolute;
    bottom: 0;
    left: 14px;
    width: calc(100% - 28px);
    max-height: 118px;
    overflow: hidden;
    opacity: 1;
    transition: max-height 0.5s ease;
    z-index: 2;
    cursor: pointer;
}

.receipe-desc-box:hover .qodef-e-content {
    max-height: 1000px;
}

.statistics-icon img {
    width: 100%;
}

.statistics-icon {
    margin-bottom: 15px;
}

.newsletter-wrapper .pdf-info:before {
    top: 4px;
}

#quickViewModal .product-m-list {
    margin-right: 5px;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none !important;
}

.facebook-embed-wrapper iframe {
    max-width: 100%;
    width: 100%;
    height: 500px;
}

.desktop-only {
    display: block;
}

.mobile-only.fb-480 {
    display: none;
}

.mobile-only.fb-360 {
    display: none;
}

body.dark-contrast .dark-contrast-wave1 .wave {
    fill: red !important;
    transition: fill 0.4s ease-in-out;
}

.about-omfed {
    overflow: hidden;
}

.prof-col {
    width: 14%;
}

.name-col {
    width: 42%;
}

.mob-col {
    width: 21%;
}

.single-latest {
    font-family: Montserrat !important;
}

.single-latest .product-name-badge {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 5px;
    background: #00adef;
    padding: 5px 10px;
    border-radius: 5px;
}

h3.menu-product-heading {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-size: 24px;
    margin-bottom: 30px;
}


.sidebar-menu-products .product-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu-products .product-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9fdfd;
    border: 1px solid #e0e2f0;
    padding: 10px 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: 0.3s ease;
}

.sidebar-menu-products .product-list li:last-child {
    margin-bottom: 0;
}

.sidebar-menu-products .product-list li:hover {
    background: #e6e6f7;
    background: #e5f8ff;
}

.sidebar-menu-products .product-list li img {
    width: 20px;
    margin-right: 10px;
    color: #3d4097;
    color: #00adef;
    filter: invert(48%) sepia(97%) saturate(744%) hue-rotate(166deg) brightness(98%) contrast(101%);
}


.sidebar-menu-products .product-list li span {
    flex-grow: 1;
    font-size: 14px;
    color: #333;
}

.sidebar-menu-products .product-list .count {
    background: #d1d3f2;
    color: #3d4097;
    background: #d1e9f2;
    color: #00adef;
    font-weight: 600;
    font-size: 13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.sidebar-menu-products .product-list li:hover {
    transform: translateX(6px);
}

.product-tag-section {
    width: 100%;
}

.tag-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}

.tag-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 40px;
    background-color: #78c2ad;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tag-list li {
    background: #f9f9f9;
    color: #00adef;
    padding: 6px 12px 6px 10px;
    border-radius: 30px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid transparent;
}

.tag-list li:hover {
    background: #e8f3f6;
    border-color: #00adef;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.tag-list .remove {
    font-size: 16px;
    margin-right: 6px;
    color: #888;
    transition: color 0.3s ease;
}

.tag-list li:hover .remove {
    color: #e63946;
}

.latest-product-section .section-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}

.latest-product-section .section-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 40px;
    background-color: #78c2ad;
}

.latest-product-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latest-product-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.latest-product-list li a:hover .latest-product-list img {
    transform: scale(1.1);
}

.latest-product-list li:last-child {
    margin-bottom: 0;
}

.latest-product-img-box {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.latest-product-list img {
    object-fit: cover;
    transition: 0.3s all;
}

.latest-product-list .product-info {
    flex: 1;
}

.latest-product-list .product-name {
    position: relative;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #232323;
    font-family: Montserrat !important;
    transition: 0.3s all;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.latest-product-list .product-name:hover {
    color: #103293;
}

.latest-product-list .product-price {
    font-size: 14px;
    font-weight: bold;
    color: #009966;
    margin: 4px 0 0;
}

.read-more-btn img {
    transition: 0.3s all;
}

.read-more-btn:hover img {
    margin-left: 3px;
}

.organisation-chart-cont {
    position: relative;
}

.expand-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 10;

}

.expand-icon:hover img {
    transform: scale(1.2);
    filter: brightness(0) saturate(100%) invert(48%) sepia(96%) saturate(1445%) hue-rotate(165deg) brightness(94%) contrast(91%);
}

.expand-icon img {
    width: 20px;
    height: 20px;
    display: block;
    transition: fill 0.2s ease;

}


.organisation-chart-cont {
    padding: 10px;
    border: 1px solid #ddd;
    position: relative;
}

.organisation-chart-cont img {
    float: none;
    height: auto !important;
    margin-bottom: 0;
    margin-top: 0;
    cursor: pointer;
}

/* BOD sectin css */
.full-contact h4 {
    font-family: Montserrat;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #004388;
}

.full-contact p {
    margin-top: 10px;

    margin-bottom: 0px;
    font-family: Montserrat;
}

.member-box {
    background: #ffffff;
    padding: 13px;
    width: 100%;
    float: left;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 4%);
    border: 1px solid #ededed;
}

.member-box .image-section {
    overflow: hidden;
    width: 90px;
    height: 100px;
}

.member-box .image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s all;
    border: 1px solid #f5f5f5;
}

.member-box:hover img {
    transform: scale(1.1);
}

.full-contact {
    float: left;
    margin-left: 16px;
    flex: 1;
}

.contact-us-tab .nav-item {
    width: 20%;
    min-width: auto;
}

.tabs-section .custom-tabs.contact-us-tab .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    height: 100%;
}

.contact-us-tab .table tbody tr:nth-child(even) td,
.gst-table tbody tr:nth-child(even) td {
    background-color: #f5f8ff !important;
}


iframe.contact-us-map {
    height: 100%;
}

.screen-reader-table .table tbody tr td a {
    word-break: break-word;
}

.cattle-feed-page .nav-bar-tab-unique {
    width: auto !important;
}


.odisha-map-new .dist-map {
    fill: rgb(105 191 239);
    stroke: rgba(255, 255, 255);
    stroke-width: 1.2px;
    cursor: pointer;
}

.odisha-map-new .dist-map:hover {
    fill: rgb(0 185 255);
}

.odisha-map-new .distname-Text {
    fill: #000000;
    font-size: 0px;
    font-family: Montserrat;
    font-weight: 600;
    letter-spacing: .5px;
}

#info-box1 {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 5px !important;
    padding: 9px;
    line-height: 1.6;
    background: #3d4097;
    color: #fff;
    border-radius: 4px !important;
    box-shadow: 1px 2px 8px 0px rgb(2 30 84 / 15%);
    text-transform: capitalize;
}


/* --------------Responsive--------------- */

@media screen and (max-width: 1600px) {

    .product-landing-video {
        height: 440px !important;
    }

    .header-shape-new {
        height: 270px;
    }

    .img-banner {
        height: 450px;
    }

    .side-menu .side-nav {
        height: 436px;
    }

    .omfed-poster {
        padding: 0 40px;
    }

    .banner-content h1,
    .banner-content h2 {
        font-size: 46px !important;
    }

    .reels-section {
        width: 465px !important;
    }


}


@media screen and (max-width: 1450px) {
    .menu-main-menu-top-horizontal-odia-container .menu {
        padding-left: 0;
    }

    .menu-list li {
        margin-right: 27px;
    }
}

@media screen and (max-width: 1420px) {
    .menu-list li a {
        font-size: 15px;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1399px) {

    .report-text {
        min-height: 46px;
    }


}

@media screen and (max-width: 1399px) {
    .footer {
        background-position: center bottom 180px;
    }

    .journeysection .item {
        min-height: 370px !important;
    }

    .purple-pointer-2 {
        top: 130px;
        right: 148px;
    }


    .purple-pointer-1 {
        right: 120px;
        top: 106px;
    }

    .green-pointer-2 {
        right: 96px;
        top: 125px;
    }

    .green-pointer-13 {
        right: 131px;
        bottom: 230px;
    }

    .green-pointer-4 {
        left: 280px;
        top: 24px;
    }

    .green-pointer-3 {
        right: 200px;
        top: 12px;
    }

    .green-pointer-7 {
        left: 277px;
        top: 77px;
    }

    .green-pointer-2 {
        right: 96px;
        top: 125px;
    }

    .green-pointer-6 {
        right: 211px;
        top: 81px;
    }

    .green-pointer-9 {
        left: 181px;
        bottom: 229px;
    }

    .green-pointer-12 {
        right: 150px;
        bottom: 145px;
    }

    .green-pointer-11 {
        right: 173px;
        bottom: 126px;
    }

    .green-pointer-1 {
        right: 60px;
        top: 45px;
    }

    .green-pointer-10 {
        right: 320px;
        bottom: 132px;
    }

    .green-pointer-8 {
        left: 95px;
        bottom: 57px;
    }

    .green-pointer-5 {
        top: 170px;
    }

    .blue-pointer-1 {
        top: 128px;
        right: 147px;
    }

    .orange-pointer-1 {
        left: 195px;
        top: 60px;
    }

    .orange-pointer-2 {
        right: 136px;
        top: 146px;
    }

    .orange-pointer-3 {
        right: 135px;
        top: 123px;
    }

    .nav-bar-tab-unique.product-new {
        padding: 0;
    }

    .nav-bar-tab-unique {
        padding: 0 70px;
    }

    .fb-container {
        padding-left: 0px;
    }

    .impact-score h5 {
        font-size: 32px;
    }

    .fb-iframe-lg {
        display: none;
    }

    .fb-iframe-sm {
        display: block;
    }

    .resp-menu-icon {
        display: none !important;
    }

    .legend-cont h4 {
        font-size: 16px;
    }

    .map-subheading {
        font-size: 22px;

    }

    .map-right {
        padding-left: 0px;
        padding-right: 0;

    }

    .map {
        width: 450px;
        margin: 40px 0;
    }

    .jagatsinghpur {
        top: 104px;
        right: -6px;
    }

    .links-box {
        padding: 11px;
    }

    .reels-section {
        width: 440px !important;
    }

    .fb-iframe-lg {
        display: none;
    }

    .fb-iframe-sm {
        display: block;
    }

    .contact-info {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .email-box .email-list a {
        width: 100%;
    }
}


@media screen and (max-width: 1366px) {
    .p-main-banner {
        padding: 70px 0 !important;
    }

    .product-landing-video {
        height: 374px !important;
    }

    .email-list {
        margin-top: 17px;
    }

    .whats-new:after {
        height: 100%;
    }

    .p-measurement {
        padding: 5px 20px 5px 20px;
    }

    .online-1,
    .online-2,
    .online-3,
    .online-4 {
        padding: 8px 10px 8px 10px;
    }

    .img-banner {
        height: 374px;
    }

    .top-font-btn2 {
        padding: 2px 0px;
    }

    .menu-top li a {
        line-height: 18px;
    }


    .menu-top .language-change {
        top: 0;
    }

    .menu-logo {
        height: 45px;
        width: 45px;
    }

    .menu-logo img {
        width: 22px;
    }

    .menu-icon-h span {
        font-size: 8px;
    }

    .menu-logo::after {
        left: 5px;
        font-size: 9px;
    }

    .header-logo img {
        width: 102px;
    }

    .menu-list li a {
        margin-left: 12px;
        font-size: 14px;
    }

    header:before {
        height: 133px;
    }

    .menu-list li .sub-menu li a {
        font-size: 13px;
    }

    .menu-list .sub-menu {
        top: 46px;
    }

    .navbar-nav {
        height: 435px;
    }

    .side-menu .side-nav {
        margin-top: 30px;
    }

    .omfed-poster {
        padding: 0 20px;
        width: 53%;
    }

    .products-num .impact-score h5 {
        font-size: 32px;
    }

    .products-num h5 {
        font-size: 38px;
    }

    .banner-content {
        bottom: 70px;
    }

    .banner-content h1 {
        font-size: 41px;
        line-height: 45px;
        margin-bottom: 2px;
    }

    .content h2 {
        top: -5px;
    }

    .menu-list li {
        margin-right: 5px;
    }

    .event-body {
        max-height: 100%;
    }

    .menu-icon-h {
        margin-left: 30px;
    }

    .productAdvtisementlandingpageSwiper {
        height: 308px !important;
    }

    .productAdvtisementlandingpageSwiper .video-wrapper iframe {
        width: 100%;
        height: 308px;
    }

    .productAdvtisementlandingpageSwiper .video-wrapper {
        height: 308px;
    }

    .white-section {
        padding: 90px 0 105px 0;
    }

}

@media screen and (max-width: 1352px) {
    .tab-section-milk .product-tabs-content {
        text-align: center;
    }
}

@media screen and (max-width: 1299px) {

    .nav-bar-tab-unique {
        width: 87%;
    }

    .menu-main-menu-top-horizontal-container .menu {
        padding-left: 0;
    }

    .menu-icon-h {
        margin-left: 10px;
    }

    .menu-top li a {
        font-size: 13px;
    }

    .menu-main-menu-top-horizontal-odia-container .menu li a {
        font-size: 13px;
    }

    .hambergur .menu-main-menu-top-horizontal-odia-container .menu li a {
        font-size: 23px;
    }

}


@media screen and (max-width: 1199px) {

    .feedback-f {
        margin-bottom: 100px !important;
    }

    .purple-pointer-1 {
        right: 170px;
        top: 155px;
    }

    .purple-pointer-2 {
        top: 182px;
        right: 189px;
    }

    .green-pointer-13 {
        right: 130px;
        bottom: 208px;
    }

    .green-pointer-12 {
        right: 211px;
        bottom: 196px;
    }

    .green-pointer-11 {
        right: 240px;
        bottom: 173px;
    }

    .green-pointer-10 {
        right: 276px;
        bottom: 143px;
    }

    .green-pointer-9 {
        left: 155px;
        bottom: 185px;
    }

    .green-pointer-8 {
        left: 97px;
        bottom: 82px;
    }

    .green-pointer-7 {
        left: 253px;
        top: 77px;
    }

    .green-pointer-6 {
        right: 188px;
        top: 88px;
    }

    .green-pointer-5 {
        top: 133px;
        right: 261px;
    }

    .green-pointer-4 {
        left: 316px;
        top: 24px;
    }

    .green-pointer-3 {
        right: 207px;
        top: 47px;
    }

    .green-pointer-2 {
        right: 213px;
        top: 114px;
    }

    .green-pointer-1 {
        right: 57px;
        top: 57px;
    }

    .blue-pointer-1 {
        top: 188px;
        right: 203px;
    }

    .orange-pointer-1 {
        left: 270px;
        top: 99px;
    }

    .orange-pointer-2 {
        right: 187px;
        top: 180px;
    }

    .orange-pointer-3 {
        right: 190px;
        top: 212px;
    }

    .nav-bar-tab-unique {
        padding: 0 56px;
    }

    .j-para {
        width: 100% !important;
    }

    .omfed-bar {
        margin: 20px 0;
    }

    .tabs-section .custom-tabs.contact-us-tab .nav-link {
        font-size: 16px;
    }

    .fb-events-text {
        justify-content: center;
    }

    .receipe-process-container {
        height: auto;
    }

    .abstract-img-container {
        padding: 0;
    }

    .item .product-name {
        line-height: 31px;
    }

    .modal .container {
        max-width: 923px;
    }

    .product-promotion-sidebar {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .sticky-sidebar .product-promotion-sidebar {
        display: block;
    }

    .p-ads-video .swiper-initialized {
        height: 374px;
    }

    .ads-products .p-ads-video {
        height: 100%;
    }

    .section-heading {
        font-size: 36px;
        line-height: 43px;
    }

    .product-r {
        padding-right: 0;
    }

    .right-side-content {
        margin-top: 40px;
        /* width: 50%; */
    }

    .section-heading {
        line-height: 43px;
    }

    .nav-bar-tab-unique {
        width: 100%;
    }

    .p-banner-heading .button-box {
        text-align: left;
    }

    .responsive-case-cntr {
        display: flex;
        justify-content: center;
    }

    .resp-logo {
        display: block;
        display: flex;
        margin-top: 46px !important;
    }

    .resp-menu-icon {
        display: block !important;
    }

    .resp-menu-icon span {
        font-family: Montserrat;
        font-size: 9px;
        font-weight: 600;
        justify-content: center;
        display: flex;
    }

    .menu-top {
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    .banner-content {
        bottom: 68px;
    }

    #menu-main-menu-top-horizontal {
        display: none !important;
    }

    #menu-main-menu-top-horizontal-odia {
        display: none !important;
    }

    .menu-icon-h {
        margin-top: 15px;
    }

    .omfed-poster {
        padding: 0px;
    }

    .content-part {
        padding-right: 0;
    }

    .banner .read-more-button {
        margin-bottom: 60px;
    }

    .about-omfed .read-more-button {
        margin-bottom: 60px;
    }

    .owner-boxes {
        display: inline-flex;
        gap: 0px;
        flex-direction: column;
    }

    .owner-boxes .owner {
        padding: 14px;
    }

    .button-box {
        text-align: center;
    }

    .products-count .row {
        justify-content: center;
    }

    .col-15 {
        width: 33.33%;
    }

    .products-num {
        margin-bottom: 25px;
    }

    .map-right {
        padding-left: 0px;
        padding-right: 20px;
    }

    .map {
        width: 615px;
        margin-left: 20px;
    }

    .res-padding-top {
        margin-top: 40px;
    }

    .hidden-div {
        display: flex !important;
        justify-content: space-between;
    }

    .fst-link {
        margin-top: 13.5px;
    }

    .res-padding-top {
        margin-bottom: 10px !important;
    }

    .links-box {
        width: 455px;
        margin-bottom: 10px;
        padding: 13px;
    }

    .footer-left {
        padding-right: 0px;
    }

    .events-row {
        padding: 20px 0px;
        background: transparent;
    }

    .extra-class-event {
        float: left;
        position: relative;
        width: 100%;
        background: #fff;
    }

    .my-row .col-lg-12:nth-of-type(2) {
        order: 3;
        margin-bottom: 20px;
    }

    .my-row .col-lg-12:nth-of-type(3) {
        order: 2;
    }

    .events-row {
        padding-top: 0;
    }

}




@media screen and (max-width: 1050px) {

    .nav-bar-tab-unique {
        width: 86%;
    }

    .modal .quick-view-modal {
        position: relative;
        margin: 30px auto;
        max-width: 960px;
        border-radius: 10px;
        top: auto;
        left: auto;
        transform: none;
        padding: 0px 20px 10px;
    }

    .banner-content {
        bottom: 60px;
    }

    .modal .quick-view-modal {
        margin: 30px;
    }
}


@media screen and (max-width: 1015px) {

    .banner-content h1,
    .banner-content h2 {
        font-size: 42px !important;
    }
}


@media screen and (max-width: 991px) {

    .footer-horizontal-list {
        text-align: center;
    }

    .nav-bar-tab-unique {
        padding: 0 95px;
    }

    .p-content-d .nested-table .w-50 {
        width: 100% !important;
    }

    .contact-us-tab .nav-item {
        width: 100%;
    }

    .tabs-section .custom-tabs.contact-us-tab .nav-link {
        border-right: 1px solid #dedede;
        border-bottom: 0;
    }

    .tabs-section .custom-tabs.contact-us-tab .nav-item:last-child {
        border-right: 0;
    }

    iframe.contact-us-map {
        height: 450px;
        margin-top: 30px;
    }

    .accessability-box-container {
        top: 48px;
    }

    .abstract-img-container .abstract-img {
        margin-bottom: 15px;
    }

    .modal .container {
        max-width: 842px;
    }

    .table tbody tr th {
        display: none;
    }

    .table tbody tr {
        margin: 0;
    }

    .detail-gallery .product-image-slider {
        margin-bottom: 20px;
    }

    .responsive-link {
        display: block;
        margin-bottom: 25px;
    }

    .responsive-link h3 {
        display: block;
    }

    /* .product-r .shop-online h3 {
        display: none;
    } */

    .menu-icon-h {
        margin-top: 3px;
    }

    .events-row {
        padding: 20px 15px;
    }

    .product-wrapper .row .col-12:nth-child(3) .product {
        margin-top: 25px;
    }

    .farmer-incentive-wrapper .row .col-12:nth-child(2) .statement-box {
        margin-top: 25px;
    }

    .section {
        padding: 60px 0;
    }

    .p-banner {
        margin-top: 40px;
    }

    .menu-top ul li {
        position: relative;
    }

    .container-fluid {
        padding: 0 50px;
    }

    .cstm-wdth {
        width: 499px;
    }

    .fb-iframe-lg {
        display: block;
    }

    .fb-iframe-sm {
        display: none;
    }

    .profile-table td img {
        width: 25%;
    }

    .profile-table .details-box .mobile-no {
        color: #262626;
    }

    .resp-logo {
        margin-top: 0px !important;
    }

    .omfed-bar {
        margin: 30px 15px;
    }

    .mbr-40 {
        margin-top: 40px;
    }

    .impact-score span {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .menu-top::after {
        display: none !important;
    }

    .language-img .arrow {
        display: none;
    }

    .resp-align-center {
        align-items: center;
    }

    .header {
        position: relative !important;
        border-top: 0px;
    }

    .banner {
        height: auto !important;
    }

    .language-change span {
        color: #fff;
    }

    .event-body {
        max-height: 100% !important;
    }

    .menu-top .language-img .language-icon {
        filter: brightness(0) invert(1);
    }

    .container-fluid-b {
        padding: 0px 0px;
        margin-top: 0px;
    }


    .menu-top .language-change {
        top: 0;
    }

    .menu-top .language-img img {
        left: -23px;
    }

    .header .container-fluid {
        padding: 0 50px;
    }

    .header-menu .menu-top {
        display: none;
    }

    .top-nav-bar {
        margin-bottom: 0px;
    }

    .menu-top li a:hover {
        color: #d2d2d2;
    }

    .top-nav-bar {
        display: block;
    }

    .menu-top {
        padding: 10px;
        display: flex;
        margin-bottom: 0;
        width: 100%;
    }

    .menu-top li {
        line-height: 18px;
        margin-right: 24px;
        position: relative;
    }

    .top-font-btn a:nth-child(2) {
        padding: 0px 10px;

    }

    .header .container-fluid {
        padding: 0;
    }

    .header-padding {
        padding: 0 50px;
    }

    .menu-top li a {
        font-size: 14px;
    }

    .menu-top ul li:last-child {
        margin-right: 0;
    }

    .news-boxes {
        height: auto;
        margin-bottom: 20px;
    }

    .button-box {
        text-align: center;
    }

    .product-section .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -53px;
        justify-content: center;
    }

    .product-section .read-more-button {
        margin-top: 80px;
    }

    .map-subheading {
        padding-top: 36px;
    }

    .map {
        width: 100%;
        margin: 0 auto;
    }

    .map-right-container2 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .links-box {
        width: 338px;
    }

    .map-right-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin: 20px 0;
        flex-direction: column;
    }

    .p-content-d {
        padding: 16px;
    }

    .right-side-content {
        margin-top: 25px;
    }

    .legend-cont {
        margin: 0;
        padding: 15px 8px;
    }

    .legend-cont:nth-last-child(3) {
        border-bottom: none;
    }

    .map-right {
        padding: 0 35px !important;
        position: relative;
        margin: 52px 0 0 0;
        width: 100%;
        right: 0;
        bottom: 0;
    }

    .map-right ul {
        column-count: 2;
    }

    .top-gap {
        margin-top: 43px !important;
    }

    .footer-right {
        padding-left: 0;

    }

    .footer-left {
        padding-right: 0;

    }

    .footer-logo {
        text-align: center;
        margin-top: 0px;
        display: flex;
        justify-content: center;
    }

    .pink-pointer-3 {
        top: 112px;
        left: 156px;
    }

    .orange-pointer-1 {
        top: 120px;
    }

    .green-pointer-1 {
        right: 57px;
        top: 61px;
    }

    .green-pointer-2 {
        right: 197px;
        top: 91px;
    }

    .green-pointer-3 {
        top: 51px;
        right: 221px;
    }

    .green-pointer-4 {
        left: 332px;
        top: 24px;
    }

    .green-pointer-5 {
        right: 224px;
        top: 130px;
    }

    .green-pointer-6 {
        right: 280px;
        top: 148px;
    }

    .green-pointer-7 {
        top: 75px;
        left: 275px;
    }

    .green-pointer-8 {
        left: 124px;
        bottom: 84px;
    }

    .green-pointer-9 {
        left: 163px;
        bottom: 186px;
    }

    .green-pointer-10 {
        right: 293px;
        bottom: 153px;
    }

    .green-pointer-11 {
        bottom: 184px;
        right: 255px;
    }

    .green-pointer-12 {
        bottom: 216px;
        right: 221px;
    }

    .green-pointer-13 {
        right: 141px;
        bottom: 221px;
    }

    .pink-pointer-2 {
        top: 250px;
        right: 163px;
        z-index: 9;
    }

    .pink-pointer-1 {
        top: 202px;
    }

    .yellow-pointer-1 {
        top: 212px;
    }

    .orange-pointer-1 {
        top: 102px;
        left: 290px;
    }

    .orange-pointer-2 {
        top: 225px;
        right: 202px;
    }

    .orange-pointer-3 {
        top: 193px;
        right: 200px;
    }

    .blue-pointer-1 {
        top: 196px;
        right: 206px;
    }

    .purple-pointer-1 {
        right: 180px;
        top: 170px;
    }

    .purple-pointer-2 {
        top: 193px;
        right: 203px;
    }

    .show-hide-district button {
        font-size: 14px;
    }

    .show-hide-district {
        bottom: 114%;
    }

    .dhenkanal::before {
        width: 249px;
        top: -113px;
        left: -23px;
        rotate: 116deg;
    }

    .dhenkanal {
        right: 240px;
        bottom: 40px;
    }

    .cuttack {
        right: -13px;
        top: 251px;
    }

    .cuttack::before {
        width: 91px;
        top: -19px;
        left: -84px;
    }

    .koraput {
        left: -19px;
        bottom: 141px;
    }

    .sundargarh {
        left: 111px;
    }

    .sundargarh::before {
        top: 53px;
        left: 55px;
        width: 85px;
        rotate: 43deg;
    }

    .jagatsinghpur {
        top: 138px;
        right: -7px;
    }

    .jagatsinghpur::before {
        top: 47px;
        left: 8px;
        width: 53px;
        rotate: 115deg;
    }

    .balasore {
        right: -11px;
        top: 21px;
    }

    .balasore::before {
        height: 69px;
        top: 24px;
        left: 46%;
        rotate: 10deg;
    }

    .angul::before {
        width: 196px;
    }

    .angul {
        left: -3px;
        top: 121px;

    }

    .keonjhar {
        right: 122px;
        top: 6px;
    }

    .puri::before {
        width: 67px;
        top: -27px;
        left: -39px;
        rotate: 49deg;
    }

    .bargarh {
        top: 75px;
    }

    .bargarh::before {
        width: 80px;
        top: 29px;
        rotate: 20deg;
        left: 97%;
    }

    .sambalpur::before {
        width: 88px;
        top: 47px;
        left: 77px;
        rotate: 39deg;
    }

    .ganjam {
        right: 164px;
        bottom: 91px;
    }

    .khordha::before {
        width: 84px;
        top: -37px;
        left: -46px;
        rotate: 59deg;
    }

    .khordha::before {
        width: 84px;
        top: -37px;
        left: -46px;
        rotate: 59deg;
    }

    .table thead {
        display: none;
    }

    .table td {
        text-align: right;
        padding-left: 15px;
        text-align: left;
        position: relative;
        padding-top: 35px;
        border-bottom: none;
    }

    .table td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 100%;
        padding-left: 15px;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        top: 10px;
    }

    .table,
    .table tbody,
    .table td,
    .table tr {
        display: block;
        width: 100%;
    }

    .table tr {
        margin-bottom: 15px;
        border: none;
    }

    .table tr:last-child {
        margin-bottom: 0;
    }

    .table td:last-child {
        border-bottom: 1px solid #dee2e6;

    }

    .sidebar-menu {
        margin-top: 35px;
    }

    .lower-ft {
        display: grid;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .designed-by {
        justify-content: center;
    }

    .footer-horizontal-list {
        padding-left: 0;
        width: 100%;
    }

    .footer-horizontal-list {
        padding-left: 0;
    }

    .lower-ft {
        align-items: center;
    }

    .designed-by,
    .important-links,
    .lower-ft {
        justify-content: center;
    }

    .omfed-tender-search-section {
        margin-top: 20px;
    }

    .gallery-details .row .col-12:nth-child(3) .image-details-box {
        margin-top: 25px;
    }

    .header-logo img {
        width: 105px;
    }

    .menu-logo {
        position: relative;
        height: 48px;
        width: 50px;
    }

    .menu-logo img {
        width: 28px;
    }

    .header-logo {
        padding: 10px 0px;
    }



    .top-nav-bar .menu-top ul li:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 1px;
        right: -13px;
        height: 16px;
        border-right: 1px solid #babdfb;
    }

    .language-change-box .widgetizedArea ul li a span {
        margin-left: 0px !important;
    }

    .p-banner {
        margin-top: 40px;
    }

    .product-landing-video {
        height: 183px;

    }

    .r-products-d {
        margin-top: -270px;
        padding: 0px 0px 60px 0px !important;
    }

    .inner-page-banner h1 {
        min-height: 84px;
        display: flex;
        align-items: flex-end;
    }

    .breadcrumb {
        margin-bottom: 25px;
    }

    .events-row {
        padding-top: 0;
    }
}


@media screen and (max-width: 930px) {

    .banner-content h1,
    .banner-content h2 {
        font-size: 40px !important;
    }
}


@media screen and (max-width: 884px) {

    .banner-content h1,
    .banner-content h2 {
        font-size: 38px !important;
    }
}


@media screen and (max-width: 841px) {
    .top-nav-bar .menu-top ul {
        gap: 0;
    }

    .banner-content h1,
    .banner-content h2 {
        font-size: 42px !important;
    }

    .content {
        height: 80px;
    }
}

@media screen and (max-width: 767px) {

    .feedback-box-s {
        margin-top: 30px !important;
    }

    .feedback-f {
        margin-bottom: 90px !important;
    }

    .footer p {
        line-height: 23px;
    }

    .read-more-button {
        width: auto;
    }

    .read-more-button span {
        margin-left: 30px;
        font-size: 16px;
    }

    .product-section .read-more-button {
        margin-top: 55px;
    }

    .location {
        padding: 35px 0;
    }

    .footer-right {
        padding-bottom: 30px;
    }

    footer h3 {
        margin-top: 20px;
    }

    .care-no {
        font-size: 27px !important;
    }

    .footer-left {
        padding-bottom: 42px;
    }

    .footer-right ul li a {
        font-size: 13px;
    }

    .links-box {
        margin-bottom: 0;
    }

    .about-omfed .read-more-button {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .owner {
        margin-bottom: 14px;
    }

    .cover-image-box {
        height: 130px;
    }

    .pause-slider {
        right: 96px;
        width: 30px;
        height: 30px;
        bottom: 13px;
    }

    .owl-nav {
        bottom: 7px;
    }

    .banner .bi-chevron-left {
        background-size: 13px 13px;
        width: 29px;
        height: 31px;
    }

    .banner .bi-chevron-right {
        background-size: 13px 13px;
        width: 29px;
        height: 31px;
    }

    .product-carousel .owl-next,
    .product-carousel .owl-prev {
        width: 30px;
        height: 30px;
    }

    .menu-top li a,
    .language-change span {
        font-size: 13px;
    }

    .accesibility-images {
        width: 22px;
    }

    .default-mobile {
        display: block;
    }

    .desktop-banner-dynamic,
    .default-desktop {
        display: none;
    }

    .green-pointer-1 {
        right: 39px;
        top: 35px;
    }

    .green-pointer-2 {
        right: 162px;
        top: 88px;
    }

    .green-pointer-3 {
        top: 10px;
        right: 213px;
    }

    .green-pointer-4 {
        left: 295px;
        top: 27px;
    }

    .green-pointer-5 {
        right: 157px;
        top: 138px;
    }

    .green-pointer-6 {
        right: 214px;
        top: 177px;
    }

    .green-pointer-7 {
        top: 55px;
        left: 308px;
    }

    .green-pointer-8 {
        left: 90px;
        bottom: 60px;
    }

    .green-pointer-9 {
        left: 198px;
        bottom: 240px;
    }

    .green-pointer-10 {
        right: 335px;
        bottom: 136px;
    }

    .green-pointer-11 {
        bottom: 133px;
        right: 183px;
    }

    .green-pointer-12 {
        bottom: 199px;
        right: 200px;
    }

    .green-pointer-13 {
        right: 99px;
        bottom: 162px;
    }

    .blue-pointer-1 {
        top: 139px;
        right: 156px;
    }

    .purple-pointer-1 {
        right: 130px;
        top: 113px;
    }

    .purple-pointer-2 {
        top: 132px;
        right: 143px;
    }

    .orange-pointer-1 {
        top: 62px;
        left: 206px;
    }

    .orange-pointer-2 {
        top: 153px;
        right: 139px;
    }

    .orange-pointer-3 {
        top: 138px;
        right: 152px;
    }

    .nav-bar-tab-unique {
        padding: 0 19px;
    }

    .map-right {
        padding: 0px !important;
        position: relative;
        margin: 52px 0 0 0;
    }

    .legend-cont:nth-last-child(3) {
        border-bottom: 1px dashed #00438866;
    }

    .map-right ul {
        column-count: 1;
        margin-bottom: 0;
    }

    .sub-title {
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .tabs-section .custom-tabs.contact-us-tab .nav-link {
        border-bottom: 1px solid #dedede;

    }

    .newsletter-wrapper .pdf-info:before {
        top: -4px;
    }

    .p-ads-video .swiper-initialized {
        height: 310px;
    }

    .product-r .section-heading {

        margin-bottom: 10px;
    }

    .modal .container {
        max-width: 680px;
    }

    .owner .designation {
        font-size: 13px;
        line-height: 17px;
    }

    .owner .name {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 4px;
    }

    .accessability-box-container {
        right: 8px;
    }

    .adv-section-text .section-heading {
        font-size: 36px;
        line-height: 39px;
    }

    .product-tabs-content .section-heading {
        font-size: 36px;
        line-height: 39px;
    }

    .related-p-caption {
        font-size: 36px;
        line-height: 39px;
        margin-right: 20px;
    }

    .right-side-content {
        width: 100%;
    }

    .responsive-link {
        display: none;
    }

    .product-r {
        margin-left: 0;
        padding-left: 0 !important;
    }

    .product-r .shop-online {
        display: block;
        margin-bottom: 20px;
    }

    .product-r .shop-online h3 {
        display: block;
    }

    .sitemap-container .menu {
        column-count: 1;
    }

    .product-wrapper .row .col-12:nth-child(2) .product {
        margin-top: 25px;
    }

    .r-products-d {
        margin-top: -210px;
    }

    .container-fluid {
        padding: 0 15px;
    }

    .cstm-wdth {
        width: 500px;
    }

    .gallery-details .row .col-12:nth-child(2) .image-details-box {
        margin-top: 25px;
    }

    .gallery-wrapper .row .col-12:nth-child(2) .gallery-box {
        margin-top: 25px;
    }

    .header-padding {
        padding: 0 15px;
    }

    .header {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header-shape-new {
        display: none;
    }

    .header-shape-phone {
        display: block;
    }

    .side-menu {
        width: 100%;
    }

    .menu-logo::after {
        bottom: -16px;
        font-size: 10px;
    }

    .banner {
        height: 700px;
    }

    .main-image {
        height: 700px;
    }


    .banner-content {
        z-index: 999999;
    }

    .omfed-poster {
        width: 100%;
    }

    .show-hide-district {
        bottom: 118%;
        right: 7px;
    }

    .about-omfed .section-heading {
        font-size: 29px;
        line-height: 35px;
    }

    .section-heading {
        font-size: 29px;
        line-height: 35px;
    }

    .hidden-div {
        display: block !important;
    }

    .right-links {
        width: 100%;
    }

    .links-box {
        width: 100%;
    }

    .res-margin {
        margin-top: 9px !important;
    }

    .header.fixed {
        position: absolute;
        animation: none;
    }

    .col-15 {
        width: 100%;
    }

    .products-num {
        flex-direction: row;
        padding-bottom: 15px;
        border-bottom: 1px dashed #ddd;
        border-bottom: 1px dashed #8b8ee7;
        margin-bottom: 15px;
    }

    .products-num img {
        margin-right: 20px;
    }

    .impact-score {
        text-align: left;
        margin-left: 20px;
    }

    .statistics-icon object {
        width: 60px;
    }

    .products-num .impact-score h5 {
        font-size: 29px;
    }

    .statistics-icon {
        margin-bottom: 0;
    }

    .products-count {
        padding: 60px 15px;
    }

    .container .row>.col-15:last-of-type .products-num {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .impact-score h5 {
        font-size: 30px;
    }

    .product-heading p {
        font-size: 17px;
        line-height: 24px;
    }

    .wave-container {
        margin-top: -47px;
    }

    .updates-section p span {
        display: contents;
    }

    .owner-boxes {
        display: block;
    }

    .resp-mt-30 {
        margin-top: 30px;
    }

    .footer-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .footer-right ul {
        display: block;
        text-align: center;
    }

    .quik-link::before {
        display: none;
    }

    .footer-right ul li {
        padding: 5px 14px;
        background-color: #25467e;
        margin-bottom: 10px;
        display: inline-block;
        margin: 3px;
    }

    .footer-right ul li:hover:before {
        display: none;
    }

    footer h3 {
        margin-bottom: 20px;
    }

    .care-social {
        display: block;
    }

    .care,
    .social {
        display: flex;
        justify-content: center;
    }

    .care {
        margin-bottom: 20px;
    }

    .care-social {
        margin-bottom: 15px;
    }

    .cow-bg-img {

        display: none;
    }

    .doc-name {
        font-size: 17px;
        line-height: 25px;
    }

    .doc-date {
        font-size: 15px;
    }

    .date-heading {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .date-date {
        font-size: 14px;
    }

    .footer-right ul.cursor-pointer:first-child {
        margin-bottom: 0px;
    }

    .footer-right ul.cursor-pointer:last-child {
        margin-top: 0px;
    }

    .rti-document-wrapper .row .col-12:nth-child(2) .statement-box {
        margin-top: 25px !important;
    }

    .inner-page-banner h1 {
        font-size: 38px;
        line-height: 42px;
    }

    .menu-top ul {
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .tabs-section .custom-tabs {
        display: grid;
        gap: 10px;
    }

    .tabs-section .nav-item a.active::after {
        display: none;
    }

    .tabs-section .nav-item a.active::before {
        display: none;
    }

    .tabs-section .nav-item a:hover::after,
    .tabs-section .nav-item a:focus::after,
    .tabs-section .nav-item a:active::after {
        display: none;
    }

    .accessability-box-top h1 {
        text-align: center;
    }

}


@media screen and (max-width: 680px) {

    .dist-milk-union {
        column-count: 1;
    }

    .section {
        padding: 60px 0px;
    }

    .section.operational-area {
        padding: 60px 0px;
    }

    .section.about-omfed {
        padding-left: 0;
        padding-right: 0;
    }

    .whats-new {
        width: 100%;
    }

    .whats-new:after {
        opacity: 0;
    }

    .whats-new:after {
        left: 99%;
    }

    .scrolling-text-cont {
        background-color: #ffff;
    }

    .omfed-bar {
        display: grid;
        background-color: #004388;
    }

    .play-pause-option {
        position: absolute;
        right: 0px;
        top: 52%;
        height: 47px;
    }

    .banner-content h1,
    .banner-content h2 {
        font-size: 40px !important;
    }

    .product-s-custom-btn img {
        width: 35px;
        height: 21px;
    }

    .dates .tender,
    .dates .date-heading {
        width: 100%;
    }

    .appointment-wrapper .doc-date span {
        width: 100%;
        display: block;
        margin-right: 0;
        padding-left: 0;
    }

    .appointment-wrapper .doc-date {
        padding-bottom: 0;
    }

    .appointment-wrapper .doc-inner {
        margin-right: 0;
    }

}

@media screen and (max-width: 592px) {
    .modal .container {
        max-width: 100%;
    }

    .banner-content h1,
    .banner-content h2 {
        font-size: 33px !important;
        line-height: 40px;
    }
}

@media screen and (max-width: 585px) {
    .nav-bar-tab-unique {
        padding: 0 18px;
    }
}

@media screen and (max-width: 575px) {

    .green-pointer-5 {
        right: 152px;
        top: 134px;
    }

    .green-pointer-11 {
        bottom: 131px;
        right: 176px;
    }

    .blue-pointer-1 {
        top: 132px;
        right: 148px;
    }

    .product-tabs-container .product-tabs-item .product-tabs-link {
        min-width: 126px;
    }

    .footer-right ul {
        align-items: center;
    }

    .product-tabs-content span {
        font-size: 20px;
    }

    .cstm-wdth {
        width: 100%;
    }
}


@media screen and (max-width: 567px) {


    .inner-page-container h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .nav-bar-tab-unique {
        padding: 0 58px;
    }

    .nav-bar-tab-unique {
        width: 100%;
    }

    .product-tabs-container .product-tabs-item .product-tabs-link {
        padding: 20px 10px;
        min-width: 120px;
    }

    .menu-top .language-change {
        top: 0px;
    }

    .chat-boot-wrapper.active {
        right: 56px;
        bottom: 107px;
    }

    .footer-right ul {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .feedback-f {
        margin-bottom: 40px !important;
    }

    .email-cont input {
        border: 1px solid #1444a6;
        border-radius: 22px;
        padding: 13px 10px;
        padding-right: 132px;
    }

    .email-cont .subscribe-btn {
        position: absolute;
        right: 6px;
        bottom: 8px;
    }

    .accordian-main-wrapper .accordion-button {
        font-size: 18px;
        line-height: 30px;
    }

    .chat {
        width: 312px;
    }

    .archive {
        width: 210px;
    }

    .product,
    .home .tab-content {
        min-height: 390px;
    }

    .home .tab-content {
        height: 390px;
    }

    .product img {
        width: 240px !important;
    }

    .wave-btm {
        bottom: -55px !important;
    }

    .footer-logo img {
        width: 113px;
    }

    .header-logo img {
        width: 85px;
    }

    .menu-logo {
        height: 43px;
        width: 44px;
    }

    .menu-logo img {
        width: 20px;
    }

    .video-play-button {
        width: 10px;
        height: 15px;
        padding: 18px 20px 18px 20px;
    }

    .video-play-button:before {
        width: 65px;
        height: 65px;
    }

    .video-play-button span {
        border-left: 15px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .video-play-button:after {
        width: 55px;
        height: 55px;
    }

    .address-text .heading-font {
        font-size: 17px !important;
    }

    .address-text .office-information-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .address-icons img {
        width: 25px;
    }

    .content-section .tabs-section ul li a {
        font-size: 16px;
    }

    .tabs-section .custom-tabs .nav-link.active,
    .tabs-section .custom-tabs .nav-item.show .nav-link {
        font-size: 16px;
    }

    .custom-pagination {
        display: none;
    }

    .owl-nav {
        right: 0;
        left: 53px;
    }

    .pause-slider {
        right: auto;
        left: 15px;
    }

    mark .ticker-custom {
        font-size: 15px;
    }
}

@media screen and (min-width: 520px) and (max-width: 575px) {
    .nav-bar-tab-unique {
        width: 82%;
    }


}

@media screen and (min-width: 413px) and (max-width: 509px) {
    .statement-box .pdf-info:before {
        top: 2px;
    }
}


@media screen and (max-width: 480px) {

    .feedback-f {
        margin-bottom: 25px !important;
    }

    .mark {
        font-size: 13px;
    }

    .play-pause-option img {
        width: 21px;
    }

    .legend-cont h4 {
        font-size: 15px;
    }

    .fb-events-text h4 {
        font-size: 14px;
        line-height: 21px;
        margin: 0px;
    }

    .extra-class-event .date-event {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .cover-image-box {
        height: 83px;
    }

    .product-landing-video {
        height: 180px !important;
    }

    .cattle-feed-page .nav-bar-tab-unique {
        width: 100% !important;
        padding: 0 25px;
    }

    .nav-bar-tab-unique {
        width: 100%;
        padding: 0 40px;
    }

    .archive.tender-arcive-btn {
        width: 320px !important;
    }

    .tender-document-box .doc-name {
        font-size: 16px;
        line-height: 24px;
    }

    .tender-document-box .pdf-info {
        font-size: 13px;
    }

    .inner-wrapper img {
        width: 120px !important;
    }

    footer h3 {
        margin-top: 0px;
    }

    .side-menu .inner-wrapper {
        padding: 2rem 3rem;
    }

    .accessability-box-top {
        padding: 25px 0 20px 0;
    }

    .accessability-box-top h1 {
        font-size: 22px;
    }

    .adj-box span {
        line-height: 17px;
        font-size: 11px;
    }

    .hambergur .menu-main-menu-top-horizontal-odia-container .menu li a {
        font-size: 19px;
    }

    .quick-access-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        width: 100%;
        position: absolute;
        top: 20px;
        padding: 0 65px;
        right: auto;
    }

    .product-top-sec .quick-access-container {
        top: 25%;
        left: 0;
        transform: translateY(-50px);
    }

    .product {
        min-height: 430px;
    }

    .quick-access {
        margin-bottom: 0;
    }

    .quick-access-txt {
        top: 40px;
    }

    .quick-access:hover .quick-access-txt {
        right: -30px;
    }

    .statistics-icon object {
        width: 56px;
    }

    #enquiryModal .modal-dialog {
        margin: 15px;
    }

    #enquiryModal .modal-body {
        padding: 1rem 20px 2rem;
    }

    .read-more-button {
        padding: 6px 11px;
    }

    .read-more-button .circle {
        height: 35px;
        width: 35px;
    }

    .read-more-button .circle svg {
        width: 16px !important;
        height: 16px !important;
    }

    .read-more-button span {
        font-size: 15px;
        padding: 5px;
    }

    .modal .quick-view-modal {
        margin: 15px;
    }

    .presentation .btn-style {
        width: 40px;
        height: 40px;
    }

    .presentation .btn-style img {
        width: 13px;
    }

    .product-tabs-container .product-tabs-item .product-tabs-link {
        min-width: 120px;
    }

    .reels-section {
        width: 85% !important;
        left: 30px;
        bottom: 75px;
    }

    .custom-pagination-bullet svg {
        width: 16px !important;
        height: 16px !important;
    }

    .custom-pagination-bullet {
        margin: 0 1px;
    }

    .fb-container .desktop-only {
        display: none;
    }

    .fb-container .mobile-only.fb-480 {
        display: block;
    }

    .top-nav-bar .menu-top ul {
        gap: 10px;
    }

    .p-ads-video .swiper-initialized {
        height: 200px;
    }

    .modal .product-r {
        margin-top: 15px;
    }

    .fb-iframe-lg {
        display: none;
    }

    .language-change-box {
        margin-top: 0px;
        margin-right: 0;
    }

    .menu-top li {
        margin-right: 17px;
    }

    .menu-top ul li:nth-child(4) {
        margin-top: 3px !important;
        margin-left: 0;
    }

    .fb-iframe-sm {
        display: none;
    }

    .fb-iframe-xsm {
        display: block;
    }

    .chat-boot-wrapper.active {
        right: 32px;
        bottom: 107px;
        width: 290px;
    }

    .help-text {
        display: none;
    }

    .product-s-custom-btn.prev-year {
        position: relative;
        left: 40px;
    }

    .product-s-custom-btn.next-year {
        position: relative;
        left: -40px;
    }


    .document-name {
        font-size: 18px;
        line-height: 25px;
    }

    .statement-box .pdf-info-share {
        margin-top: 24px;
    }

    .qr-share .qrCode {
        width: 23px;
    }

    .statement-box .pdf-info:before {
        top: 5px;
    }

    .statement-box .pdf-info:before {
        height: 23px;
        width: 23px;
    }

    .inner-page-banner h1 {
        font-size: 38px;
        line-height: 42px;
    }

    .products-num img {
        width: 84px;
    }

    .menu-top .language-change {
        top: 0px;
    }

    .navbar-nav,
    .side-menu .side-nav {
        padding-right: 0px;
    }

    .menu-text h2 {
        top: 47%;
    }

    .menu-logo::after {
        font-size: 10px;
    }


    .menu-top ul li:nth-child(4) {
        margin-top: 0 !important;
    }

    .banner {
        height: 600px;
    }

    .main-image {
        height: 600px;
    }

    .footer {
        padding-bottom: 25px !important;
    }

    .banner-content h1,
    .banner-content h2 {
        font-size: 26px !important;
        line-height: 35px !important;
    }

    .content {
        height: 65px;
    }

    .polygon-shape::before,
    .polygon-shape::after {
        opacity: 0;
    }

    .update-box .col-8,
    .update-box .col-4 {
        width: 100%;
    }

    .products-count {
        padding: 35px 0;
    }

    .map-right-container {
        margin: 0;
    }

    .care img {
        width: 52px;
        margin-right: 4px;
    }

    .show-hide-district {
        bottom: 126%;
    }

    .show-hide-district button {
        padding: 2px 7px;
        font-size: 13px;
    }

    .top-gap {
        margin-top: 20px !important;
    }

    .share-icons {
        position: absolute;
        right: 34px;
        top: -34px;
    }

    .right-links {
        width: 100%;
        padding: 0;
    }

    .top-font,
    .top-font-btn2 {
        margin-top: 7px;
    }

    .wave-container {
        margin-top: -51px;
    }

    .pointers img {
        width: 19px;
        height: 29px;
    }

    .updates-section .mt-5 {
        margin-top: 20px !important;
    }

    .map {
        width: 315px;
        margin-top: 25px;
    }

    .play-pause-option {
        right: 1px;
        top: 52%;
        height: 47px;
    }

    .email-cont {
        width: 100%;
    }

    .map-right {
        margin: 30px 0 0 0;
    }

    .green-pointer-13 {
        bottom: 170px;
    }

    .green-pointer-12 {
        bottom: 157px;
        right: 166px;
    }

    .green-pointer-11 {
        right: 131px;
        bottom: 133px;
    }

    .green-pointer-10 {
        right: 107px;
        bottom: 140px;
    }

    .green-pointer-9 {
        left: 160px;
        bottom: 190px;
    }

    .green-pointer-8 {
        left: 55px;
        bottom: 42px;
    }

    .green-pointer-7 {
        left: 194px;
        top: 86px;
    }

    .green-pointer-6 {
        right: 222px;
        top: 100px;
    }

    .green-pointer-5 {
        right: 118px;
        top: 101px;
    }

    .green-pointer-4 {
        left: 209px;
        top: 31px;
    }

    .green-pointer-3 {
        right: 64px;
        top: 81px;
    }

    .green-pointer-2 {
        right: 143px;
        top: 110px;
    }

    .green-pointer-1 {
        right: 20px;
        top: 15px;
    }

    .pink-pointer-3 {
        top: 52px;
        left: 99px;
    }

    .pink-pointer-1 {
        top: 116px;
        right: 49px;
    }


    .yellow-pointer-1 {
        top: 118px;
        right: 76px;
    }

    .purple-pointer-1 {
        right: 82px;
        top: 70px;
    }

    .purple-pointer-2 {
        top: 84px;
        right: 99px;
    }

    .blue-pointer-1 {
        top: 85px;
        right: 99px;
    }

    .orange-pointer-1 {
        top: 33px;
        left: 132px;
    }

    .orange-pointer-2 {
        top: 94px;
        right: 90px;
        z-index: 9;
    }

    .orange-pointer-3 {
        top: 85px;
        right: 101px;
    }

    .pink-pointer-2 {
        top: 147px;
        right: 111px;
    }

    .map-right-container2 {
        justify-content: left;
    }

    .container {
        padding: 0 15px;
    }

    .update-box-right .update-title {
        padding: 0;
    }

    .update-box-right {
        padding: 38px 15px;
    }

    .polygon-shape {
        padding: 7px 0;
    }

    .social {

        padding-top: 10px;
    }

    .polygon-shape {
        flex-direction: row;
    }

    .polygon-shape {

        background-color: transparent;
        display: flex;
        flex-direction: row;
        padding: 0 15px;
        padding-top: 25px;
    }

    .polygon-shape p {
        text-align: start;
        font-size: 14px;
        font-weight: 500;
        padding-left: 6px;
        color: #00aff0;
    }

    .green-border {
        display: none;
    }

    .polygon-shape h2 {
        font-size: 14px;
        font-weight: 500;
        color: #00adef;
    }

    .update-box-right .pdf-share.share {
        right: 17px;
        top: -23px;
    }

    .update-box-right {
        padding: 25px 15px;
    }

    .district {
        font-size: 12px;
    }

    .sundargarh {
        left: 70px;
        top: -25px;
    }

    .keonjhar {
        right: 70px;
        top: -22px;
    }

    .sambalpur {
        left: 22px;
        top: 15px;
    }

    .bargarh {
        top: 47px;
    }

    .kalahandi {
        left: 12px;
        bottom: 138px;
    }

    .angul {
        left: 5px;
        top: 80px;
    }

    .koraput {
        left: 5px;
        bottom: 80px;
    }

    .dhenkanal {
        right: 170px;
        bottom: 8px;
    }

    .ganjam {
        right: 115px;
        bottom: 35px;
    }

    .balasore {
        right: 8px;
        top: 10px;
    }

    .jagatsinghpur {
        top: 70px;
        right: 5px;
    }

    .puri {
        right: 24px;
        bottom: 75px;
        z-index: 9;
    }

    .cuttack {
        right: 7px;
        top: 140px;
    }

    .khordha {
        bottom: 65px;
        right: 70px;
    }

    .sundargarh::before {
        top: 37px;
        left: 55px;
        width: 46px;
        rotate: 43deg;
    }

    .keonjhar::before {
        width: 45px;
        bottom: -24px;
        left: 8px;
        rotate: 89deg;
    }

    .balasore::before {
        height: 22px;
        top: 23px;
        left: 75%;
        rotate: -2deg;
    }

    .sambalpur::before {
        width: 47px;
        top: 30px;
        left: 76px;
        rotate: 39deg;
    }

    .bargarh::before {
        width: 27px;
        top: 15px;
    }

    .angul::before {
        width: 125px;
        top: 15px;
        left: 52px;
        rotate: 4deg;
    }

    .kalahandi::before {
        width: 18px;
        top: 30px;
        left: 53px;
        rotate: 60deg;
    }

    .koraput::before {
        width: 20px;
        top: 31px;
        left: 44px;
        rotate: 60deg;
    }

    .dhenkanal::before {
        width: 177px;
        top: -73px;
        left: 2px;
        rotate: 125deg;
    }

    .ganjam::before {
        width: 38px;
        top: -19px;
        left: 10px;
        rotate: 100deg;
    }

    .khordha::before {
        width: 28px;
        top: -15px;
        left: 10px;
        rotate: 70deg;
    }

    .puri::before {
        width: 50px;
        top: -15px;
        left: -35px;
        rotate: 33deg;
    }

    .cuttack::before {
        width: 34px;
        top: -13px;
        left: -24px;
        rotate: 45deg;
    }

    .jagatsinghpur::before {
        top: 34px;
        left: 50px;
        width: 23px;
        rotate: 90deg;
    }

    .pdf-info:before {
        top: 5px;
    }

    .doc-name {
        font-size: 16px;
    }

    .doc-date {
        font-size: 15px;
    }

    .date-heading {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .date-date {
        font-size: 14px;
    }

    .profile-table td img {
        width: 100%;
    }

    .owl-nav {
        right: 62%;
    }

    .pause-slider {
        right: 85%;
    }

    .accessability-box-container {
        width: 365px;
        right: 2px;
        top: 70px;
    }

    .organisation-chart-cont {
        padding: 10px;
    }

    .journey-box,
    .journeysection .item {
        padding-right: 0 !important;
    }

    .inner-page-container h2 {
        font-size: 27px;
        line-height: 35px;
    }

    .pdf-info {
        font-size: 11px;
    }

    .statement-box .pdf-info {
        padding-left: 27px;
    }

    .qr-share {
        margin-left: 10px;
    }

    .qr-code-icon {
        margin-right: 20px;
    }

    .qr-code-icon:before {
        right: -12px;
    }

    .journey-carousel::after {
        display: none !important;
    }

}

@media screen and (max-width: 428px) {
    .product-tabs-container .product-tabs-item .product-tabs-link {
        min-width: 125px;
    }
}

@media screen and (min-width: 401px) and (max-width: 425px) {}

@media screen and (max-width: 412px) {

    .top-nav-bar .menu-top ul li:nth-child(2)::after {
        display: none;
    }

    .top-nav-bar .menu-top ul li:nth-child(2) {
        margin-right: 0;
    }

}

@media screen and (max-width: 393px) {

    .top-nav-bar .menu-top ul li:nth-child(2)::after {
        display: none;
    }

    .top-nav-bar .menu-top ul li:nth-child(2) {
        margin-right: 0;
    }

    .nav-bar-tab-unique {
        padding: 0 45px;
    }

    .product-tabs-container .product-tabs-item .product-tabs-link {
        min-width: 110px;
    }

    .map {
        width: 280px;
    }

    .blue-pointer-1 {
        top: 70px;
        right: 80px;
    }

    .green-pointer-1 {
        right: 17px;
        top: 10px;
    }

    .green-pointer-2 {
        right: 117px;
        top: 46px;
    }

    .green-pointer-3 {
        right: 102px;
        top: 86px;
    }

    .green-pointer-4 {
        left: 172px;
        top: 42px;
    }

    .green-pointer-5 {
        right: 124px;
        top: 97px;
    }

    .green-pointer-6 {
        right: 196px;
        top: 82px;
    }

    .green-pointer-7 {
        left: 205px;
        top: 70px;
    }

    .green-pointer-8 {
        left: 49px;
        bottom: 38px;
    }

    .green-pointer-9 {
        left: 115px;
        bottom: 145px;
    }

    .green-pointer-10 {
        right: 80px;
        bottom: 145px;
    }

    .green-pointer-11 {
        right: 89px;
        bottom: 92px;
    }

    .green-pointer-12 {
        bottom: 168px;
        right: 122px;
    }

    .green-pointer-13 {
        bottom: 155px;
        right: 91px;
    }

    .orange-pointer-1 {
        top: 27px;
        left: 118px;
    }

    .orange-pointer-2 {
        top: 81px;
        right: 77px;
    }

    .orange-pointer-3 {
        top: 69px;
        right: 80px;
    }

    .purple-pointer-1 {
        right: 73px;
        top: 59px;
    }

    .purple-pointer-2 {
        top: 69px;
        right: 80px;
    }

}

@media screen and (max-width: 380px) {
    .about-omfed .section-heading {
        font-size: 26px;
        line-height: 33px;
    }

    .section-heading {
        font-size: 26px;
        line-height: 33px;
    }

    .products-num h5 {
        font-size: 30px;
    }

    .wave-container {
        margin-top: -54px;
    }

    .adjustment-box-main {
        padding: 16px;
    }

    .accessability-box-container {
        width: 98%;
        right: 4px;
    }

}

@media screen and (max-width: 360px) {

    .menu-top li a,
    .language-change span {
        font-size: 12px;
    }

    .product-heading .section-heading {
        font-size: 25px;
    }

    .nav-bar-tab-unique {
        padding: 0 30px;
    }

    .menu-top ul li:nth-child(3) {
        margin-top: 0px;
    }

    .fb-container .mobile-only.fb-480 {
        display: none;
    }

    .fb-container .mobile-only.fb-360 {
        display: block;
    }

    .product-tabs-container .product-tabs-item .product-tabs-link {
        min-width: 110px;
    }

    .product-tabs-content .section-heading {
        font-size: 34px;
        line-height: 38px;
    }


    .menu-logo::after {
        bottom: -14px;
        left: 3px;
        font-size: 9px;
    }

    .content {
        height: 85px;
    }

    .yellow-pointer-1 {
        top: 121px;
    }

    .banner-content h1,
    .banner-content h2 {
        font-size: 24px !important;
    }

    footer h3 {
        font-size: 26px;
    }

    .sub-title {
        font-size: 16px !important;
    }

}


@media screen and (max-width: 345px) {

    .banner-content h1,
    .banner-content h2 {
        font-size: 22px !important;
    }

    .menu-top li a {
        font-size: 12px;
    }
}


@media screen and (max-width: 320px) {
    .accessability-box-top h1 {
        font-size: 19px;
    }

    .products-num h5 {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .products-num span {
        font-size: 16px;
        line-height: 19px;
    }

    .map {
        width: 285px;
    }

    .side-menu:before {
        height: 50px;
    }

    .inner-wrapper img {
        width: 100px !important;
    }

    .close-btn {
        top: 45px;
    }

    .hambergur ul li {
        margin: 13px 0;
    }

    .side-menu .side-nav {
        margin-top: 0px;
    }

    .navbar-nav {
        height: 410px;
    }

    .map-right {
        padding: 0px !important;
    }


}

/* This section for the recipes and recipes details css {Start Here.} */
.item-first-recipes {
    border-bottom: 0;
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 0;
}

.item-first-recipes {
    margin-bottom: 40px;
}

.item-first-recipes .post .post-thumbnail {
    width: 100%;
    position: relative;
    overflow: hidden;
}

a {
    background-color: transparent;
}

.item-first-recipes.post-thumbnail img {
    height: 550px !important;
}

.item-first-recipes.post-thumbnail img {
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    height: 350px;
    object-fit: cover;
}

.item-first-recipes.post-thumbnail img {
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.list-box {
    width: 100%;
    float: left;
    background: #f2f9ff;
    padding: 18px 25px 25px 25px !important;
}

.list-box .entry-title a {
    color: #343434 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin-bottom: 6px !important;
    font-family: Montserrat;
    line-height: 26px !important;
    width: 100%;
    float: left;
    display: block;
    transition: color 0.3s ease-in-out;
}

.item-first-recipes .post .post-content .entry-meta {
    margin: 0 0 13px;
}

.post .entry-meta {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    letter-spacing: .5px;
    font-family: Roboto, sans-serif;
}

.post .cat-links a {
    color: #03a9f4 !important;
    font-weight: 500;
    letter-spacing: .6px;
}

.entry-meta .line {
    width: 10px;
    height: 2px;
    margin: 3px 6px;
    display: inline-block;
    background: #03a9f4;
}

.item-first-recipes .post .entry-date {
    color: #03a9f4 !important;
    font-weight: 500;
}

.item-first-recipes .post .entry-date,
.items-second .post .entry-date {
    color: #333 !important;
    font-size: 14px;
    margin-top: 9px;
    display: block;
}


.item-first-recipes .post .post-body,
.items-second .post .post-body {
    margin-top: 8px;
}

.list-box .post-body {
    color: #545454;
    font-weight: 300;
    margin-top: 25px;
    line-height: 26px;
}

.activity-list .post-body {
    width: 100%;
    float: left;
}


.recipes-pagination-wrapper {
    text-align: start;
    margin: 30px 0;
    margin-top: 0;
}

.recipes-pagination-wrapper .page-numbers {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 3px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
}

.recipes-pagination-wrapper .current {
    background: #103472;
    color: #fff;
    border-color: #333;
}

.item-first-recipes {
    overflow: hidden;
    position: relative;

}

.item-first-recipes .post-thumbnail img {
    transition: transform 0.4s ease-in-out;
    width: 100%;
    height: auto;
    display: block;
}

.item-first-recipes:hover .post-thumbnail img {
    transform: scale(1.1);
}

.item-first-recipes:hover .post-content h3 a {
    color: #00adef !important;
}

.gdlr-core-recent-post-widget-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: -5px;
    line-height: 16px;

}

.gdlr-core-recent-post-widget-title a {
    color: #444;
    line-height: .7;
}

.gdlr-core-recent-post-widget-thumbnail img {
    width: 75px !important;
    height: 75px !important;
    object-fit: cover;
}

.gdlr-core-recent-post-widget-thumbnail {
    float: left;
    max-width: 75px;
    margin-right: 15px;
    overflow: hidden;
}

.gdlr-core-recent-post-widget {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    padding: 10px;
    background: #eff7ff;
    align-items: center;
    display: flex;
    min-height: 85px;
}

.gdlr-core-recent-post-widget-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: -5px;
    line-height: 20px;

}

.gdlr-core-blog-info-date p {
    color: #03a9f4 !important;
    font-weight: 500;
    letter-spacing: .6px;
    font-size: 14px;
}

.item-first-recipes .catagory-event {
    display: inline-block;
    font-weight: 600;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #00adef;
    margin: 0px;
    font-size: 15px !important;
    line-height: 1;
    border-radius: 0 0px 0 20px;
    color: #fff;
    padding: 13px 23px 13px 23px;
    min-width: 60px;
    min-height: 20px;
}

.item-first-recipes .catagory-event a {
    color: #ffffff !important;
}

.gdlr-core-recent-post-widget-thumbnail img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
}

.gdlr-core-recent-post-widget:hover .gdlr-core-recent-post-widget-thumbnail img {
    transform: scale(1.1);
}

.details-blog-image img {
    width: 100% !important;
    height: auto;
    padding: 30px 0 15px 0;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 15px;
}

.recipe-making-process h3 {
    color: #5155b8;
}

.btn {
    font-weight: 500;
}

.productAdvtisementlandingpageSwiper {
    height: 392px !important;

}

.productAdvtisementlandingpageSwiper .swiper-pagination-bullet {
    background: #999;
    opacity: 0.5;
}

.productAdvtisementlandingpageSwiper .swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}

.white-section .productAdvtisementlandingpageSwiper .swiper-pagination {
    margin-top: -108px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.page-content-no-data-img {
    margin-bottom: 35px;
    border: 1px solid #ddd;
    width: 100%;
}

@media (max-width: 1192px) {
    .footer {
        background-position: center bottom 200px;
    }
}