body{
    margin: 0px !important;
}

header{
    margin:auto;
}

.logo{
    width: 10%;
    height: 60%;
    background-image: url(../Images/Logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

nav {
    height: 6rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.nav-list {
    padding-left: 0px;
    width: 74%;
}


.nav-link {
    display: block;
    margin-right: 0px;
    transition: color .5s;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.775rem;
    letter-spacing: 2px;
    font-weight: Bold;
    letter-spacing: 0.14px;
    color: #939393;
    opacity: 1;
}

.active{
    color: #F35B04;
}

.nav-link:hover{
    color: white;
    text-decoration: underline;
}


  
  .login-signup-btn {
    background-color: #F35B04;
    width: 10rem;
    color: white;
    padding: 9px 20px;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    float: right;
}
  
  .login-blk {
    width: 49%;
    height: 45%;
    float: left;
    margin-top: 0px;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: left!important;
    text-transform: uppercase;
}
  
  .short-line {
    color: #fff;
    width: 1px;
    height: 26px;
    background-color: white;
    float: left;
}
  
  .signup-blk {
    width: 49%;
    height: 45%;
    float: right;
    margin-top: 0px;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8125rem;
    font-weight: 300;
    text-align: right !important;
    text-transform: capitalize;
  }
  
  a.login-signup-text{
    color: #ffffff !important;
  }
  

.ad-slider{
   
    height: 12.01rem;
}

.slider-images{
    height: 100%;
    background-color: black;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-flex;
}


.image-box1{
    background-image: url(../Images/IMG_1009.JPG);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
}

.image-box2{
    background-image: url(../Images/IMG_1018.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
    margin-left: 5px;
}

.image-box3{
    background-image: url(../Images/IMG_1020.JPG);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
    margin-left: 5px;
}
.image-box4{
    background-image: url(../Images/IMG_1021.JPG);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
    margin-left: 5px;
}

.image-box5{
    background-image: url(../Images/IMG_1022.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
    margin-left: 5px;
}

.image-box6{
    background-image: url(../Images/IMG_1023.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
    margin-left: 5px;
}

.image-box7{
    background-image: url(../Images/IMG_1024.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
    width: 14%;
    margin: auto;
    border-radius: 17px;
    margin-left: 5px;
}

.service-options{
    background-color: white;
    height: 25rem;
    padding: 7.9rem;   
    position: relative;
}

.options-container{
    width: 80%;
    background-color: black;
    margin: auto;
}

.option{
    display: inline-flex;
    margin-left: 0.5rem;
    opacity: 1;
    width: 225px;
    height: 370px
}

/*width: 21.875rem;
height: 28.125rem;
border: 3px solid #FEC601;
border-radius: 46px;
opacity: 1;
display: inline-flex;
margin: 2rem;
margin-top: 6rem;
*/

.content-box{
    width: 100%;
    height: 100%;
}
.img-container-one{
    width: 100%;
    background: url("../Images/IMG_1027.JPG") center no-repeat;
    height: 60%;
    background-size: cover
}

.img-container-two{
    width: 100%;
    background: url("../Images/IMG_1024.JPG") center no-repeat;
    height: 60%;
    background-size: cover
}

.img-container-three{
    width: 100%;
    background: url("../Images/IMG_1009.JPG") center no-repeat;
    height: 60%;
    background-size: cover
}

.img-container-four{
    width: 100%;
    background: url("../Images/IMG_1018.JPG") center no-repeat;
    height: 60%;
    background-size: cover
}
.heading-container{
    width: 100%;
    background-color: black;
    height: 23%;
    bottom: 0px;
    text-align: center;
    padding-top: 52px;
}

.bottom-section{
    position: relative;

}

.who-we-are{
    height: 25rem;
}



.box{
    background-color: white;
    width: 100%;
    height: 1rem;
}




.mini-box{
    width: 8rem;
    height: 100%;
    display: inline-flex;
}

.icon{
    width: 1.5rem;
    height: 100%;
    background-color: black;
}

.social-link{
    width: 6.5rem;
    height: 100%;
}

.socials{
    width: 25rem;
    height: 8rem;
    float: right;
}



/*Media queries*/



@media screen and (min-width:768px){
    .nav{
        justify-content: space-between;
    }


header{
    margin:auto;
    padding-left: 0rem;
    padding-right: 0rem;
}
    

    .nav-box {
        height: 100%;
        width: 100%;
        list-style: none;
        padding: 0;
        flex-direction: row;
        transform: initial;
        transition: initial;
        font-weight: 400;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
    }

    .nav-item {
        margin: 0px;
        border: none;
        margin-left: 1rem;
    }

    .nav-item:last-child{
        margin-right: 0;
    }
    
    
}