::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{background-color: rgba(255, 255, 255, 0.419); }
::-webkit-scrollbar-thumb{background-color: rgb(144, 111, 50);width: 10px; border-radius: 10px;}
body{
   background: rgb(15, 21, 21);
   font-family: "Signika Negative", sans-serif;
   overflow-x: hidden;
}
.headerDiv{padding: 30px 10px; background: rgb(239, 245, 245);}
.logo img{width: 180px;}
.callBox a{font-weight: bold; font-size: 28px; color: goldenrod; text-decoration: none;}
.iconsSS{width: 30px; margin-top: -10px;}
/* NAV BAR */
.navCus{border-top: 3px solid rgb(168, 139, 67);}
.ul{display: flex;justify-content: center;}
a{text-decoration: none;}
.ul .li{padding: 10px 20px; color: rgb(194, 169, 105); font-weight: 500;}
.ul .li:hover{color: rgb(129, 103, 38);}
.ul .li span:hover{color: rgb(129, 103, 38);}
.ul .li span{color: rgb(194, 169, 105)}
.dropM{position: relative;}
.dropBox{display: none; position: absolute; background: rgb(153, 157, 157); width: 250px; top: 43px; z-index: 1001;}
.dropBox .li2{padding: 5px 20px; color: rgb(15, 21, 21);}
.dropBox .li2:hover{background: rgb(168, 139, 67);}
.dropM:hover .dropBox{display: block;}

/* banner home */
.banner{background-position: center; background-size: cover; height: 70vh; overflow: hidden;}
.bannerBlack{background: rgba(15, 21, 21, 0.761); height: 100%; position: relative;}
.bannerBox{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: white;}
.bspace{letter-spacing: 3px;}
.banner h1{font-size: 75px;}
.mobNav{display: none;}
.hideUp{display: none;}
.myBtn{color: white; background: rgb(144, 111, 50); border-radius: 5px; border: none; padding: 5px 10px; margin-top: 8px;}
.section{background: white; text-align: center; padding: 70px 10px;}
.section img{width: 200px; margin: 10px;}
.h22{font-weight: 700; font-size: 45px;}
.s1{width: 250px; margin: 15px;}
.yImage{width: 100%; opacity: 0.8; border-radius: 10px;}
.yImage:hover{opacity: 1;}

/* form css */
.formS{margin-top: 50px; border-radius: 15px; box-shadow: 0px 10px 15px grey; padding: 100px; background: rgba(179, 193, 193, 0.631);}
.gImage{width: 100px !important; border: 0px solid grey; border-radius: 50%; opacity: 0.7; margin: 10px;}
.gImage:hover{border: 3px solid green; opacity: 1;}
.activeG{border: 3px solid green; opacity: 1;}
.inputS{width: 100%; margin-top: 10px; padding: 7px; font-size: 18px;}
.inputS2{width: 100%; margin-top: 10px; padding: 10px; font-size: 18px;}
.btnSend{font-size: 18px; width: 100%; margin: 30px 5px; border: none; background: rgb(15, 21, 21); color: white; padding: 10px;}

@media(max-width:850px){
   .logo{text-align: center;}
   .callBox span{display: none;}
   .callBox{text-align: center;}
   .logo img{width:130px;}
   .iconsSS{width: 20px; margin-top: -10px;}
   .callBox img{margin: 0px 10px;}
   .ul{transition: 0.3s; display: inherit; justify-content: center; position: fixed; left: -900px; width: 100%; height: 100%; background-color: white; z-index: 1900; top: 0;}
   .mobNav{display:inherit; display: flex;}
   .mobNav button{ color: white; background: rgb(144, 111, 50); border-radius: 5px; border: none; padding: 5px 10px; margin-top: 8px;}
   .hideUp{display: block;}
   .closeBar{background: black; color: white; padding: 10px 15px;}
   .closeBar button{border: none; color: white; background: red; width: 25px; border-radius: 5px;}
   .dropBox{display: none; position: inherit; background: rgba(239, 245, 245, 0.591); top: 0;}
   .banner h1{font-size: 35px;}
   .bannerBox{width: 100%;}
   .banner{height: 40vh;}
   .section img{width: 130px; margin: 10px;}
   .h22{font-weight: 700; font-size: 25px;}
   .s1{width: 120px; margin: 15px;}

        /* form css */
   .formS{padding: 10px;}
   .gImage{width: 50px !important;}
}