body
{
    margin: 0; 
    padding: 0; 
    overflow-y: auto; 
    overflow-x: hidden;
    font-family: "Rajdhani", sans-serif; 
    color: #777777;
    background-color: #121212;
    background-image: url(../img/service-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.watermark{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 15vw;font-weight: bold;color: rgb(203 204 163 / 7%);pointer-events: none;user-select: none;z-index: 0;opacity: 0;animation: fadeInSlide 2s ease-in-out forwards;z-index: 999;height: 100vh; align-content: center;}
.watermark.fade-in{animation: fadeInSlide 2s ease-in-out forwards;}
@keyframes fadeInSlide {
    0% {
        transform: translate(-60%, -50%) scale(1.2);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}






.all_padding{padding: 100px 0;}
.heading_h1{color: #fff; font-size: 64px; line-height: 1em;letter-spacing: 0.8px; font-weight: 500;font-family: "Rajdhani", sans-serif;}
.heading_h3{font-size: 64px; color: #fff; font-weight: 500;line-height: 1em;letter-spacing: 0.8px; font-family: "Rajdhani", sans-serif;}
.heading_h5{color: #fff;font-size: 18px; font-weight: 500;letter-spacing: 0.8px; font-family: "Rajdhani", sans-serif;}
small{font-family: "Montserrat", sans-serif; color: #cbcca3; font-size: 12px;}
.all_para{font-size: 18px;}
.all_icon{font-size: 14px; color: #fff;}
.overflow_section{overflow: hidden;}
.heda_title{display: flex; flex-direction: column; width: 50%;margin: 0 auto; align-items: center; justify-content: center; margin-bottom: 50px; text-align: center;}
a{color: #fff; text-decoration: none;}
a:hover{color: #fff;}
.btn-1{padding: 8px; color: #fff; border-left: 1px solid #fff;border-top: 1px solid #fff;transition: all 0.5s ease;}
.btn-1:hover{color: #cbcca3;border-left: 1px solid #cbcca3;border-top: 1px solid #cbcca3;}






/*........................./Nav-Start/.......................*/
nav{padding: 15px;}
.Main_Nav{display: flex; justify-content: space-between; align-items: center;}
.logo{height: 50px; display: block;}
.logo img{height: 100%; object-fit: contain;}


.Main_Nav .menu ul{list-style: none; margin: 0; padding: 0;}
.Main_Nav .menu ul li{display: inline-block; position: relative; margin: 0 10px; padding: 0;}
.Main_Nav .menu ul li a{display: block; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;letter-spacing:4px;transition: all 0.5s ease;}
.nav_info i{margin: 0 5px;transition: all 0.5s ease; cursor: pointer;}
.nav_info a{transition: all 0.5s ease; cursor: pointer;}
.Main_Nav .menu ul li a:hover{color:#cbcca3;}
.nav_info a:hover{color: #cbcca3;}
.nav_info i:hover{color: #cbcca3;}


.Main_Nav .menu ul li .sub_menu{margin: 0; padding:0; position: absolute; top: 50px; left: 0; z-index: 999; width: max-content; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.Main_Nav .menu ul li .sub_menu li{display: block; margin: 0px; padding: 5px; background-color: #cbcca3; border-bottom: 1px solid #eeeeee70; margin-top: 40px; transition: all 0.5s ease;}
.Main_Nav .menu ul li:hover .sub_menu{opacity: 1; visibility: visible;}
.Main_Nav .menu ul li:hover .sub_menu li {margin-top: 0;}
.Main_Nav .menu ul li .sub_menu li a{color: #000; letter-spacing: 0px;}
.Main_Nav .menu ul li .sub_menu li a:hover{letter-spacing: 2px;}
.Main_Nav .menu ul li .sub_menu li:hover{background-color: #b3b48b;}
/*........................./Nav-End/.......................*/



/*........................./hero-Start/.......................*/
.hero_banner{width: 100%; height:700px; position: relative;}
.hero_img img{position: absolute; width: 100%; height: 100%; object-fit:cover; object-position: center;}

.main_tab{width: 800px; height: auto; background-color:; padding: 10px;position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);}
.tab li{list-style: none;}
.tab li label{background-color: #12121296; padding: 10px 15px; color: #fff; cursor: pointer; font-size: 14px;}
.tab li label.acctive{background-color: #fff; color:#000;}

.search_btn{width: 100%;position: relative; display: flex; justify-content: space-between;}
.search_icon{width: 50px; height: 50px; background-color: #121212; display: grid; align-items: center; justify-content: center; color: #fff; cursor: pointer;}
.search_input{width:calc(100% - 50px); background-color: #ccc; height: 50px;}
.search_input input{height: 100%; width: 100%; border: none;padding: 10px; outline: none; font-size: 14px;}


.more_option{width: 100%; display: flex; justify-content: flex-end; margin-top: 10px;}
.more_option button{background-color: #f5ca56; padding: 10px 15px; color: #000; cursor: pointer; border: none;font-size: 14px;}
.more_content{width: 100%; height: auto; background-color: #fff;padding: 10px; display: none;}
/*........................./hero-End/.......................*/



/*........................./hero_artical-Start/.......................*/
.hero_artical{margin-top: -150px; z-index: 999; position: relative;}
.hero_box{width: 100%; height: 300px; border: 1px solid #aaaaaa; padding: 5px;}
.hero_content{width: 100%; height: 100%; background-color: #0000007d; padding: 20px; display: grid; align-content: center;}
/*........................./hero_artical-End/.......................*/



/*........................./about-Start/.......................*/
.about_title{position: relative; height: 100%;}
.about_img{width: 100%; height: 500px; padding: 20px;}
.about_img img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
/*........................./about-End/.......................*/




/*........................./market-Start/.......................*/
.market_content{margin-top: 150px;}
.market_content .year{position: relative;}
.market_content .year span{font-size: 220px;line-height: 256px;font-weight: 700;color: #fff;display: inline-block;margin-bottom: 8px;position: relative;z-index: 1;}
.market_content .year sup{font-size: 150px;line-height: 156px;font-weight: 700;color: #cbcca3;position: relative;top: -78px;left: -4px;}
.market_img{width: 100%; height: 100%;}
.market_img img{width: 100%; height: 100%; object-fit: cover;}
/*........................./market-End/.......................*/




/*........................./services-Start/.......................*/
.services_box{width: 100%;}
.services_img{width: 100%; height: 300px; padding: 20px; background-color: #1e1e1e; border-left: 1px solid #fff}
.services_img img{width: 100%; height: 100%; object-fit: cover;}
.services_content{width: 90%; height: 200px; background-color: #1e1e1e; border-bottom: 1px solid #fff; margin-top: -80px; float: right; z-index: 999; position: relative; padding: 30px;}
/*........................./services-End/.......................*/




/*........................./feedback-Start/.......................*/
.feedback_content{width: 100%; background-color: #121212; padding: 20px; border:1px solid #1e1e1e;}
.msld{padding: 10px;}
.slick-dots li.slick-active button:before{opacity: .75;color: #fff !important;}
/*........................./feedback-End/.......................*/




/*........................./footer-Start/.......................*/
footer{background-color: #181818; padding: 80px 0;}
.ft_lgo{height: 50px; display: block;}
.ft_lgo img{height: 100%; object-fit: contain;}
.footer_services ul{list-style: none; margin: 0; padding: 0;}
.footer_services ul li{margin: 0; padding: 0; line-height:26px;}
.menu_flex{display: flex; justify-content: space-between;}
.footer_services ul li a{display: block; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;transition: all 0.5s ease;}
.ft_flex{display: flex;grid-gap: 5px;align-content: center;}
.flex_icon i{margin:0 10px; margin-left: 0;}
.ft_title{text-transform: uppercase; letter-spacing:4px;}
.footer_services ul li a:hover{color: #cbcca3;}
/*........................./footer-End/.......................*/







@media only screen and (max-width: 991px)
{
    
}


@media only screen and (max-width: 767px)
{
   
}




@media only screen and (max-width: 576px)
{
    
}

@media only screen and (max-width: 480px)
{
    
}