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

:root {
    --primary: #d8a62a;
    --secondary: #ffffff;
    --red:#f44336;
    --green:#04AA6D;
    --blue:#2196F3;
    --yellow:#ff9800;
    --white:#ffffff;
    --white-v2:#d6d6d6;
    --dark-opcity:rgba(22, 29, 53, 0.767);
    --dark-opcity-v2:rgb(0 0 0 / 75%);

    --text-dark:#202124;
    --text-light:#3c4043;
    --text-light-bold:#5f6368;
    --text-white-dark:#9395a0;

    --light-bg:#f8f9fa;
    --light-bg-dark:#e8eaed;

    --font-size:16px;
    --font-size-mb:14px;
    --h2-size:48px;
    --h2-size-mb:28px;
    --h1-size:60px;
    --h1-size-mb:36px;
    --sub-heading-size:28px;
    --sub-heading-size-mb:18px;
}


body
{
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    padding: 0px;
    color: var(--text-light);
    box-sizing: border-box;
}

h1, h2, h3, h4, h5
{
    color: var(--text-dark);
}
.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
    background-color: var(--dark-opcity) !important;
}


/* Default Css */
.web-btn
{
    background-color: var(--primary);
    color: var(--white);
    text-decoration: none;
    transition: 0.3s;
    outline: none;
    border-color: var(--primary);
}
.web-btn-blank
{
    background-color: var(--white);
    color: var(--primary);
    text-decoration: none;
    border: 1.5px solid var(--text-light);
    transition: 0.3s; 
    display: inline-block;
    outline: none;
}
.web-btn-blank:hover
{
    background-color: var(--primary);
    color: var(--white);
}
.web-btn:hover
{
    background-color: var(--white);
    color: var(--text-light);
    border-color: var(--white);
    outline: none;
}
.line-short
{
    background-color: var(--text-dark);
    width: 25%;
    height: 4px;
    display: block;
    margin-bottom: 20px;
}



/* Bootstrap Modifications */

.navbar-toggler:focus, .navbar-toggler
{
    box-shadow: none;
    border: 0px;
}

@media (max-width:991px)
{
    .navbar-nav
    {
        text-align: center;
    }
    .navbar-nav .dropdown-menu
    {
        text-align: center;
    }
    .navbar-item-right
    {
        text-align: center;
    }
}
@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: var(--white);  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:140%; transform: rotateX(0deg); }
    
}	
/* Header */
.navbar
{
    background-color: var(--dark-opcity);
    z-index: 999;
}
.navbar-item-right span
{
    padding: 10px;
}
.navbar .nav-item .nav-link
{
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 500;
    padding:0px 15px;
}
.navbar .nav-item .nav-link:hover, .navbar .nav-item:hover > a
{
    color: var(--white);
}
.navbar-toggler i 
{
    color: var(--primary);
}
/* Hero Sections */
.hero-slider
{
    margin-top: -75px;
}
.hero-slider .hs-item
{
    min-height: 100vh;
    font-size: var(--font-size);
    color: var(--text-white-dark);
}
.hero-slider .hs-item .hs-title
{
    font-size: var(--h1-size);
    font-weight: 800;
    color: var(--primary);
}
.hero-slider .hs-item .hs-item-inner
{
    width: 50%;
    float:right;
    padding: 140px 50px !important;
}
.fw-600
{
    font-weight: 600;
    letter-spacing: 2px;
}
/* Preloader */
.page-preloader
{
    position: sticky;
    min-height: 110vh;
    top:0px;
    display: none;
    z-index: 9999;
    background-color: var(--white);
}
/*  preloader */
.page-preloader.active
{
    display: block;
}
.page-preloader .preloader-child
{
    width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Back To Top */
#back-to-top
{
    color: var(--primary);
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    font-size: 30px;
    cursor: pointer;
}
#back-to-top:hover
{
    color: var(--yellow);
}
.clear
{
    clear: both;
}

/* Section Heading */
.section_heading
{
    text-align: center;
}
.section_heading h4
{
    color: var(--primary);
}
.section_heading h4 strong
{
    color: var(--text-dark);
}
.section_heading .break_line
{
    position: relative;
    display: block;
    height: 22px;
    background: url('../img/section-break-logo.png') no-repeat center center;
    width: 200px;
    margin: 0 auto 10px;
}
.section_heading .break_line:before {
    display: block;
    content: "";
    width: 80px;
    height: 1px;
    background: #bebebe;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
}
.section_heading .break_line:after {
    display: block;
    content: "";
    width: 80px;
    height: 1px;
    background: #bebebe;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}
/* SERVICES */
.service_tabs li
{
    width: 33.33%; 
    width: calc(100% / 3);
    display: inline-block;
}
.service_tabs li .nav-link:hover
{
    color: var(--primary) !important;
}
.service_tabs li .nav-link.active:hover
{
    color: var(--white) !important;
}
.service_tabs_item
{
    background-repeat: no-repeat !important;
    padding: 20px 20px 20px 140px;
    background-position: left;
    color: var(--text-dark);
    width: 100%; 
    background-position: 50px center !important;
}
.service_tabs_item span
{
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.service_tabs_item span.tab_title
{
    font-weight: 600;
    margin-bottom: 10px;
}
.service_tabs_item span.tab_subtitle
{
    font-weight: 500;
}
.service_tabs_item.active
{
    background-color: var(--primary) !important;
    color: var(--white) !important;
}
.service_tabs_content ul
{
    list-style: none;
}
.service_tabs_content ul li
{
    padding: 7px 10px 7px 30px;
    position: relative;
}
.service_tabs_content ul li:before
{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: #fff url('../img/list-icon.png');
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


.newsletter_section
{
    background-image: url('../img/newsletter-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--text-white-dark);
}
.newsletter_section h4
{
    font-weight: 600;
    color: var(--white);
    margin-bottom: 15px;
}
.newsletter_section input:focus
{
    box-shadow: none;
    color: var(--white);
    background-color:transparent !important;
}

.newsletter_section input::-webkit-input-placeholder{
    color: var(--text-white-dark) !important;
}

/* Call To action section */
.call-to-action-section
{
    background-image: url('../img/call-to-action-bg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.call-to-action-section  h4
{
    color: var(--primary);
    font-weight: 400;
    font-size: 40px;
}
.call-to-action-section  h4 strong
{
    color: var(--text-dark);
}

/* Blog Section */

.blog-post-item
{
    position: relative;
    overflow: hidden;
    transition: 0.4s;
    cursor: pointer;
    font-size: var(--font-size-mb);
}
.blog-section .blog-post-item:hover > .image img
{
    transform: scale(1.1);
}
.blog-section .blog-post-item .image img
{
    transition: 0.3s;
}
.blog-section .blog-post-item .image
{
    position: relative;
    overflow: hidden;
}
.blog-section h3 a
{
    color: var(--text-dark);
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    display: block;
    font-size: var(--sub-heading-size-mb);
}
.blog-section h3 a:hover
{
    color: var(--primary);
}
.blog-section .blog-post-item-readmore a
{
    display: block;
    background-color: var(--primary);
    color: var(--white);
    font-size: var(--font-size);
    padding: 13px 20px;
    text-decoration: none;
}


/* testimonial-section */
.testimonial-section
{
    background-image:url('../img/testimonial-02.jpg');
    background-attachment: fixed;
}
.testimonial-section .section_heading span, .testimonial-section .section_heading h4 strong
{
    color: var(--white);
}
.testimonial_slider .testimonial_slider_item
{
    font-size: var(--font-size-mb);
    color: var(--white-v2);
    background-color: var(--dark-opcity-v2);
    margin-right: 15px;
}
.testimonial_slider .testimonial_slider_item .testimonial_slider_item_meta
{
    display: flex;
    align-items: center;
}
.testimonial_slider_item_meta .client-data .testimonial_client_title
{
    font-size: var(--font-size);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--white);
}
.testimonial_slider_item_meta .client-data .testimonial_client_subtitle
{
    color: var(--primary);
}


/* About Us */
.about_section
{
    background-color: var(--primary);
    background-image: url('../img/about-bg.png');
    background-size: cover;
}
.about_section .content-div
{
    color: var(--text-white-dark);
}
.about_section .content-div .site_ceo
{
    color: var(--primary);
    display: block;
    font-style: italic;
}
.about_section .about_sub_title
{
    color: var(--white);
    font-size: var(--sub-heading-size);
}
.about_section .about_title
{
    color: var(--primary);
    font-weight: 600;
    text-transform: uppercase;
}
.about_section .content-div .site_owner_profession
{
    color: var(--white);
}
.about_section .about-image
{
    display: none;
}

/* Footer */
.main_footer
{
    background-color: rgba(12, 8, 29, 0.966);
    color: var(--text-white-dark);
}
.main_footer .important-links a
{
    color: var(--primary);
    text-decoration: none;
    padding: 0px 10px;
    font-weight: 500;
    font-size: var(--font-size-mb);
    text-transform: uppercase;
}
.footer-copyright
{
    font-size:var(--font-size-mb);
}



























@media (max-width:991px)
{
    .hero-slider .hs-item .hs-item-inner
    {
        width: 100%;
        float:none;
        min-height: 100vh;
        padding: 180px 30px 40px 30px !important;
        position: absolute;
        bottom: 0px;
        color: var(--white-v2);
        background-color: var(--dark-opcity-v2);
    }
    .hero-slider .hs-item
    {
        min-height: 100vh;
        position: relative;
        font-size: var(--font-size);
        background-position: -116%;
        color: var(--text-white-dark);
    }
    .hero-slider .hs-item .hs-title
    {
        font-size: var(--h1-size-mb);
    }
    .navbar-collapse.show
    {
        min-height: 100vh;
    }
    .navbar .nav-item .nav-link
    {
        padding: 10px;
    }
    .service_tabs
    {
        display: block !important;
    }
    .service_tabs li
    {
        display: block;
        width: 100%; 
        width: calc(100% / 1);
    }
    .service_tabs li div
    {
        width: 100%;
    }
    .call-to-action-section .content_div
    {
        background-color: var(--dark-opcity-v2);
        padding: 100px 20px;
    }
    .call-to-action-section
    {
        color: var(--white);
    }
    .call-to-action-section  h4 strong
    {
        color: var(--white);
    }
    .testimonial-section
    {
        background-position: center;
    }
    .testimonial-section .section_heading
    {
        background-color: var(--dark-opcity);
        padding-top: 20px;
    }
    .testimonial_slider .testimonial_slider_item
    {
        margin-right: 0px;
    }
    .about_section .about-image
    {
        display: block;
    }
}