* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@font-face {
    font-family: Kelson-Sans-Bold;
    src: url('../fonts/Kelson-Sans-Bold.otf') format("opentype")
}

@font-face {
    font-family: Baskvill;
    src: url('../fonts/BASKVILL.TTF') format("truetype")
}

@font-face {
    font-family: Kelson-Sans-Regular;
    src: url('../fonts/Kelson-Sans-Regular.otf') format("truetype")
}

@font-face {
    font-family: Poppins-Light;
    src: url('../fonts/Poppins-Light.ttf') format("truetype")
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/Poppins-Bold.ttf') format("truetype")
}

@font-face {
    font-family: BASKVILL;
    src: url('../fonts/BASKVILL.TTF') format("truetype")
}

@font-face {
    font-family: Amalfi-Coast;
    src: url('../fonts/Amalfi-Coast.ttf') format("truetype")
}

@font-face {
    font-family: Exodus-Demo-Sharpen;
    src: url('../fonts/Exodus-Demo-Sharpen.otf');
}


html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    margin: 0 auto;
    max-width: 1680px;
    position: relative;
}



/* =========header */


header{
    position: sticky;
    top: 0;
    z-index: 9999999;
}
#header{
background-color:#fff8ef;

}

#header .container-size{
    max-width: 100%;
    padding: 0 80px;
}
#header .navbar{
    
}

#header .navbar-brand img{
    height: 76px;
}

#header .navbar-nav .nav-item{

    position: relative;
}

#header .navbar-nav .nav-item .nav-link{
    font-family:Kelson-Sans-Bold;
    text-transform: uppercase;
    font-size: 14px;
    color: black !important;
    margin-right: 40px;
    padding: 0 5px;
   
}
#header .navbar-nav .active::after{

    content: '';
    background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    height: 23px;
    width: 54px;
    position: absolute;
    
    top: -41px;
    left: -2px;
}



#header .navbar-nav .nav-item .nav-link{
    
   

}

/* banner========== */

#banner{

}

#banner .carousel .carousel-item img{

    height: 800px;
}

#banner .carousel .carousel-item .bannerback{
    position: absolute;
    background: rgb(14 14 14 / 54%);
    height: 100%;
    width: 100%;
    top: 0;
} 

#banner .carousel .carousel-item .carousel-caption{
    font-family:BASKVILL;
    bottom: 15%;
}
#banner .carousel .carousel-item .carousel-caption .btit1{
    color:#f8f8f8;
    font-size:70px;
    text-transform: uppercase;
    line-height: 60px;
}
#banner .carousel .carousel-item .carousel-caption .btit2{
    color:#d7923b;
    font-size:80px;
    text-transform: uppercase;
    line-height: 75px;
}
#banner .carousel .carousel-item .carousel-caption .btit3{
    color:#f8f8f8;
    font-size:35px;
    text-transform: uppercase;
    
}
#banner .carousel .carousel-item .carousel-caption .btit3 span{
    display: inline-block;
    background: #d7923b;
    height: 1px;
    width: 132px;
    margin-bottom: 12px;
}

#banner .carousel .carousel-item .carousel-caption svg{
    background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    padding: 18px 19px;
    border-radius: 50%;
    font-size: 18px;
    color: black;
    margin-top: 58px;
}

#banner .carousel .carousel-item .carousel-caption p{

    font-size: 22px;
    margin-top: 30px;
}


#banner .carousel .carousel-item .carousel-caption p span{
    display: inline-block;
    background: #f8f8f8;
    height: 22px;
    width: 2px;
    margin: 0 10px;
}

#banner .carousel .carousel-indicators{
    transform: rotate(90deg);
    left: -88%;
    bottom: 54%;
}

#banner .carousel .carousel-indicators li{
    width: 75px;
    height: 3px;
}
#banner .carousel .carousel-indicators .active{
    
    background-color: rgba(215,146,59,1)
    
}

 



/* business========= */

#business{

   background: #f8eddf; 
   padding-top: 100px;
   padding-bottom:100px;
}

#business .container-size{
    max-width: 100%;
    padding: 0px 80px;
}

#business .businesscontent{
    text-align: center;
    font-family:BASKVILL;
}

#business .businesscontent h1{
    font-size: 50px;
    text-transform: uppercase;
    line-height: 50px;
    letter-spacing: 8px;
}

#business .businesscontent p{
    font-size: 22px;
    padding-top: 40px;
    padding-bottom: 40px;
}


#business .businesscontent svg{
   
    background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    padding: 18px 20px;
    border-radius: 50%;
    position: relative;
}

#business .businesscontent #more{
    display: none;
}

#business .businesscontent button{
    background:transparent;
    border: none;
}

#business .businesscontent button:focus{
    outline: none;
}

 


/* story============= */

#story{
    background: url(../images/storybackgrd.png);
    height: 550px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
#story .storyrow{
    max-width: 100%;
}
#story .storyleft .storyimg{
height: 550px;
}

#story .storyleft .storyimg img{
    height: 100%;
}

#story .storyrow .storyright{
    font-family:BASKVILL;
    padding: 80px 0px 0px 100px;
    
}

#story .storyrow .storyright h1{

    font-size: 60px;
  background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 8px;
}
#story .storyrow .storyright p{

    font-size: 22px;
    color: #f8eddf;
    padding-bottom: 40px;
    width: 85%;

}
#story .storyrow .storyright a{

    font-family:Kelson-Sans-Regular ;
    font-size: 18px;
    background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    border: 1px rgba(215,146,59,1) solid;
    padding: 11px 33px;
    text-decoration: underline;

}

.storybottom{
    background: #f8eddf;
    padding-top: 104px;
    padding-bottom: 150px;
}

.storybottom .container-size{
  max-width: 100%;
  padding: 0 70px;
}
.storybottom .sbrow{
    justify-content: center;
    
    position: relative;
    left: 55px;
}

.storybottom .sbcol .sb-borderbox{
    border: 2px black solid;
    height: 198px;
    width: 198px;
    font-family:BASKVILL;

}

.storybottom .sbcol .sb-borderbox img{
    margin-left: 91px;
    margin-top: 17px;

}

.storybottom .sbcol .sb-borderbox .sbcontent{

    background: #f8eddf;
    position: absolute;
    right: 220px;
    top: 144px;
}

.storybottom .sbcol .sb-borderbox .sbcontent h1{
    font-size: 75px;
    line-height: 59px;
}

.storybottom .sbcol .sb-borderbox .sbcontent p{
    font-size: 26px;
}



/* experince================== */


#experince{
    background:#fff8ef;
    padding-top:100px;
    padding-bottom:100px
}

#experince .container-size{
    max-width: 100%;
    padding:0 80px;
}

#experince .experincehead{
    text-align:center ;
    font-family:BASKVILL;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 8px;
    line-height: 1;
}



#experince .experinceslider{
    margin-top: 80px;
}

#experince .experinceslider .experinceowl .expback{
    height: 434px;
    position: relative;
    
}

#experince .experinceslider .experinceowl .expback img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#experince .experinceslider .experinceowl .expback .ineercontent{
    position: absolute;
    z-index: 999;
    top: 57px;
    left: 44px;

}

#experince .experinceowl .expback .ineercontent h1{
    font-family:BASKVILL;
    font-size: 40px;
    color: #f8f5f0; 
    text-transform: uppercase;
    border-bottom: #d7923b 3px solid;
    width: 66%;
}

#experince .experinceowl .expback .ineercontent p{

    font-family: BASKVILL;
    font-size: 20px;
    color: #f8f5f0;
    width: 76%;
    padding-top: 63px;
}


#experince .experinceowl .expback .ineercontent a{

    font-family:Kelson-Sans-Regular ;
    font-size: 18px;
    background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    border: 2px rgba(215,146,59,1) solid;
    padding: 11px 33px;
    text-decoration: underline !important;
}

#experince .experinceowl .expback .ineercontent a svg{
    color: #d7923b;
}

#experince .experinceowl .expback .ineercontent .more{
    position: absolute;
    bottom: -58px;
}

#experince .experinceowl .expback .ineercontent .more2{
    position: absolute;
    bottom: -87px;
}

#experince .owl-theme .owl-nav{

    margin-top: 50px;
}

#experince .owl-theme .owl-nav .owl-prev{
    background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    border-radius: 50%;
    /* position: absolute; */
    height: 40px;
    width: 40px;
    position: relative;
}

#experince .owl-theme .owl-nav .owl-prev:focus{
    outline: none;
}
#experince .owl-theme .owl-nav .owl-prev:hover{
    color: black;
}
#experince .owl-theme .owl-nav .owl-next:hover{
    color: black;
}
#experince .owl-theme .owl-nav .owl-next:focus{
    outline: none;
}

#experince .owl-theme .owl-nav .owl-prev span{
    font-size: 37px;
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 11px;
}
#experince .owl-theme .owl-nav .owl-next{

    background: transparent;
    border: #d7923b 1px solid;
    border-radius: 50%;
    /* position: absolute; */
    height: 40px;
    width: 40px;
    position: relative;

}

#experince .owl-theme .owl-nav .owl-next span{
    font-size: 37px;
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 11px;
    color: #d7923b;
}



/* hotem management ==================*/

    #hotel{
        background: #f8eddf;
        padding-top: 100px;
        padding-bottom: 100px;
    }


    #hotel .container-size{
        max-width: 100%;
        padding:0 80px;
    }
    
    #hotel .Hotelhead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 60px;
        text-transform: uppercase;
        line-height: 1;
         letter-spacing: 8px;
    }

    #hotel .hoteleslider{
        margin-top: 80px;
    }
    
    #hotel .hoteleslider .hotelowl .expback{
        height: 434px;
        position: relative;
        width: 434px;
        
    }
    
    #hotel .hoteleslider .hotelowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #hotel .hoteleslider .hotelowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 204px;
        left: 44px;
    
    }
    
    #hotel .hotelowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f5f0;
        text-transform: capitalize;
        
    }
    
    #hotel .hotelowl .expback .ineercontent p{
    
        font-family: BASKVILL;
        font-size: 20px;
        color: #f8f5f0;
       
       
    }
    
    
    #hotel .hotelowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #hotel .hotelowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #hotel .hotelowl .expback .ineercontent .more{
        position: absolute;
        bottom: -51px;
        right: -88px;
    }
    
    
    #hotel .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #hotel .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #hotel .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #hotel .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #hotel .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #hotel .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #hotel .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 11px;
    }
    #hotel .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #hotel .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 11px;
        color: #d7923b;
    }


    /* worldclsass================= */



    #worldclass{
        background: url(../images/worldclass.png);
        height: auto;
        width: 100%;
        padding-top: 100px;
        padding-bottom: 100px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #worldclass .innercontent .logo{
        display: flex;
        justify-content: center;
    } 

    #worldclass .innercontent .text{
        text-align: center;
    }

    #worldclass .innercontent .text h1{
        text-transform: uppercase;
        color: #f8eddf; 
        font-family: BASKVILL;
        letter-spacing: 8px;
        font-size: 60px;
        padding-top: 30px;
    }
    
    #worldclass .innercontent .text p{
        color: #f8eddf;
        font-family: BASKVILL;
        font-size: 20px;
        padding-top: 20px;
    }

    #worldclass .innercontent .text .more{
        padding-top: 30px;
    }

    #worldclass .innercontent .text a{

        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }


    /* =========portfolio========= */


    #portfolio{

        background: #f8eddf;
        padding-top: 100px;
        height: auto;
        padding-bottom: 61px;
    }

    #portfolio .portfoliohead{
        font-family: BASKVILL;
        text-align: center;
    }

    #portfolio .portfoliohead h1{

        font-size: 50px;
        letter-spacing: 5px;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: 8px;

    }

    #portfolio .portfoliohead h3{

        font-size: 30px;
        letter-spacing: 4px;
        text-transform: uppercase;
        padding-top: 10px;
    }
    
    #portfolio .container-size{
        max-width: 100%;
        padding: 0 108px;
    }

    #portfolio .portfolioslider{

        padding-top: 60px;
        position: relative;
    }

    #portfolio .portfolioslider .porfolioowl .portimg{
        width: 613px;
    }

    #portfolio .portfolioslider .porfolioowl .portimg img{
        width: 100%;
        object-fit: cover;
        height: 100%;

    }


    #portfolio .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: absolute;
        top: 47%;
        left: -20px;
    }
    
    #portfolio .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #portfolio .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #portfolio .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #portfolio .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #portfolio .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #portfolio .owl-theme .owl-nav .owl-next{
    
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: absolute;
        top: 47%;
        right: -20px;
    
    }
    
    #portfolio .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        
    }

    #portfolio .porfoliobottom{
        padding-top: 50px;
        text-align: center;
    }

    #portfolio .porfoliobottom p{
        font-size: 22px;
        font-family: BASKVILL;
    }

    
    #portfolio .porfoliobottom .more{

        padding-top:30px;
    }

    #portfolio .porfoliobottom .more a{
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }

    #portfolio .porfoliobottom span{

        display: inline-block;
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 2px;
        width: 100%;
        margin-top: 105px;

    }


    /* Rich */

    #rich{
        background:#f8eddf;
        padding-top: 40px;
        padding-bottom: 40px;
        height: auto;
    }

    #rich .richhead{
        font-family: BASKVILL;
        text-align: center;
    }

    #rich .richhead h1{
        font-size: 40px;
        text-transform: uppercase;
        letter-spacing: 8px;
        line-height: 1;
    }

    #rich .container-size{

        max-width: 100%;
        padding: 0 200px;
    }

    #rich .richviedio{
        padding-top: 50px;
        position: relative;
    }

    #rich .richviedio .richvd{
        width: 100%;
        height: 500px;
    } 
    
    #rich .richviedio .richvd img{

        width: 100%;
        height: 100%;
    }

    #rich .richviedio .vdicon{
        position: absolute;
        top: 50%;
    left: 50%;
    } 

    #rich .richviedio .vdicon svg{
        color: #d7923b;
        font-size: 50px;

    }


    /* =====jointeam==== */

    #jointeam{
        background: #f8eddf;
        padding-top: 70px;
        padding-bottom: 70px;
        height: auto;
    }

    #jointeam .container-size{
        max-width: 100%;
        padding: 0 80px;
    }

    #jointeam .joinhead{
        font-family: BASKVILL;
        text-align: center;

    }

    #jointeam .joinhead h1{
        font-size: 50px;
        text-transform: uppercase;
        letter-spacing: 8px;
        line-height: 1;
    }

    #jointeam .joincontent{
        text-align: center;
        font-family: BASKVILL;
    }

    #jointeam .joincontent p{
        font-size: 22px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #jointeam .joincontent .joinlinks{

    }
    #jointeam .joincontent .joinlinks a{

        border: #d7923b 1px solid;
        font-size: 22px;
        padding: 10px;
        color: black;
        text-decoration: none;
        margin: 10px;
    }

    #jointeam .joincontent span{
        display: inline-block;
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 2px;
        width: 100%;
        margin-top: 120px;
    }



    /* ========reachus */


    #Reach{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 60px;
        height: auto;
    }

    
    #Reach .container-size{
        max-width: 100%;
        padding: 0 80px;
    }


    #Reach .reachhead{
        font-family: BASKVILL;
        text-align: center;

    }

    #Reach .reachhead h1{
        font-size: 50px;
        text-transform: uppercase;
        letter-spacing: 8px;
        line-height: 1;
    }

    #Reach .reachinputs{
        max-width: 100%;
        padding: 0 255px;
        margin-top: 75px;

    }

    #Reach .reachinputs input{


        display: block;
        border: none;
        border-bottom: 1px solid rgb(62, 59, 59) !important;
        background: transparent;
        padding-bottom: 20px;
        width: 100%;
        margin-top: 50px;
    }

    #Reach .reachinputs input::placeholder{
        font-family: BASKVILL;
        font-size: 20px;
        color: black;

    }

    #Reach .reachinputs textarea{
        border: none;
        border-bottom: 1px solid rgb(62, 59, 59) !important;
        background: transparent;
        width: 100%;
        margin-top: 65px;
    }

    #Reach .reachinputs textarea::placeholder{
        font-family: BASKVILL;
        font-size: 20px;
        color: black;
    }

    #Reach .reachinputs .submit{
        text-align: center;
        padding-top: 70px;
    }

    #Reach .reachinputs .submit a{

        border: #d7923b 2px solid;
        font-size: 18px;
        padding: 10px 15px;
        color: black;
        text-decoration: none;
        margin: 10px;
        text-transform: uppercase;
        color: #d7923b;
        text-decoration: underline !important;
    
    }

    #Reach .brands .brandslider{

        padding-top: 50px;
        padding-bottom: 50px;

    } 

    #Reach .brands .brandslider .brandowl .brandimg{
        height: 100px;
        width: 136px;
    }
    #Reach .brands .brandslider .brandowl .brandimg img{
        height: 100%;
        width: 100%;
    }

    #Reach .brands .topborder{

        display: inline-block;
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 2px;
        width: 100%;
        margin-top: 150px;

    }

    #Reach .brands .bottomborder{

        display: inline-block;
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 2px;
        width: 100%;
        

    }


    /* ==========footer========= */

    #footer{
        background: #f8eddf;
        padding-top:60px;
        padding-bottom: 60px;
    }

    #footer .footerlogo{
        display: flex;
        justify-content: center;
        /* height: 250px; */
    } 

    #footer .footerlogo img{

    }

    #footer .footerlist{
        padding-top: 60px;
    }

    #footer .footerlist ul{
        list-style-type: none;
        display: flex;
        justify-content: center;
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 14px;
    }

    #footer .footerlist ul li{
        margin: 10px;
    }

    #footer .copyrights{
        padding-top: 30px;
        font-family: BASKVILL;
        text-align: center;

    }

    #footer .copyrights h1{
        font-size: 30px;
    }

    #footer .copyrights p{
        font-size: 20px;
    }

    #footer .footericons{
        padding-top: 30px;
        text-align: center;
    } 

    #footer .footericons svg{
    background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
    color: white;
    padding: 15px 18px;
    border-radius: 50%;
    font-size: 25px;
    margin: 6px;

    }




    




   







    













@media (max-width: 5120px) {
    .container-new-big {
        max-width: 100%;
        padding: 0px 80px;
    }
}

@media (max-width: 2000px) {
    .container-new-big {
        max-width: 100%;
        padding: 0px 80px;
    }
}

@media (max-width: 1800px) {
    .container-new-big {
        max-width: 100%;
        padding: 0px 80px;
    }
}

@media (max-width: 1600px) {
    .container-new-big {
        max-width: 100%;
        padding: 0px 80px;
    }
}

@media (max-width: 1400px) {
    .container-new-big {
        max-width: 100%;
        padding: 0px 80px;
    }
}

@media only screen and (max-width: 1300px) {
    .container-new-big {
        padding: 0 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .container-new-big {
        padding: 0 40px;
    }

    .navbar_baner_section .aries_logo {
        bottom: -280px;
    }

}

@media only screen and (max-width: 560px) {
    .container-new-big {
        padding: 0 20px;
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

@media(max-width:1300px) {


    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 1300px;
        position: relative;
    }
    
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 80px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 76px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 14px;
        color: black !important;
        margin-right: 40px;
        padding: 0 5px;
       
    }
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 800px;
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family:BASKVILL;
        bottom: 15%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:70px;
        text-transform: uppercase;
        line-height: 60px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size:80px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:35px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 132px;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 22px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 54%;
    }
    
    #banner .carousel .carousel-indicators li{
        width: 75px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
       background: #f8eddf; 
       padding-top: 10px;
       padding-bottom:136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 70px 0px 0 86px;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 60px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 22px;
        color: #f8eddf;
        padding-bottom: 40px;
        width: 85%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .storybottom .container-size{
      max-width: 100%;
      padding: 0 0px;
    }
    .storybottom .sbrow{
        justify-content: center;
        
        position: relative;
        left: 55px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 198px;
        width: 198px;
        font-family:BASKVILL;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 220px;
        top: 144px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 75px;
        line-height: 59px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 26px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding:0 70px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 434px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 40px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 66%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
        font-size: 20px;
        color: #f8f8f8;
        width: 76%;
        padding-top: 30px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -58px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -87px;
    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 70px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 60px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 400px;
            position: relative;
            width: 368px;
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 204px;
            left: 44px;
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -51px;
            right: -88px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 60px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 60px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: 534px;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 40px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 200px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 500px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
        left: 50%;
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 255px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:60px;
            padding-bottom: 60px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
    
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }
    


}

@media(max-width:1180px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 1180px;
        position: relative;
    }
    
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 60px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 14px;
        color: black !important;
        margin-right: 37px;
        padding: 0 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 800px;
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family:BASKVILL;
        bottom: 15%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:70px;
        text-transform: uppercase;
        line-height: 60px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size:80px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:35px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 132px;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 22px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 54%;
    }
    
    #banner .carousel .carousel-indicators li{
        width: 75px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
       background: #f8eddf; 
       padding-top: 10px;
       padding-bottom:136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 60px 0px 0 134px;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 60px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 22px;
        color: #f8eddf;
        padding-bottom: 40px;
        width: 85%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .storybottom .container-size{
      max-width: 100%;
      padding: 0 101px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 198px;
        width: 198px;
        font-family:BASKVILL;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 96px;
        top: 144px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 72px;
        line-height: 52px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 26px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding:0 70px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 434px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 40px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 66%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
        font-size: 20px;
        color: #f8f8f8;
        width: 76%;
        padding-top: 30px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -58px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -87px;
    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 70px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 60px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 390px;
            position: relative;
            width: 327px;
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 176px;
            left: 44px;
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -46px;
            right: 4px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 60px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 60px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: 500px;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 40px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 200px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 500px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
        left: 50%;
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 255px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:60px;
            padding-bottom: 60px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
    
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }


}

@media(max-width:1024px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 1024px;
        position: relative;
    }
    
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 14px;
        color: black !important;
        margin-right: 24px;
        padding: 0 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 800px;
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family:BASKVILL;
        bottom: 15%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:70px;
        text-transform: uppercase;
        line-height: 60px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size:80px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:35px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 132px;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 22px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 54%;
    }
    
    #banner .carousel .carousel-indicators li{
        width: 75px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 52px;
        padding-bottom: 136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
    }

    #story .storyrow .storyleft{

    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 76px;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 60px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 22px;
        color: #f8eddf;
        padding-bottom: 24px;
        width: 90%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .storybottom .container-size{
      max-width: 100%;
      padding: 0 2px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 198px;
        width: 198px;
        font-family:BASKVILL;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 96px;
        top: 144px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 72px;
        line-height: 52px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 26px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 66%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 60px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 380px;
            position: relative;
            width: auto;
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 176px;
            left: 10px;
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -46px;
            right: 4px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 60px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 60px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 40px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 66px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 500px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
        left: 50%;
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 170px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:60px;
            padding-bottom: 60px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
    
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }



}

@media(max-width:992px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 992px;
        position: relative;
    }
    
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 14px;
        color: black !important;
        margin-right: 24px;
        padding: 0 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 800px;
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family:BASKVILL;
        bottom: 15%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:70px;
        text-transform: uppercase;
        line-height: 60px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size:80px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:35px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 132px;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 22px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 54%;
    }
    
    #banner .carousel .carousel-indicators li{
        width: 75px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 52px;
        padding-bottom: 136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
    }

    #story .storyrow .storyleft{

    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 76px;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 60px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 22px;
        color: #f8eddf;
        padding-bottom: 24px;
        width: 90%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .storybottom .container-size{
      max-width: 100%;
      padding: 0 2px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 198px;
        width: 198px;
        font-family:BASKVILL;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 96px;
        top: 144px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 72px;
        line-height: 52px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 26px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 66%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 60px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 380px;
            position: relative;
            width: auto;
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 176px;
            left: 10px;
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -46px;
            right: 4px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 60px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 60px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 40px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 66px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 500px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
        left: 50%;
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 170px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:60px;
            padding-bottom: 60px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
    
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }







}

@media(max-width:820px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 820px;
        position: relative;
    }
    
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 800px;
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family:BASKVILL;
        bottom: 15%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:70px;
        text-transform: uppercase;
        line-height: 60px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size:80px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:35px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 132px;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 22px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 54%;
    }
    
    #banner .carousel .carousel-indicators li{
        width: 75px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 52px;
        padding-bottom: 136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 53px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 0px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 60px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 22px;
    color: #f8eddf;
    padding-bottom: 24px;
    width: 100%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 251px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 253px;
        width: 300px;
        font-family: BASKVILL;
        margin-top: 58px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 170px;
        top: 257px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 72px;
        line-height: 52px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 26px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 66%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 60px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 380px;
            position: relative;
            width: auto;
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 176px;
            left: 10px;
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -46px;
            right: 4px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 60px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 60px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 40px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 500px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 81px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:60px;
            padding-bottom: 60px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
    
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }


}

@media(max-width:768px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 768px;
        position: relative;
    }
    
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 800px;
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family:BASKVILL;
        bottom: 15%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:70px;
        text-transform: uppercase;
        line-height: 60px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size:80px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:35px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 132px;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 22px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 54%;
    }
    
    #banner .carousel .carousel-indicators li{
        width: 75px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 52px;
        padding-bottom: 136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 53px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 0px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 60px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 22px;
    color: #f8eddf;
    padding-bottom: 24px;
    width: 100%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 251px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 253px;
        width: 300px;
        font-family: BASKVILL;
        margin-top: 58px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 170px;
        top: 257px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 72px;
        line-height: 52px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 26px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 66%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 60px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 380px;
            position: relative;
            width: auto;
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 176px;
            left: 10px;
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -46px;
            right: 4px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 60px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 60px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 40px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 500px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 81px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:60px;
            padding-bottom: 60px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
    
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }

}

@media(max-width:600px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 600px;
        position: relative;
    }
    
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 500px;
    
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family: BASKVILL;
        bottom: -4%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:40px;
        text-transform: uppercase;
        line-height: 21px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size: 50px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:30px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 50px ;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 20px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 42%;

    }
    
    #banner .carousel .carousel-indicators li{
        width: 49px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 52px;
        padding-bottom: 136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 40px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 53px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 0px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 50px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 20px;
    color: #f8eddf;
    padding-bottom: 24px;
    width: 100%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 150px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 253px;
        width: 300px;
        font-family: BASKVILL;
        margin-top: 58px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 170px;
        top: 257px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 56px;
        line-height: 52px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 24px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 89px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 46%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 50px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 365px;
            position: relative;
            width: auto;
        
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 120px;
            left: 72px;
        
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 40px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -72px;
            right: -58px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 

        #worldclass .innercontent .container-size{
            max-width: 100%;
            padding: 0 74px;
        }
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 50px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 18px;
            padding-top: 20px;
        }

        #worldclass .innercontent .text p br{
            display: none;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 30px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 50px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 30px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 70px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 400px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 35px;
            padding-bottom: 30px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 40px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 81px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 18px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:40px;
            padding-bottom: 40px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
            height: 200px;
        }
    
        #footer .footerlist{
            padding-top: 20px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 14px;
        }
    
        #footer .footerlist ul li{
            margin: 10px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }

}

@media(max-width:550px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 550px;
        position: relative;
    }
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 500px;
    
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family: BASKVILL;
        bottom: -4%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:40px;
        text-transform: uppercase;
        line-height: 21px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size: 50px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:30px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 50px ;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 20px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 42%;

    }
    
    #banner .carousel .carousel-indicators li{
        width: 49px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 52px;
        padding-bottom: 136px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 80px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 40px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 53px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 0px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 50px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 20px;
    color: #f8eddf;
    padding-bottom: 24px;
    width: 100%;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 150px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 250px;
        width: 250px;
        font-family: BASKVILL;
        margin-top: 58px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 170px;
        top: 271px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 50px;
    line-height: 40px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 18px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 40px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 80px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 89px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 46%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 40px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 365px;
            position: relative;
            width: auto;
        
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 120px;
            left: 72px;
        
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 40px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -72px;
            right: -39px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 

        #worldclass .innercontent .container-size{
            max-width: 100%;
            padding: 0 74px;
        }
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 40px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 18px;
            padding-top: 20px;
        }

        #worldclass .innercontent .text p br{
            display: none;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 30px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 40px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 25px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 90px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 22px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 70px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 400px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 80px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 40px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 22px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 22px;
            padding: 10px;
            color: black;
            text-decoration: none;
            margin: 10px;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 35px;
            padding-bottom: 30px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 81px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 18px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 18px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:40px;
            padding-bottom: 40px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
            height: 200px;
        }
    
        #footer .footerlist{
            padding-top: 20px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 12px;
        }
    
        #footer .footerlist ul li{
            margin: 8px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 25px;
        }
    
        #footer .copyrights p{
            font-size: 18px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }





}

@media(max-width:431px) {

    
    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 430px;
        position: relative;
    }

    /* h1{
        font-size: 36px !important;
        letter-spacing: 8px !important;
        line-height: 1 !important;

    }

    p{
        font-size: 20px !important;
    } */
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 28px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 500px;
    
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family: BASKVILL;
        bottom: 5%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:40px;
        text-transform: uppercase;
        line-height: 21px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size: 40px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:25px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 50px ;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 19px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 20px;
        margin-top: 30px;
        display: none;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 42%;
        display: none;

    }
    
    #banner .carousel .carousel-indicators li{
        width: 49px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 70px;
        padding-bottom: 90px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 40px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 36px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 8px;
    }
    
    #business .businesscontent p{
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: auto;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 7px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 0px 0px 0 43px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 40px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 8px;
      line-height: 1;
    }
    #story .storyrow .storyright p{
    
        font-size: 20px;
    color: #f8eddf;
    padding-bottom: 24px;
    width: 100%;
    padding-top:30px;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 20px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 20px;
        padding-bottom: 120px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 92px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 250px;
        width: 250px;
        font-family: BASKVILL;
        margin-top: 88px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 140px;
        top: 288px;
        width: 52%;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 50px;
    line-height: 40px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 18px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:70px;
        padding-bottom:70px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 26px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 36px;
        letter-spacing: 8px;
        line-height: 1;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 50px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 57px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 35px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 75%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 11px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 11px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 70px;
            padding-bottom: 70px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 36px;
            letter-spacing: 8px;
            line-height: 1;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 50px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 365px;
            position: relative;
            width: auto;
        
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 120px;
            left: 72px;
        
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 40px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -44px;
            right: 15px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 70px;
            padding-bottom: 70px;
            background-repeat: no-repeat;
            background-size: cover;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 

        #worldclass .innercontent .container-size{
            max-width: 100%;
            padding: 0 40px;
        }
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8eddf;
            font-family: BASKVILL;
            letter-spacing: 8px;
            font-size: 36px;
            padding-top: 30px;
            line-height: 1;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }

        #worldclass .innercontent .text p br{
            display: none;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 70px;
            height: auto;
            padding-bottom: 40px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 36px;
            letter-spacing: 8px;
            line-height: 1;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 20px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 50px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 20px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 36px;
            text-transform: uppercase;
            letter-spacing: 8px;
            line-height: 1;
            width: 90%;
            margin: 0 auto;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 300px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 30px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 36px;
            text-transform: uppercase;
            letter-spacing: 8px;
            line-height: 1;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 20px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 20px;
            padding: 8px;
            color: black;
            text-decoration: none;
            margin: 10px;
            display: block;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 45px;
            padding-bottom: 30px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 25px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 30px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 20px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:70px;
            padding-bottom: 40px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
            height: 200px;
        }
    
        #footer .footerlist{
            padding-top: 45px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 16px;
        }
    
        #footer .footerlist ul li{
            margin: 5px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 18px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }








}

@media(max-width:391px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 390px;
        position: relative;
    }
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 5px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 70px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 420px;
    
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family: BASKVILL;
        bottom: 3%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:40px;
        text-transform: uppercase;
        line-height: 21px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size: 40px;
        text-transform: uppercase;
        line-height: 75px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:25px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 30px ;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 14px 16px;
        border-radius: 50%;
        font-size: 16px;
        color: black;
        margin-top: 58px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 20px;
        margin-top: 30px;
        display: none;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 22px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 42%;
        display: none;

    }
    
    #banner .carousel .carousel-indicators li{
        width: 49px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 20px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 36px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 8px;
        line-height: 1;
    }
    
    #business .businesscontent p{
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 20px;
    
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: auto;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 7px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 0px 0px 0 43px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 40px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 8px;
      line-height: 1;
    }
    #story .storyrow .storyright p{
    
    font-size: 20px;
    color: #f8eddf;
    width: 100%;
    padding-top:30px;
    }

    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 20px;
        padding-bottom: 120px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 71px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 250px;
        width: 250px;
        font-family: BASKVILL;
        margin-top: 78px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 140px;
        top: 288px;
        width: 52%;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 50px;
    line-height: 40px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 22px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:70px;
        padding-bottom:70px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 16px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 36px;
        text-transform: uppercase;
        letter-spacing: 8px;
        line-height: 1;
    }
    
    #experince .experinceslider{
        margin-top: 50px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 53px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 30px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 82%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 20px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 11px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 11px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 70px;
            padding-bottom: 70px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 16px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 36px;
            text-transform: uppercase;
            letter-spacing: 8px;
            line-height: 1;
        }
    
        #hotel .hoteleslider{
            margin-top: 50px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 365px;
            position: relative;
            width: auto;
        
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 120px;
            left: 33px;
        
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 20px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -44px;
            right: 15px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 11px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 11px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 70px;
            padding-bottom: 70px;
            background-repeat: no-repeat;
            background-size: cover;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 

        #worldclass .innercontent .container-size{
            max-width: 100%;
            padding: 0 40px;
        }
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8eddf;
            font-family: BASKVILL;
            letter-spacing: 8px;
            font-size: 36px;
            padding-top: 30px;
            line-height: 1;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 20px;
            padding-top: 20px;
        }

        #worldclass .innercontent .text p br{
            display: none;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 70px;
            height: auto;
            padding-bottom: 40px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 36px;
            letter-spacing: 8px;
            line-height: 1;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 20px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
            width: 86%;
            margin: 0 auto;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 50px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 20px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 20px;
            padding-bottom: 30px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 36px;
            text-transform: uppercase;
            letter-spacing: 8px;
            line-height: 1;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 300px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 40px;
            padding-bottom: 50px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 30px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 36px;
            text-transform: uppercase;
            letter-spacing: 8px;
            line-height: 1;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 20px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 20px;
            padding: 8px;
            color: black;
            text-decoration: none;
            margin: 14px;
            display: block;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 90px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 35px;
            padding-bottom: 30px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 20px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 36px;
            text-transform: uppercase;
            letter-spacing: 8px;
            line-height: 1;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 30px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 20px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 20px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 

        #Reach .brands .brandslider .brandowl .brandimg{
            height: 100px;
            width: 100px;
        }
        #Reach .brands .brandslider .brandowl .brandimg img{
            height: 100%;
            width: 100%;
        }
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:70px;
            padding-bottom: 50px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
            height: 250px;
        }
    
        #footer .footerlist{
            padding-top: 45px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 16px;
        }
    
        #footer .footerlist ul li{
            margin: 5px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 30px;
        }
    
        #footer .copyrights p{
            font-size: 20px;
            padding-top: 20px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 15px 18px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        }  




}

@media(max-width:370px) {}

@media(max-width:363px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 363px;
        position: relative;
    }
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 5px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 50px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 500px;
    
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family: BASKVILL;
        bottom: -4%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:25px;
        text-transform: uppercase;
        line-height: 21px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size: 30px;
        text-transform: uppercase;
        line-height: 44px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:20px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 30px ;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 12px 13px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 48px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 15px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 15px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 42%;

    }
    
    #banner .carousel .carousel-indicators li{
        width: 49px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 35px;
        padding-bottom: 65px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 40px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 25px;
        text-transform: uppercase;
        line-height: 35px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
    
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 7px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 28px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 30px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 18px;
        color: #f8eddf;
        padding-bottom: 24px;
        width: 100%;
        padding-top: 12px;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 71px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 200px;
        width: 220px;
        font-family: BASKVILL;
        margin-top: 58px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 141px;
        top: 226px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 40px;
    line-height: 40px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 15px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 35px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 25px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 50px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 89px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 25px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 46%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 18px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 25px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 365px;
            position: relative;
            width: auto;
        
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 120px;
            left: 33px;
        
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 17px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -44px;
            right: 15px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 

        #worldclass .innercontent .container-size{
            max-width: 100%;
            padding: 0 40px;
        }
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 30px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 18px;
            padding-top: 20px;
        }

        #worldclass .innercontent .text p br{
            display: none;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 30px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 30px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 17px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 50px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 35px;
            width: 35px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 35px;
            width: 35px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 18px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 70px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 300px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 30px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 18px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 18px;
            padding: 8px;
            color: black;
            text-decoration: none;
            margin: 14px;
            display: block;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 35px;
            padding-bottom: 30px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 30px;
            margin-top: 75px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 15px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 15px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 15px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:40px;
            padding-bottom: 40px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
            height: 200px;
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 8px;
        }
    
        #footer .footerlist ul li{
            margin: 5px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 20px;
        }
    
        #footer .copyrights p{
            font-size: 15px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 11px 15px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        } 




}

@media(max-width:320px) {

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
    }
    
    body {
        margin: 0 auto;
        max-width: 320px;
        position: relative;
    }
    
    /* =========header */
    
    
    header{
        position: sticky;
        top: 0;
        z-index: 9999999;
    }
    #header{
    background-color:#fff8ef;
    
    }
    
    #header .container-size{
        max-width: 100%;
        padding: 0 5px;
    }
    #header .navbar{
        
    }
    
    #header .navbar-brand img{
        height: 50px;
    }
    
    #header .navbar-nav .nav-item{
    
        position: relative;
    }
    
    #header .navbar-nav .nav-item .nav-link{
        font-family:Kelson-Sans-Bold;
        text-transform: uppercase;
        font-size: 18px;
        color: black !important;
        margin-right: 24px;
        padding: 10px 2px;
    }
       
    #header .navbar-nav .active::after{
    
        content: '';
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        height: 23px;
        width: 54px;
        position: absolute;
        
        top: -41px;
        left: -2px;
        display: none;
    }
    
    
    
    #header .navbar-nav .nav-item .nav-link{
        
       
    
    }
    
    /* banner========== */
    
    #banner{
    
    }
    
    #banner .carousel .carousel-item img{
    
        height: 500px;
    
    }
    
    #banner .carousel .carousel-item .bannerback{
        position: absolute;
        background: rgb(14 14 14 / 54%);
        height: 100%;
        width: 100%;
        top: 0;
    } 
    
    #banner .carousel .carousel-item .carousel-caption{
        font-family: BASKVILL;
        bottom: -4%;
    }
    #banner .carousel .carousel-item .carousel-caption .btit1{
        color:#f8f8f8;
        font-size:25px;
        text-transform: uppercase;
        line-height: 21px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit2{
        color:#d7923b;
        font-size: 30px;
        text-transform: uppercase;
        line-height: 44px;
    }
    #banner .carousel .carousel-item .carousel-caption .btit3{
        color:#f8f8f8;
        font-size:20px;
        text-transform: uppercase;
        
    }
    #banner .carousel .carousel-item .carousel-caption .btit3 span{
        display: inline-block;
        background: #d7923b;
        height: 1px;
        width: 30px ;
        margin-bottom: 12px;
    }
    
    #banner .carousel .carousel-item .carousel-caption svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 12px 13px;
        border-radius: 50%;
        font-size: 18px;
        color: black;
        margin-top: 48px;
    }
    
    #banner .carousel .carousel-item .carousel-caption p{
    
        font-size: 15px;
        margin-top: 30px;
    }
    
    
    #banner .carousel .carousel-item .carousel-caption p span{
        display: inline-block;
        background: #f8f8f8;
        height: 15px;
        width: 2px;
        margin: 0 10px;
    }
    
    #banner .carousel .carousel-indicators{
        transform: rotate(90deg);
        left: -88%;
        bottom: 42%;

    }
    
    #banner .carousel .carousel-indicators li{
        width: 49px;
        height: 3px;
    }
    #banner .carousel .carousel-indicators .active{
        
        background-color: rgba(215,146,59,1)
        
    }
    
     
    
    
    
    /* business========= */
    
    #business{
    
        background: #f8eddf;
        padding-top: 35px;
        padding-bottom: 65px;
    }
    
    #business .container-size{
        max-width: 100%;
        padding: 0px 20px;
    }
    
    #business .businesscontent{
        text-align: center;
        font-family:BASKVILL;
    }
    
    #business .businesscontent h1{
        font-size: 25px;
        text-transform: uppercase;
        line-height: 35px;
        letter-spacing: 4px;
    }
    
    #business .businesscontent p{
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
    
    }
    
    
    #business .businesscontent svg{
       
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        padding: 18px 20px;
        border-radius: 50%;
        position: relative;
    }
    
    #business .businesscontent #more{
        display: none;
    }
    
    #business .businesscontent button{
        background:transparent;
        border: none;
    }
    
    #business .businesscontent button:focus{
        outline: none;
    }
    
     
    
    
    /* story============= */
    
    #story{
        background: url(../images/storybackgrd.png);
        height: 485px;
        width: 100%;
    }
    #story .storyrow{
        max-width: 100%;
        padding: 33px 7px;
    }

    #story .storyrow .storyleft{
        display: none;
    }

    #story .storyrow .storyleft .storyimg img{
        height: 350px;
        width: 414px;
        margin-top: 51px;
        margin-left: 1px;
    }
    
    #story .storyrow .storyright{
        
        font-family: BASKVILL;
        padding: 35px 0px 0 28px;
        text-align: center;
        
    }
    
    #story .storyrow .storyright h1{
    
        font-size: 30px;
      background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-transform: uppercase;
      letter-spacing: 4px;
    }
    #story .storyrow .storyright p{
    
        font-size: 18px;
        color: #f8eddf;
        padding-bottom: 24px;
        width: 100%;
        padding-top: 12px;
    
    }
    #story .storyrow .storyright a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 1px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline;
    
    }
    
    .storybottom{
        background: #f8eddf;
        padding-top: 50px;
        padding-bottom: 100px;
    }
    
    .storybottom .container-size{
        max-width: 100%;
        padding: 0 50px;
    }
    .storybottom .sbrow{
       
    justify-content: center;
    position: relative;
    left: 0px;
    }
    
    .storybottom .sbcol .sb-borderbox{
        border: 2px black solid;
        height: 200px;
        width: 220px;
        font-family: BASKVILL;
        margin-top: 58px;
    
    }
    
    .storybottom .sbcol .sb-borderbox img{
        margin-left: 91px;
        margin-top: 17px;
    
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent{
    
        background: #f8eddf;
        position: absolute;
        right: 141px;
        top: 226px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent h1{
        font-size: 40px;
    line-height: 40px;
    }
    
    .storybottom .sbcol .sb-borderbox .sbcontent p{
        font-size: 15px;
    }
    
    
    
    /* experince================== */
    
    
    #experince{
        padding-top:60px;
        padding-bottom:60px
    }
    
    #experince .container-size{
        max-width: 100%;
        padding: 0 20px;
    }
    
    #experince .experincehead{
        text-align:center ;
        font-family:BASKVILL;
        font-size: 25px;
        text-transform: uppercase;
    }
    
    #experince .experinceslider{
        margin-top: 50px;
    }
    
    #experince .experinceslider .experinceowl .expback{
        height: 388px;
        position: relative;
        
    }
    
    #experince .experinceslider .experinceowl .expback img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    #experince .experinceslider .experinceowl .expback .ineercontent{
        position: absolute;
        z-index: 999;
        top: 61px;
        left: 44px;
    
    }
    
    #experince .experinceowl .expback .ineercontent h1{
        font-family:BASKVILL;
        font-size: 25px;
        color: #f8f8f8;
        text-transform: uppercase;
        border-bottom: #d7923b 3px solid;
        width: 76%;
    }
    
    #experince .experinceowl .expback .ineercontent p{
    
        font-family: BASKVILL;
    font-size: 18px;
    color: #f8f8f8;
    width: 90%;
    padding-top: 14px;
    }
    
    
    #experince .experinceowl .expback .ineercontent a{
    
        font-family:Kelson-Sans-Regular ;
        font-size: 18px;
        background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        border: 2px rgba(215,146,59,1) solid;
        padding: 11px 33px;
        text-decoration: underline !important;
    }
    
    #experince .experinceowl .expback .ineercontent a svg{
        color: #d7923b;
    }
    
    #experince .experinceowl .expback .ineercontent .more{
        position: absolute;
        bottom: -38px;
    }
    
    #experince .experinceowl .expback .ineercontent .more2{
        position: absolute;
        bottom: -70px;

    }
    
    #experince .owl-theme .owl-nav{
    
        margin-top: 50px;
    }
    
    #experince .owl-theme .owl-nav .owl-prev{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    }
    
    #experince .owl-theme .owl-nav .owl-prev:focus{
        outline: none;
    }
    #experince .owl-theme .owl-nav .owl-prev:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:hover{
        color: black;
    }
    #experince .owl-theme .owl-nav .owl-next:focus{
        outline: none;
    }
    
    #experince .owl-theme .owl-nav .owl-prev span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
    }
    #experince .owl-theme .owl-nav .owl-next{
    
        background: transparent;
        border: #d7923b 1px solid;
        border-radius: 50%;
        /* position: absolute; */
        height: 40px;
        width: 40px;
        position: relative;
    
    }
    
    #experince .owl-theme .owl-nav .owl-next span{
        font-size: 37px;
        display: flex;
        justify-content: center;
        position: relative;
        bottom: 10px;
        color: #d7923b;
    }
    
    
    
    /* hotem management ==================*/
    
        #hotel{
            background: #f8eddf;
            padding-top: 60px;
            padding-bottom: 60px;
        }
    
    
        #hotel .container-size{
            max-width: 100%;
            padding:0 35px;
        }
        
        #hotel .Hotelhead{
            text-align:center ;
            font-family:BASKVILL;
            font-size: 25px;
            text-transform: uppercase;
        }
    
        #hotel .hoteleslider{
            margin-top: 80px;
        }
        
        #hotel .hoteleslider .hotelowl .expback{
            height: 365px;
            position: relative;
            width: auto;
        
            
        }
        
        #hotel .hoteleslider .hotelowl .expback img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
        #hotel .hoteleslider .hotelowl .expback .ineercontent{
            position: absolute;
            z-index: 999;
            top: 120px;
            left: 33px;
        
        
        }
        
        #hotel .hotelowl .expback .ineercontent h1{
            font-family:BASKVILL;
            font-size: 30px;
            color: #f8f8f8;
            text-transform: capitalize;
            
        }
        
        #hotel .hotelowl .expback .ineercontent p{
        
            font-family: BASKVILL;
            font-size: 17px;
            color: #f8f8f8;
           
           
        }
        
        
        #hotel .hotelowl .expback .ineercontent a{
        
            font-family:Kelson-Sans-Regular ;
            font-size: 15px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
        
        #hotel .hotelowl .expback .ineercontent a svg{
            color: #d7923b;
        }
        
        #hotel .hotelowl .expback .ineercontent .more{
            position: absolute;
            bottom: -44px;
            right: 15px;
        }
        
        
        #hotel .owl-theme .owl-nav{
        
            margin-top: 50px;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #hotel .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #hotel .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #hotel .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
        }
        #hotel .owl-theme .owl-nav .owl-next{
        
            background: transparent;
            border: #d7923b 1px solid;
            border-radius: 50%;
            /* position: absolute; */
            height: 40px;
            width: 40px;
            position: relative;
        
        }
        
        #hotel .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 10px;
            color: #d7923b;
        }
    
    
        /* worldclsass================= */
    
    
    
        #worldclass{
            background: url(../images/worldclass.png);
            height: auto;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
    
        #worldclass .innercontent .logo{
            display: flex;
            justify-content: center;
        } 

        #worldclass .innercontent .container-size{
            max-width: 100%;
            padding: 0 40px;
        }
    
        #worldclass .innercontent .text{
            text-align: center;
        }
    
        #worldclass .innercontent .text h1{
            text-transform: uppercase;
            color: #f8f8f8;
            font-family: BASKVILL;
            letter-spacing: 5px;
            font-size: 30px;
            padding-top: 30px;
        }
        
        #worldclass .innercontent .text p{
            color: #f8f8f8;
            font-family: BASKVILL;
            font-size: 18px;
            padding-top: 20px;
        }

        #worldclass .innercontent .text p br{
            display: none;
        }
    
        #worldclass .innercontent .text .more{
            padding-top: 30px;
        }
    
        #worldclass .innercontent .text a{
    
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
    
        /* =========portfolio========= */
    
    
        #portfolio{
    
            background: #f8eddf;
            padding-top: 60px;
            height: auto;
            padding-bottom: 30px;
        }
    
        #portfolio .portfoliohead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #portfolio .portfoliohead h1{
    
            font-size: 30px;
            letter-spacing: 5px;
            text-transform: uppercase;
    
        }
    
        #portfolio .portfoliohead h3{
    
            font-size: 15px;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding-top: 10px;
        }
        
        #portfolio .container-size{
            max-width: 100%;
            padding: 0 25px;
        }
    
        #portfolio .portfolioslider{
    
            padding-top: 60px;
            position: relative;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg{
            width: auto;
        }
    
        #portfolio .portfolioslider .porfolioowl .portimg img{
            width: 100%;
            object-fit: cover;
            height: 100%;
    
        }
    
    
        #portfolio .owl-theme .owl-nav .owl-prev{
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 35px;
            width: 35px;
            position: absolute;
            top: 43%;
            left: -20px;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev:focus{
            outline: none;
        }
        #portfolio .owl-theme .owl-nav .owl-prev:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:hover{
            color: black;
        }
        #portfolio .owl-theme .owl-nav .owl-next:focus{
            outline: none;
        }
        
        #portfolio .owl-theme .owl-nav .owl-prev span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
        }
        #portfolio .owl-theme .owl-nav .owl-next{
        
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            border-radius: 50%;
            /* position: absolute; */
            height: 35px;
            width: 35px;
            position: absolute;
            top: 43%;
            right: -20px;
        
        }
        
        #portfolio .owl-theme .owl-nav .owl-next span{
            font-size: 37px;
            display: flex;
            justify-content: center;
            position: relative;
            bottom: 12px;
            
        }
    
        #portfolio .porfoliobottom{
            padding-top: 50px;
            text-align: center;
        }
    
        #portfolio .porfoliobottom p{
            font-size: 18px;
            font-family: BASKVILL;
        }
    
        
        #portfolio .porfoliobottom .more{
    
            padding-top:30px;
        }
    
        #portfolio .porfoliobottom .more a{
            font-family:Kelson-Sans-Regular ;
            font-size: 18px;
            background: -webkit-linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            border: 2px rgba(215,146,59,1) solid;
            padding: 11px 33px;
            text-decoration: underline !important;
        }
    
        #portfolio .porfoliobottom span{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 70px;
    
        }
    
    
        /* Rich */
    
        #rich{
            background:#f8eddf;
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
        }
    
        #rich .richhead{
            font-family: BASKVILL;
            text-align: center;
        }
    
        #rich .richhead h1{
            font-size: 23px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #rich .container-size{
    
            max-width: 100%;
            padding: 0 27px;
        }
    
        #rich .richviedio{
            padding-top: 50px;
            position: relative;
        }
    
        #rich .richviedio .richvd{
            width: 100%;
            height: 300px;
        } 
        
        #rich .richviedio .richvd img{
    
            width: 100%;
            height: 100%;
        }
    
        #rich .richviedio .vdicon{
            position: absolute;
            top: 50%;
            left: 46%;
        
        } 
    
        #rich .richviedio .vdicon svg{
            color: #d7923b;
            font-size: 50px;
    
        }
    
    
        /* =====jointeam==== */
    
        #jointeam{
            background: #f8eddf;
            padding-top: 50px;
            padding-bottom: 40px;
            height: auto;
        }
    
        #jointeam .container-size{
            max-width: 100%;
            padding: 0 30px;
        }
    
        #jointeam .joinhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #jointeam .joinhead h1{
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #jointeam .joincontent{
            text-align: center;
            font-family: BASKVILL;
        }
    
        #jointeam .joincontent p{
            font-size: 18px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    
        #jointeam .joincontent .joinlinks{
    
        }
        #jointeam .joincontent .joinlinks a{
    
            border: #d7923b 1px solid;
            font-size: 18px;
            padding: 8px;
            color: black;
            text-decoration: none;
            margin: 14px;
            display: block;
        }
    
        #jointeam .joincontent span{
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 80px;
        }
    
    
    
        /* ========reachus */
    
    
        #Reach{
            background: #f8eddf;
            padding-top: 35px;
            padding-bottom: 30px;
            height: auto;
        }
    
        
        #Reach .container-size{
            max-width: 100%;
            padding: 0 35px;
        }
    
    
        #Reach .reachhead{
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #Reach .reachhead h1{
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
    
        #Reach .reachinputs{
            max-width: 100%;
            padding: 0 9px;
            margin-top: 47px;
    
        }
    
        #Reach .reachinputs input{
    
    
            display: block;
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            padding-bottom: 20px;
            width: 100%;
            margin-top: 50px;
        }
    
        #Reach .reachinputs input::placeholder{
            font-family: BASKVILL;
            font-size: 15px;
            color: black;
    
        }
    
        #Reach .reachinputs textarea{
            border: none;
            border-bottom: 1px solid rgb(62, 59, 59) !important;
            background: transparent;
            width: 100%;
            margin-top: 65px;
        }
    
        #Reach .reachinputs textarea::placeholder{
            font-family: BASKVILL;
            font-size: 15px;
            color: black;
        }
    
        #Reach .reachinputs .submit{
            text-align: center;
            padding-top: 70px;
        }
    
        #Reach .reachinputs .submit a{
    
            border: #d7923b 2px solid;
            font-size: 15px;
            padding: 10px 15px;
            color: black;
            text-decoration: none;
            margin: 10px;
            text-transform: uppercase;
            color: #d7923b;
            text-decoration: underline !important;
        
        }
    
        #Reach .brands .brandslider{
    
            padding-top: 40px;
            padding-bottom: 40px;
    
        } 
    
        #Reach .brands .topborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            margin-top: 120px;
    
        }
    
        #Reach .brands .bottomborder{
    
            display: inline-block;
            background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
            height: 2px;
            width: 100%;
            
    
        }
    
    
        /* ==========footer========= */
    
        #footer{
            background: #f8eddf;
            padding-top:40px;
            padding-bottom: 40px;
        }
    
        #footer .footerlogo{
            display: flex;
            justify-content: center;
            /* height: 250px; */
        } 
    
        #footer .footerlogo img{
            height: 200px;
        }
    
        #footer .footerlist{
            padding-top: 40px;
        }
    
        #footer .footerlist ul{
            list-style-type: none;
            display: flex;
            justify-content: center;
            font-family:Kelson-Sans-Bold;
            text-transform: uppercase;
            font-size: 8px;
        }
    
        #footer .footerlist ul li{
            margin: 5px;
        }
    
        #footer .copyrights{
            padding-top: 30px;
            font-family: BASKVILL;
            text-align: center;
    
        }
    
        #footer .copyrights h1{
            font-size: 20px;
        }
    
        #footer .copyrights p{
            font-size: 15px;
        }
    
        #footer .footericons{
            padding-top: 30px;
            text-align: center;
        } 
    
        #footer .footericons svg{
        background: linear-gradient(319deg, rgba(214,145,58,1) 0%, rgba(255,199,101,1) 46%, rgba(217,149,61,1) 64%, rgba(215,146,59,1) 100%);
        color: white;
        padding: 11px 15px;
        border-radius: 50%;
        font-size: 25px;
        margin: 6px;
    
        } 



}



/* @media(max-width:1300px)
    @media(max-width:1180px)
    @media(max-width:1024px)
    @media(max-width:992px)
    @media(max-width:820px)
    @media(max-width:768px)
    @media(max-width:600px)
    @media(max-width:550px)
    @media(max-width:430px)
    @media(max-width:390px)
    @media(max-width:363px)
    @media(max-width:320px)

*/