@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --default-font: "Montserrat", sans-serif;
  --heading-font: "Montserrat", sans-serif;
  --nav-font: "Montserrat", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #5e5e5e; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #cda45e; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #cda45e; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #29261f; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #ffffff;  /* The default color of the main navmenu links */
  --nav-hover-color: #cda45e; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #29261f; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #29261f; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #ffffff; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #cda45e; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}


body {
    font-size: 14px !important;
    color: #3b3b3b !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

a.commerce-blog-link.inline-block.h7.md-mb4 {
    font-size: 14px;
}
a.commerce-blog-link.inline-block.h7.md-mb4:hover {
    text-decoration: underline !important;
}
.commerce-blog-link, #contact button[type="submit"]{
    color: var(--nav-color) !important;
    border: 2px solid var(--accent-color) !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 6px 24px !important;
    border-radius: 50px !important;
    transition: 0.3s !important;
    background-color: #cda45e !important;
}
.commerce-blog-link:after{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #cda45e;
    content: '';
    z-index: 1;
    bottom: -5px;
}
p#keywords{
    display: none !important;
}

.a-tag p img {
    width: 100% !important;
    height: 100% !important;
}
/* .h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6{
    text-transform: capitalize !important;
    color: #00a3e0 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 26px;
} */
.ampstart-btn{
    padding: 10px 15px !important;
    text-transform: capitalize !important;
}
/* strong{
    font-weight: 500 !important;
} */
p.h7.center{
    display: none;
}


.image-of-post{
height: 250px;
object-fit: cover;
}
.blog-titleee{
    font-size: 20px;
    text-transform: capitalize;
    color: #015fc9;
    height: 5rem;
}
.blog-titleee:hover{
    text-decoration: underline;
    
}

.a-tag img {
    width: 100% !important;
    height: 100% !important;
}

.ampstart-headerbar {
    height: auto;
    padding: 14px 40px;
    border: none !important;
}
.ampstart-nav-item.ampstart-nav-dropdown a{
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 500 !important;
    
}
.ampstart-headerbar-nav .ampstart-nav-item{
    opacity: 1 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.book-now{
    margin-top: 0px !important;
}
.ampstart-headerbar+:not(amp-sidebar),
.ampstart-headerbar+amp-sidebar+*,
.main {
    margin-top: 3rem;
}

input.ampstart-btn.ampstart-input.mt2.user-valid.valid {
    font-size: 16px;
    padding: 10px;
}

a.ampstart-btn.ampstart-btn-secondary.inline-block.h7.pt3.mt4.md-mb4 {
    font-size: 13px;
}

.ampstart-sidebar .ampstart-navbar-trigger {
    color: #ffff;
}


@media screen and (max-width: 767px) {
    a.my0.mx-auto {
        float: left;
        text-align: right;
        margin: inherit;
        width: 100%;
    }

    .ampstart-headerbar .ampstart-navbar-trigger {

        font-size: 2.38rem;

    }

    i-amphtml-sizer {
        padding-top: 38.2222%;
    }

    .ampstart-headerbar {
        padding: 19px 15px;
    }

}
.myvideo.web-video{
    margin-top:0px !important
}