@font-face {
            font-family: "georgia-bold";
            src: url("../font/georgia-bold.ttf");
        }

        @font-face {
            font-family: "georgia-bold-italic";
            src: url("../font/georgia-bold-italic.ttf");
        }

        @font-face {
            font-family: "georgia-italic";
            src: url("../font/georgia-italic.ttf");
        }

        @font-face {
            font-family: "georgi-regular";
            src: url("../font/georgi-regular.ttf");
        }

        @font-face {
            font-family: "Roboto-Regular";
            src: url("../font/Roboto-Regular.ttf");
        }

        @font-face {
            font-family: "Roboto-Bold";
            src: url("../font/Roboto-Bold.ttf");
        }

        @font-face {
            font-family: "Roboto-Medium";
            src: url("../font/Roboto-Medium.ttf");
        }

        @font-face {
            font-family: "Montserrat-SemiBold";
            src: url("../font/Montserrat-SemiBold.ttf");
        }

        @font-face {
            font-family: "Montserrat-Bold";
            src: url("../font/Montserrat-Bold.ttf");
        }

        @font-face {
            font-family: "Montserrat-Medium";
            src: url("../font/Montserrat-Medium.ttf");
        }

        @font-face {
            font-family: "ChelaOne-Regular";
            src: url("../font/ChelaOne-Regular.ttf");
        }

        * {
            box-sizing: border-box !important;
        }

        html {
            scroll-behavior: smooth;
        }

        .bg-light-grey {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .navbar-toggler {
            background: #efb839 !important;
        }

        .navbar-toggler-icon {
            color: #110d03 !important;
        }

        .navbar-nav .nav-item .nav-link {
            font-family: "Roboto-Medium";
            padding: 0px 20px;
            color: #fff;
            align-items: right;
        }

        .navbar-nav .nav-item .nav-link:not(:hover) {
            color: #efb839;
        }

        .navbar-light .navbar-nav .nav-link:focus,
        .navbar-light .navbar-nav .nav-link:hover {
            color: #fff;
        }

        .section {
            margin-top: 125px;
            margin-bottom: 60px;
        }

        .carousel-caption {
            position: absolute;
            bottom: 230px;
            left: 250px;
            text-align: left;
        }

        .carousel-caption h2 {
            font-family: "georgia-bold";
            color: #333333;
            margin-bottom: 50px;
        }

        .carousel-caption h1 {
            font-family: "georgia-bold";
            color: #c80a30;
            margin-bottom: 25px;
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: #333333;
            padding: 40px 20px;
            border-radius: 6px;
        }

        .collection {
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .new-collection {
            position: relative;
        }

        .new-collection img {
            border: 2px;
            border-top-right-radius: 25px;
            border-bottom-left-radius: 25px;
        }

        .new-collection .new-collection-desc {
            position: absolute;
            top: 40px;
            left: 20px;
        }

        .new-collection .new-collection-desc h4 {
            font-family: "georgia-bold";
            color: #fff;
            margin-bottom: 10px;
        }

        .new-collection .new-collection-desc a {
            font-size: 14px;
            font-family: "Roboto-Regular";
            color: #fff;
            text-decoration: none;
            border: 1px solid #fff;
            padding: 8px 14px;
            border-radius: 2px;
            transition: all .3s ease;
        }

        .new-collection .new-collection-desc a:hover {
            color: #efb839;
            border: 1px solid #efb839;
        }

        .new-collection .new-collection-desc a i {
            font-size: 12px;
            margin-left: 6px;
        }

        .daily-rate {
            margin-bottom: 60px;
        }

        .daily-rate .bg-blue {
            background-color: #e2e2e2;
            text-align: center;
            height: auto;
            width: 250px;
            max-width: 100%;
            border-radius: 0%;
            position: relative;
            margin: 0px auto 0px auto;
        }

        .daily-rate .bg-blue h4 {
            font-family: "Montserrat-SemiBold";
            color: #666666;
            padding-top: 20px;
        }

        .daily-rate .bg-blue h2 {
            font-family: "Montserrat-Bold";
        }

        .daily-rate .bg-blue img {
            width: 85px;
            position: absolute;
            bottom: -30px;
            right: -30px;
        }

        .popular-product {
            margin-bottom: 60px;
        }

        .main-headding {
            text-align: center;
            margin-bottom: 20px;
        }

        .main-headding h1 {
            font-family: "georgia-bold";
        }

        .main-headding img {
            width: 20%;
        }

        .popular-product .product {
            max-width: 260px;
            margin: 0px 10px;
            border: 1px solid #3333331a;
        }

        a {
            color: #333333;
            text-decoration: none;
        }

        a:hover {
            color: #efb839;
        }

        .product-desc {
            text-align: center;
            margin-top: 10px;
        }

        .product-desc h6 {
            font-family: "Roboto-Regular";
        }

        .product-desc h4 {
            font-family: "Montserrat-SemiBold";
        }

        .full-section {
            position: relative;
            z-index: 0;
            margin-bottom: 0px;
            padding: 60px 0;
            background: #222 no-repeat center center;
            color: #fff;
        }

        .parallax {
            background-attachment: fixed !important;
            -webkit-background-size: cover !important;
            background-size: cover !important;
        }

        #section-1 {
            background-image: url(../images/jewellery-gold-wedding-indian-1.jpg);
            margin-top: 0px;
        }

        .Jewelry-package {
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 0.5rem;
            width: 600px;
            max-width: 100%;
            padding: 50px 50px 50px 50px;
            opacity: 0.8;
        }

        .Jewelry-package h4 {
            color: #333333;
            font-family: "georgia-bold";
        }

        .Jewelry-package p {
            color: #000;
            font-family: "Roboto-Regular";
        }

        .Jewelry-package p b {
            color: #333333;
            font-size: 14px;
            font-family: "Roboto-Regular";
        }

        .Jewelry-package a {
            text-decoration: none;
            font-family: "Roboto-Medium";
            color: #333333;
            border: 1px solid #333333;
            border-radius: 2px;
            padding: 7px 7px;
            margin: auto;
            transition: all .3s ease;
        }

        .Jewelry-package a:hover {
            color: #fff;
            border: 1px solid #333333;
            background-color: #333333;
        }

        .Jewelry-right-image {
            position: absolute;
            left: 100px;
            width: 320px;
            bottom: 0;
        }

        .new-arrival {
            margin-top: 40px;
            margin-bottom: 0px;
        }

        .new-arrival .product {
            border: 1px solid #3333331a;
            margin-bottom: 40px;
        }

        #section-2 {
            background-image: url(../images/jewellery-gold-wedding-indian-1.jpg);
            margin-top: 0px;
        }

        .customers-say {
            background-color: rgba(255, 255, 255, 0.4);
            border-radius: 6px;
            /* max-width: 800px; */
            width: 600px;
            max-width: 100%;
            padding: 50px 50px 50px 50px;
            /* margin: auto 0px auto 400px; */
        }

        .customers-say h4 {
            color: #333333;
            font-family: "georgia-bold";
        }

        .customers-say h6 {
            color: #333333;
            font-family: "georgia-bold";
        }

        .customers-say p {
            color: #333333;
            /*#a1a1a1;*/
            font-family: "Roboto-Regular";
        }

        .Jewelry-left-image {
            position: absolute;
            height: auto;
            width: 320px;
            left: 100px;
            bottom: 0;
        }

        .customers-say .fa-quote-left {
            font-size: 46px;
            color: #efb839;
            opacity: 0.3;
        }

        .slick-dots {
            position: absolute;
            bottom: 25px;
            display: block;
            width: 100%;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: left;
        }

        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 15px;
            height: 15px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
            border-radius: 100%;
            border: 1px solid #efb839;
        }

        .slick-dots .slick-active button {
            background: #efb839;
            border: 1px solid #efb839;
        }

        .slick-dotted.slick-slider {
            margin-bottom: 0px;
        }

        .slick-dots li button::before {
            font-family: slick;
            font-size: 6px;
            line-height: 20px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 20px;
            height: 20px;
            content: "";
            text-align: center;
            opacity: 0.25;
            color: rgb(255, 255, 255);
            -webkit-font-smoothing: antialiased;
        }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: rgb(255, 255, 255);
        }

        .customer-support {
            padding: 40px 0px;
            background-color: #333333;
        }

        .customer-support .bg-white {
            border-radius: 10px;
            padding: 20px 0px;
        }

        /* .customer-support .bg-white img{
    
} */

        .customer-support .bg-white h6 {
            font-family: "georgia-bold";
        }

        footer {
            padding-top: 20px;
            background-color: #ddd;
        }

        footer h3 {
            font-family: "georgia-bold";
        }

        .fieldInput {
            display: block;
            /*margin: 70px auto;*/
            margin-bottom: 20px;
            width: 240px;
            height: 35px;
            position: relative;
            box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.09);
            border-radius: 6px;
            border: 1px solid #eeeeee;
            overflow: hidden;
        }

        .fieldInput .form-input {
            width: 200px;
            background: none;
            border: none;
            padding: 6px 20px;
            font-size: 14px;
            font-family: "Roboto-Regular";
            color: #333333;
        }

        .fieldInput .form-input:focus {
            outline: none;
        }

        .fieldInput .form-submit {
            font-size: 12px;
            font-family: "Roboto-Medium";
            color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            width: 70px;
            height: 35px;
            border-radius: 6px;
            background: #333333;
            border: 1px solid #eeeeee;
            box-shadow: 5px -2px 81px 1px rgba(0, 0, 0, 0.09);
            cursor: pointer;
            transition: all .3s ease;
        }

        .fieldInput .form-submit:hover {
            font-size: 12px;
            color: #333333;
            position: absolute;
            right: 0;
            top: 0;
            width: 70px;
            height: 35px;
            border-radius: 6px;
            background: #efb839;
            border: 1px solid #efb839;
            box-shadow: 0px 0px 18px #efb839;
        }

        footer .list-inline li {
            display: inline;
        }

        footer .list-inline li a {
            font-size: 18px;
        }

        footer ul {
            list-style-type: none;
            padding: 0px;
            margin: 0px;
        }

        footer ul li a {
            text-decoration: none;
            font-family: "Roboto-Regular";
            font-size: 14px;
            color: #666666;
            transition: all .3s ease;
        }

        footer ul li a:hover {
            color: #efb839;
        }

        footer ul li i {
            display: block;
            margin-right: 10px;
            text-align: center;
        }

        footer .end-footer {
            text-align: center;
            background-color: #333333;
            padding: 20px 0px 10px 0px;
            margin-top: 60px;
        }

        footer .end-footer p {
            color: #fff;
        }

        footer .end-footer p a {
            text-decoration: none;
            color: #efb839;
        }

        .float-img {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 30px;
            right: 30px;
            text-align: center;
            z-index: 120;
        }

        /*product page*/

        .product-section {
            margin-top: 125px;
            margin-bottom: 60px;
            background: linear-gradient(to right, rgb(0 0 0 / 13%), rgb(0 0 0 / 51%)), url(../images/jewellery-gold-wedding-indian-1.jpg);
        }

        .product-section h2 {
            line-height: 1.1;
            color: inherit;
            color: #ffc107;
            font-family: "georgia-bold";
            text-align: center;
        }

        .product-menu {
            text-align: center;
        }

        .product-section ul li {
            display: inline-block;
            padding: 0 12px 0px 12px;
            font-size: 22px;
            font-weight: 400;
        }

        .product-menu ul {
            padding-left: 0px;
        }

        .product-menu ul li.active>a {
            color: #fff !important;
        }

        .product-section ul li>a {
            color: #ffffff;
            text-decoration: none;
        }

        .product-menu ul li::after {
            position: absolute;
            content: " \276F";
            color: rgb(255 255 255);
            right: auto;
            padding: 0 12px 0px 8px;
        }

        .product-menu ul li.active::after {
            display: none;
        }

        /*about page */

        .section-about {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .about-card div {
            height: 100%;
            padding: 15px;
            box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, .175) !important;
            border-radius: 15px;
        }

        .about-card h2 {
            font-family: "georgia-bold";
            color: #ffc107;
        }

        .navbar-brand {
            font-family: "georgia-bold";
            font-size: 24px;
        }

        .about-card h4 {
            font-family: "georgia-bold";
            color: #242320;
            font-weight: 900;
        }

        .about-card>p {
            color: #242320;
        }

        .section-about-2 {
            margin-top: 50px;
            margin-bottom: 50px;
            background: linear-gradient(to right, rgb(0 0 0 / 43%), rgb(0 0 0 / 91%)), url(../images/jewellery-gold-wedding-indian-1.jpg);
        }

        .about-right-image {
            right: 100px;
            width: 245px;
            bottom: 0;
        }

        .about-item>h1 {
            color: #fff;
            font-family: "georgia-bold";
        }

        .about-item>h4 {
            color: #ffc107;
            font-family: "georgia-bold";
        }

        .about-item p {
            color: #fff;
            font-family: "Roboto-Regular";
        }

        .section-vision {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .card-vision {
            border-radius: 15px;
            /* border-top-left-radius: 90px;*/
        }

        .vision-text {
            font-family: "georgia-bold";
            padding-left: 70px;
            padding-bottom: 20px;
            margin-top: -40px;
            color: #d39f0d;
        }

        .mission-text {
            padding-left: 70px;
            margin-top: -40px;
            padding-bottom: 20px;
            font-family: "georgia-bold";
        }

        .section-achive {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .achive-text {
            padding-top: 30px;
            text-align: justify;
        }

        .achive-text>h1 {
            font-family: "georgia-bold";
            padding-top: 30px;
        }

        /* section-product-detail */

        .section-product-detail {
            margin-top: 125px;
            margin-bottom: 60px;
        }

        .product-text>h2 {
            color: #110d03;
            font-family: "georgia-bold";
        }

        .product-text>h4 {
            color: #110d03;
            font-family: "Roboto-Regular";
        }

        .product-text>h1 {
            color: #ffc107;
            font-family: "georgia-bold";
        }

        .product-text>p {
            color: #110d03;
            font-family: "Roboto-Regular";
            font-size: 22px;
        }

        .popular-product-detail {
            margin-top: 50px;
            margin-bottom: 50px;
            background-color: #666666;
        }

        .card-detail {
            margin-top: 50px;
            margin-bottom: 50px;
            background-color: #fff;
        }

        .popular-product-detail .product-detail {
            max-width: 260px;
            margin: 10px 10px;
            border: 1px solid #3333331a;
        }

        /* category sidebar*/
        /*catgory page filter menu css*/

        .sidebar-toggle {
            position: fixed;
            top: 50%;
            left: 0;
            width: 40px;
            height: 40px;
            transition: left .2s ease-in-out 0s;
            border: #dcdcda solid 1px;
            border-left-width: 0;
            background: #fff;
            font-size: 17px;
            line-height: 38px;
            text-align: center;
            cursor: pointer;
            z-index: 999;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .sidebar-opened .sidebar-toggle {
            left: 260px;
            z-index: 9000
        }

        .sidebar-opened .sidebar-toggle i:before {
            content: "\f00d";
        }

        .sidebar-toggle {
            display: none;
        }

        @media (max-width: 991px) {
            .sidebar-toggle {
                display: block;
            }

            .mobile-sidebar {
                display: block;
                position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                width: 260px;
                padding: 15px;
                margin: 0;
                transform: translate(-260px);
                transition: transform .2s ease-in-out 0s;
                background-color: #fff;
                z-index: 9999;
                overflow-y: auto
            }

            .sidebar-opened .mobile-sidebar {
                transform: none
            }

            .sidebar-opened .sidebar-overlay {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: #000;
                opacity: .35;
                z-index: 8999
            }
        }

        .ratings-container i {
            margin-right: 2px;
            color: #ffc107;
        }

        #bulk-massage {
            color: #18D39E;
            font-weight: 500;
            font-size: medium;
        }

        .product-data .seo_tag {
            font-size: 70%;
            font-weight: 400;
            color: #a1a1a1;
            padding-left: 10px;
        }

        .ui-autocomplete {
            overflow: auto;
            height: 300px !important;
        }

        .product-details marquee {
            line-height: 25px;
        }

        .float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 30px;
            right: 100px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
        }

        .float:hover {
            color: #FFF;
        }

        .my-float {
            margin-top: 16px;
        }

        .match-height>[class*=col] {
            display: flex;
            flex-flow: column;
        }

        .filter-title {
            background-color: #333;
            color: #ffc107 !important;
        }
        .filter-title a {
            color: #ffc107 !important;
        }

        .filter-title h5 {
            color: #ffc107;
        }

        .category-sidebar ul {
            padding-left: 0rem;
            padding-bottom: 0rem;
            margin-bottom: 0rem;
        }

        .category-sidebar ul li {
            list-style: none;
            text-align: left;
            font-weight: 500;
            font-size: 18px;
            border-bottom: 1px #ccc solid;
            padding: 5px;
        }

        .category-sidebar ul li .pl-15 {
            padding-left: 15px !important;
        }   

        .category-sidebar ul li a {
            width: 100%;
        }

        .category-sidebar ul li:hover,
        .category-sidebar ul li a:hover {
            background-color: #33333382;
            color: #000;
        }

        .conatct-us h2 {
            color: #ffc107;
            font-family: "georgia-bold";
        }

        .conatct-us {
            box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, .175) !important;
        }

        .showroom ul {
            margin: 0px;
            padding: 0px;
        }

        .showroom ul li {
            list-style: none;
            padding: 5px;
        }

        .showroom ul li i {
            margin-right: 10px;
        }

        .category-sidebar ul li.active {
            background-color: #33333382;
        }

        .slider-btn {
            font-size: 22px;
            font-family: "georgia-bold";
            color: #c80a30;
            text-decoration: none;
            border: 1px solid #c80a30;
            padding: 8px 14px;
            border-radius: 2px;
            transition: all .3s ease;
            margin-top: 150px;
        }

        .slider-btn:hover {
            background-color: #fff;
            color: #c80a30;
            transition: all .5s ease;
        }

        .text-end {
            float: right !important;
        }

        /* nav menu inside nev menu css */
        @media (min-width: 992px) {
            .dropdown-menu .dropdown-toggle:after {
                border-top: .3em solid transparent;
                border-right: 0;
                border-bottom: .3em solid transparent;
                border-left: .3em solid;
            }

            .dropdown-menu .dropdown-menu {
                margin-left: 0;
                margin-right: 0;
            }

            .dropdown-menu li {
                position: relative;
            }

            .nav-item .submenu {
                display: none;
                position: absolute;
                left: 100%;
                top: -7px;
            }

            .nav-item .submenu-left {
                right: 100%;
                left: auto;
            }

            .dropdown-menu>li:hover {
                background-color: #f1f1f1
            }

            .dropdown-menu>li:hover>.submenu {
                display: block;
            }
        }