@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li{
    font-family:'Noto Sans', sans-serif !important;
}


.justify-between {
    justify-content: space-between;
    align-items: center;
}
.one{
    position:absolute !important;
    left: -79px;
    top: -40px;
}
.product:hover{
    background: linear-gradient(264.37deg, #343a40 -13.22%, #343a40 110.49%) !important;
    margin-top: 20.5px;
    padding: 50px 33px 121px !important;
    overflow:visible;
    transform: scale(1.1);
}
.product-text {
    display:none;
}
.product:hover .product-text {
    display: block;
}
.product:hover .product-text2{
    display:none;   
}
/*other acc*/

.product2:hover{
   background: linear-gradient(234.41deg, #e59006 -28.2%, #f9a825 120.05%) !important;
    padding: 67px 35px !important;
    overflow:visible;
    transform: scale(1.2);
    z-index: 9;
}
.product-text1 {
    display:none;
}
.product2:hover .product-text1 {
    display: block;
}
.product2:hover .product-text3{
    display:none;   
}

@media(max-width:576px){
   

    .image{
        width:200px !important;
    }
    .one{
        position:relative !important;
        left: -37px !important;
        top: -51px !important;
    }
}
.navbar.navbar-static{
    padding:26px 0;
}
.image{
    max-width:300px;
}
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 2;
    color: #000;
}
.contact>a{
    background: #fff !important;
    border:none !important;
    border-radius: 5px;
    padding: 19px 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 22px;
    color: #f9a825 !important;
}
.contact>a:hover{
   background: linear-gradient(264.37deg, #694C16 -13.22%, #967029 110.49%) !important;
    color:#F5F5F5!important;
    border:none !important;
    
}
.send-btn{
    background: #fff !important;
    border:none !important;
    border-radius: 5px !important;
    padding: 19px 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 22px;
    color: #08294a !important;
}
.send-btn:hover{
   background: linear-gradient(264.37deg, #343a40 -13.22%, #343a40 110.49%) !important;
    color:#F5F5F5!important;
    border:none !important;
}
.is-btn-ghost2 {
	padding: 19px 18px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
	letter-spacing: 0 !important;
}

.form-control {
	border-bottom: 1px solid #F5F5F5 !important;
	background:transparent !important;
	border-radius: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
	border-bottom: 1px solid #F5F5F5 !important;
	border-radius: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}
/*
.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-decoration-line: underline;
    color: #D9D9D9;
}
*/
@media (max-width: 767px){
    .flex {
        flex-direction: column;
    }
        .items-center{
            align-items: start!important;
        }
    }
    
.navbar-nav>li>a:after, .dropdown-menu>li>a:after{
    display:block;
    content: '';
    border-bottom: solid 1px #B00000;  
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
  }
  .navbar-nav>li>a:hover:after, .dropdown-menu>li>a:hover:after { 
      transform: scaleX(1); 
      
  }


.footer-text>a{
    color:#fff!important;
}
.footer{
    background-color: rgb(176, 0, 0)!important;
}

@media(max-width:576px){
.contact-color{
background-color: rgba(0, 0, 0, 0.55);
border-radius: 25px;
padding: 20px;
}
}