body{
        overflow-x: hidden;
        font-family: "Source Sans 3", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
}

:root{--main-clr: rgb(241 98 44);}
.hcolor{color:var(--main-clr);}
.navbar-nav{column-gap: 20px;}
.navbar{box-shadow: 0px 3px 5px 0px rgba(241, 98, 44, 0.231);}

.navbar-nav .nav-link{font-size:20px; font-weight:600; color:rgb(54, 54, 54);}
.navbar-nav .nav-link:hover{color:var(--main-clr);}
.my-btn{background:var(--main-clr); border:2px solid var(--main-clr); font-weight: 600; color:white;}

.my-btn:hover{background-color: white; border:2px solid var(--main-clr); transition:2s; box-shadow: 2px 2px 5px 0 gray; color:black;}

.heading{text-align: center;}
.heading p{ letter-spacing: 5px;}

#banner img{height:700px; /*object-fit: cover;*/}

footer{background-color:#e7e7e7;}

footer a{color:black !important;}
footer a:hover{color:var(--main-clr)!important;}

.copy-right a{color:white !important;}
.copy-right a:hover{color:var(--main-clr)!important;}

.whatsapp{position:fixed;  bottom: 6%;  left: 3%; border-radius:50%;background-color: green; z-index:9999;animation: beat .40s infinite alternate;
	transform-origin: center; color:rgb(255, 255, 255); box-shadow: 3px 3px 2px 0 black;}
        @keyframes beat{
                to { transform: scale(1.2); }
        }
                .banner{background: linear-gradient(to right,rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.4)),url("../img/converpage.jpg")fixed center center no-repeat; background-size: cover; padding:30px 0;}
                
                .contact-box a{color:black !important;}
                .contact-box a:hover{color:var(--main-clr)!important;}
.the-person{background:#e3e3e3;}
@media only screen and (max-width:768px)
{
#banner img{height:300px !important; /*object-fit: cover;*/}

}