@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

:root{
    --font-heading-primary:Oswald, sans-serif;
    --font-heading-secondary:Roboto, sans-serif;
    --font-para:Open Sans Condensed, sans-serif;

    --color-yellow-light:#ffc107;

    --color-white-standard:#fff;
    --color-white-dark:#edf2f4;

    --color-grey-light:#ccc;
    --color-grey:#999;

    --color-black-standard:#000;

    --linear-gradient:linear-gradient(to right bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6));

}


/* ****************** BASE  RULE BEGIN ******************* */
*,
*::after,
*::before{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

a,a:hover{
    text-decoration:none;
}

body{
    font-size: 62.5%;
    background-color:rgba(113, 3, 3, 0.93);
    width:100%;
}

@media (max-width:500px){
    body{
        font-size:56.25%
    }
}


/* ****************** BASE  RULE ENDS ******************* */


/* ****************** UTILITIES BEGIN ******************* */

.img__shadow{
    filter:drop-shadow(0.3rem 0.3rem 0.3rem rgba(0,0,0,0.6));
    -webkit-filter:drop-shadow(0.3rem 0.3rem 0.3rem rgba(0,0,0,0.6));
    -moz-filter:drop-shadow(0.3rem 0.3rem 0.3rem rgba(0,0,0,0.6));
}

.box__shadow{
    box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,0.8);
}


.w-80{
    width:80%;
}
.black__linear__gradient{
    position:absolute;
    height:7rem;
    width:100%;
}

.container--center{
    padding:1rem;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: -webkit-fill-available;
    width:inherit;
}


/* ****************** UTILITIES ENDS ******************* */


/* ****************** TYPOGRAPHY AND BUTTONS BEGIN ******************* */
.heading__large{
    font-family: 'Dancing Script', cursive;
    font-size:5rem;
    color:var(--color-yellow-light);
}
.heading__primary{
    color:var(--color-white-standard);
    font-size:3rem;
    font-family:var(--font-heading-primary);
}

.heading__primary_1{
   color:var(--color-yellow-light);
    font-size:1.2rem;
    font-weight:550;
	line-height:1em;
    font-family:var(--font-heading-secondary);
}

.heading__secondary{
    color:var(--color-yellow-light);
    font-size:1.5rem;
    font-weight:550;
    font-family:var(--font-heading-secondary);
}

.para__primary{
    font-size:1rem;
    color:var(--color-grey);
}
.para__secondary{
    font-size:1rem;
    color:var(--color-grey-light);
}

.button__primary{
    padding: 1rem 2rem;
    border: none;
    outline: none;
    font-size: 1.2rem;
    font-weight: 550;
    color: var(--color-white-standard);
    background:transparent;
    border: 1px solid var(--color-yellow-light);
    transition:all 0.3s;
}
.button__primary:hover{
    background: var(--color-yellow-light);
}

.button__primary--small{
    font-size:1rem;
    padding:0.5rem 1rem;
    background:var(--color-yellow-light);
}
.button__primary--small:hover{
    background:var(--color-white-standard);
    color:var(--color-yellow-light);
}

@media(max-width:50rem){
    .heading__large{
        font-size:3rem;
    }
    .heading__primary{
        font-size:2rem;
    }
    .heading__secondary{
        font-size:1.2rem;
    }
    .para__primary,.para__secondary{
        font-size:0.9rem;
    }
}


/* ****************** TYPOGRAPHY AND BUTTONS ENDS ******************* */

#guidelines,#aboutus,#testimonials{
    height:70vh !important;
}

/* ****************** HEADER BEGIN ******************* */

.header {
    background:var(--linear-gradient),url('../images/background-header.jpeg');
    background-size: cover;
    height:100vh;
    position: relative;width:100%;
}

.navbar__dark{
    background:rgba(0,0,0,0.8);
}

.navbar-brand{
    font-size:1.5rem;
    color:var(--color-white-dark);
}
.navbar-brand--yellow{
    font-size:1.7rem;
    font-weight:650;
    color:var(--color-yellow-light);
}

.navbar-collapse{
    flex-grow:0;
}

.nav-link{
    font-size:1.2rem;
    color:var(--color-white-dark);
}
.nav-link:hover ,.active{
    color:var(--color-yellow-light);
}
.header__heading{
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
}
.header__heading>h1{
    font-size:8rem;
    color:var(--color-white-standard);
}

@media(max-width:40rem){
    .navbar-brand{
        font-size:1rem;
    }
    .navbar-brand--yellow{
        font-size:1.4rem;
    }
}

@media(max-width:450px){.header__heading > h1 {
    font-size: 5rem;
    color: var(--color-white-standard);
}}


/* ********************** HEADER ENDS ********************** */

/* ********************** SECTION ABOUT US BEGIN ********************** */

.section__aboutus .card{
    border-radius:0;
}

.container--aboutus{
    background:var(--color-white-standard);
}

/* ********************** SECTION ABOUT US ENDS ********************** */

/* ********************** SECTION LEGAL BEGIN ********************** */
.section__legal{
    background:url('../images/chef.jpeg');
    background-size:cover;

}

/* ********************** SECTION LEGAL ENDS ********************** */

/* ********************** SECTION MANAGEMENT BEGIN ********************** */
.section__management{
    position: relative;
}
.section__management>img,.section__testimonial>img{
    width:100%;
    height:100%;
    object-fit: contain;
}
/* ********************** SECTION MANAGEMENT ENDS ********************** */

/* ********************** SECTION SERVICE BEGIN ********************** */

.section__service i,.section__skills i{
    color:var(--color-yellow-standard);
}
/* ********************** SECTION SERVICE ENDS ********************** */

/* ********************** SECTION SKILL BEGIN ********************** */
.section__skills img{
    width:25rem;
    height:25rem;
    object-fit: contain;
}

.section__skills .skills__flex>div{
    flex:0.5;
}
/* ********************** SECTION SKILL ENDS********************** */


/* ********************** SECTION CHECKPOINT BEGIN ********************** */
.section__checkpoints{
    background:url('../images/background-skills.jpeg');
    background-size:cover;
    background-position:center;
    position: relative;
}

.section__checkpoints table,.section__legal table,.section__testimonial--table table{
    height:auto;
    padding:1rem;
    color:var(--color-white-standard);
    font-size:1rem;
    cursor:pointer;
    border-radius: 5px;

}
.table th ,.table td{
    padding:0.5rem;
    border-top:0;
    border: 1px solid var(--color-grey);
    
}

.table tr:hover{
    background:rgba(0,0,0,0.3);
}
/*********************** SECTION CHECKPOINT ENDS ***********************/

/*********************** SECTION GUIDELINES BEGIN ***********************/
.section__guidelines--left>img{
    width:60rem;
    height:45rem;
    object-fit: cover;
}

.container--guidelines{
    background:var(--color-yellow-light);
}
.container--guidelines p{
    color:var(--color-black-standard);
    font-size:1rem;
}

@media(max-width:80rem){
    .section__guidelines--left>img{
        width:100%;
        height:100%;
    }
}
/*********************** SECTION GUIDELINES ENDS ***********************/

/* ********************** SECTION CLIENTS BEGIN ********************** */
.section__clients{
 background:var(--color-white-standard);   
}
.section__clients .card{
   box-shadow: 4px 6px 9px #ecebe6;
   border:none;
   border-radius:0;
}
.section__clients .card .card-title{
    color:var(--color-yellow-light);
}
.section__clients--right{
    background-color:rgba(113, 3, 3, 0.93);
}

.section__clients--right img{
    width:10rem;
    height:10rem;
    object-fit: contain;
}
/* ********************** SECTION CLIENTS ENDS ********************** */

/* ********************** FOOTER  BEGIN ********************** */
.footer{
    background:#000;
}
.footer i{
    color:var(--color-yellow-light);
    font-size:1.2rem;
}
.footer .footer__logo{
    height:5rem;
    width:5rem;
    object-fit: contain;
}

.footer p:hover{
    color:var(--color-yellow-light);
    cursor: pointer;
}
.footer__copyright{
    background:rgba(113, 3, 3, 0.93);
}
.footer__copyright>p{
    color:var(--color-white-standard);
    font-size:1rem;
    font-weight:600;
}

/* ********************** FOOTER ENDS ********************** */