@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;1,600&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;1,600&family=Montserrat:wght@400;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;1,600&family=Great+Vibes&family=Montserrat:wght@400;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap');
        /* For Nav Bar*/
        /*
font-family: 'Cormorant', serif;
font-family: 'Great Vibes', cursive;
font-family: 'EB Garamond', serif;
*/
        
        html {
            scroll-behavior: smooth;
        }
        
        .dropdown-submenu {
            position: relative;
        }
        
        .dropdown-submenu>a:after {
            content: "\f0da";
            float: right;
            border: none;
            font-family: 'FontAwesome';
        }
        
        .pb-top {
            margin-top: 100px;
            margin-bottom: 50px;
        }
        
        .header-text-product {
            font-family: 'Montserrat', sans-serif;
            line-height: 24px;
            font-weight: 600;
            color: #000000;
            font-size: 18px;
            font-style: normal
        }
        
        .recHead {
            font-family: 'Montserrat', sans-serif;
            line-height: 44px;
            font-weight: 600;
            color: #d2ae6d;
            font-size: 40px;
            font-style: normal
        }
        
        .prodDesc {
            margin-top: -35px;
        }
        
        .product-desc {
            font-family: 'Times New Roman';
            font-style: normal;
            font-weight: 200;
            font-size: 21px;
            line-height: 31px;
            color: #000000;
            margin-top: -15px;
        }
        
        .dropdown-submenu>.dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: 0px;
            margin-left: 0px;
        }
        
        .navbar-nav>li {
            margin-left: 30px;
            margin-right: 30px;
        }
        /* ul.nav a:hover {
            color: #d2ae6d !important;
        } */
        .nav-item.active{
  /* border: none;*/
  /*outline: none;*/
  /*padding: 5px 12px;*/
  cursor: pointer;
  background-color: #d2ae6d;
  color: white;
        }
        .dropdown-item.active{
            background-color: #d2ae6d; 
        }
        /*Coldor or active */
        
        .nav-item:hover {
            color: #d2ae6d;
        }
        /* end of color active */
        
        .nav-image {
            height: 40px;
        }
        
        .nobreak {
            white-space: nowrap;
        }
        
        @media (min-width: 991px) {
            .nav-image {
                height: 50px;
                margin-left: 80px;
            }
            .dropdown-menu {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
            .pb-top {
                margin-top: 100px;
                margin-bottom: 50px;
            }
            .contact {
                margin-left: 300px;
            }
            .dropdown:hover>.dropdown-menu {
                display: block;
            }
            .dropdown:hover>.dropdown-menu.dropdown-submenu {
                display: block;
            }
            .dropdown>.dropdown-toggle:active {
                pointer-events: none;
            }
        }
        
        .footer-back {
            font-family: monospace, sans-serif;
            font-weight: 600;
            color: #ffffff;
            line-height: 24px;
        }
        
        .links {
            color: black;
        }
        
        .links:hover {
            color: #d2ae6d;
        }
        
         ::-moz-selection {
            /* Code for Firefox */
            color: white;
            background: #d2ae6d;
        }
        
         ::selection {
            color: white;
            background: #d2ae6d;
        }
        
        .video-fluid {
            width: 100%;
            height: auto;
        }
        
        #parallax {
            /* The image used */
            background-image: url(/assets/images/FirstPage/Choc-M.jpg);
            /* Set a specific height */
            min-height: 100%;
            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        #parallaxSec {
            background-image: url(/assets/images/FirstPage/chocoRou.png);
            min-height: 100%;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        #contactsParallax {
            background-image: url(/assets/images/Pastes/Contact-us.jpg);
            min-height: 100%;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        /*customer Logo */
        
        h2 {
            text-align: center;
            padding: 20px;
        }
        /* Slider */
        
        .slick-slide {
            margin: 0px 20px;
        }
        
        .slick-slide img {
            width: 100%;
        }
        
        .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }
        
        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        
        .slick-list:focus {
            outline: none;
        }
        
        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }
        
        .slick-slider .slick-track,
        .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        
        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
        }
        
        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }
        
        .slick-track:after {
            clear: both;
        }
        
        .slick-loading .slick-track {
            visibility: hidden;
        }
        
        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px;
        }
        
        [dir='rtl'] .slick-slide {
            float: right;
        }
        
        .slick-slide img {
            display: block;
        }
        
        .slick-slide.slick-loading img {
            display: none;
        }
        
        .slick-slide.dragging img {
            pointer-events: none;
        }
        
        .slick-initialized .slick-slide {
            display: block;
        }
        
        .slick-loading .slick-slide {
            visibility: hidden;
        }
        
        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent;
        }
        
        .slick-arrow.slick-hidden {
            display: none;
        }
        /* end of Logo */
        /* line h6 */
        
        h6.about-us {
            font-family: 'Montserrat', sans-serif;
            color: #000000;
            margin-top: 4px;
            font-size: 21px;
            line-height: 21px;
            font-style: normal;
            font-weight: 600;
            text-transform: normal;
        }
        
        h6 {
            display: flex;
            flex-direction: row;
            /* font-size: 30px; */
        }
        
        h6:before,
        h6:after {
            content: "";
            flex: 1 1;
            border-bottom: 1px solid #d2ae6d;
            margin: auto;
        }
        
        h6:before {
            margin-right: 10px
        }
        /* end of line */
        /* Divider */
        
        .astrodivider {
            margin: 60px auto;
            width: 400px;
            max-width: 100%;
            position: relative;
        }
        
        .astrodividermask {
            overflow: hidden;
            height: 20px;
        }
        
        .astrodividermask:after {
            content: '';
            display: block;
            margin: -25px auto 0;
            width: 100%;
            height: 25px;
            border-radius: 125px / 12px;
            box-shadow: 0 0 8px #d2ae6d;
        }
        
        .astrodivider span {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 100%;
            margin-bottom: -25px;
            left: 50%;
            margin-left: -25px;
            border-radius: 100%;
            box-shadow: 0 2px 4px #d2ae6d;
            background: #fff;
        }
        
        .astrodivider i {
            position: absolute;
            top: 4px;
            bottom: 4px;
            left: 4px;
            right: 4px;
            border-radius: 100%;
            border: 1px dashed #d2ae6d;
            text-align: center;
            line-height: 40px;
            font-style: normal;
            color: #d2ae6d;
        }
        /*end of Divider */
        /* .bgimage {
    width: 100%;
    height: 500px;
    background: url(/assets/images/SecondPage/aboutUs.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 80px;
} */
        /* .bgimage h5 {
    color: white;
    text-shadow: 2px 2px #333;
} */
        
        .sideImage {
            margin-top: 150px;
        }
        
        .product-top {
            margin-top: 40px;
        }
        
        .comp {
            color: #d2ae6d;
            font-family: 'Cormorant', serif;
            font-style: normal;
            font-weight: 700;
            line-height: 31px;
            font-size: 21px;
        }
        
        .compst {
            color: #d2ae6d;
            font-family: 'Cormorant', serif;
            font-style: normal;
            font-weight: 700;
            line-height: 31px;
            font-size: 21px;
        }
        
        table.compstd td {
            color: #ffffff;
            font-family: 'Cormorant', serif;
            font-style: italic;
            font-weight: 700;
            line-height: 31px;
            font-size: 21px;
        }
        
        table.compstds td {
            color: #451c1c;
            font-family: 'Cormorant', serif;
            font-style: italic;
            font-weight: 700;
            line-height: 31px;
            font-size: 21px;
        }
        
        .compstds {
            color: #451c1c;
            font-family: 'Cormorant', serif;
            font-style: italic;
            font-weight: 400;
            line-height: 31px;
            font-size: 21px;
        }
        
        table.compstds tr,
        th,
        td {
            border-color: #d2ae6d;
        }
        
        .compDesc {
            color: black;
            font-family: 'Cormorant', serif;
            font-style: 21px;
            font-weight: 400;
            line-height: 31px;
            font-size: 21px;
            font-style: normal;
        }
        
        .nuts {
            color: #000000;
            font-family: 'Cormorant', serif;
            font-style: 21px;
            font-weight: 400;
            line-height: 31px;
            font-size: 21px;
            font-style: italic;
        }
        
        table,
        td,
        tr,
        th .tableCol {
            border: solid 2px #d2ae6d;
        }
        
        .btn-myInfo {
            border: double 2px #d2ae6d;
            color: white;
            fill-opacity: inherit;
            border-radius: 8px;
            background-color: #d2ae6d;
            text-transform: uppercase;
        }
        
        .btn-myInfo:hover {
            background-color: white;
            color: #d2ae6d;
            border-radius: 8px;
        }
        
        .recip {
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: black;
            font-style: normal;
        }
        
        .exec {
            font-family: 'Great Vibes', cursive;
            font-weight: 400;
            font-style: normal;
            font-size: 30px;
            line-height: 24px;
            color: #c19d56;
            margin-top: -30px;
        }
        
        h1.aboushead {
            font-family: 'Great Vibes', cursive;
            font-weight: 400;
            font-style: normal;
            font-size: 50px;
            line-height: 40px;
            color: #c19d56;
        }
        
        h1.aboushead2nd {
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 50px;
            line-height: 40px;
            color: #000000;
        }
        
        ul.mylist {
            list-style: none;
        }
        
        .quote {
            font-family: 'Georgia';
            font-weight: 400;
            font-style: italic;
            font-size: 25px;
            line-height: 31px;
            color: #000000;
        }
        
        .footText {
            color: black;
            font-family: 'Cormorant', serif;
            font-style: 21px;
            font-weight: 400;
            line-height: 31px;
            font-size: 21px;
            font-style: bold;
        }