@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
:root{--color1:#ec2723;--hovercolor1:#cd1a17;--color2:#111;--light_color:#fff7ef;font-size:1rem;}
body{font-family: 'Roboto', sans-serif;}
*::-webkit-scrollbar{width:0.5rem;}
*::-webkit-scrollbar-track{background:#f1f1f1;}
*::-webkit-scrollbar-thumb{background:#ccc;transition:all 0.3s;}
*::-webkit-scrollbar-thumb:hover{background:#aaa;}
.bg1{background-color:var(--color1);}
.bg2{background-color:var(--color2);}
.bg3{background-color:var(--light_color);}
.text1{color:var(--color1);}
.fill1{fill:var(--color1);}
.text2{color:var(--color2);}
.fw1{font-weight:100;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw7{font-weight:700;}
.fw9{font-weight:900;}
.ph-normal::placeholder{text-transform:none;}
.input{border-radius:0;}
.input:focus{box-shadow:0 0 0 0.1rem rgb(205 26 23 / 25%);}
.pre-inr:before {content: "₹";margin-right: 0.2rem;}


.btn1{--bs-btn-color: #fff;--bs-btn-bg: var(--color1);--bs-btn-border-color: var(--color1);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--hovercolor1);--bs-btn-hover-border-color: var(--hovercolor1);--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #fff;--bs-btn-active-bg:var(--hovercolor1);--bs-btn-active-border-color:var(--hovercolor1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--color1);--bs-btn-disabled-border-color: var(--color1);}

.smartButton2{color:#44475b;transition:all 0.3s;height:4.3rem;position:relative; padding:0.5rem 0.5rem 0.3rem 0.6rem;background-color:#fff;}
.smartButton2:hover{box-shadow:0.1rem 0.2rem 0.8rem 0.2rem rgba(0,0,0,0.1);transform:scale(1.03);color:#44475b;}
.smartButton2 .icon{position:absolute;bottom:1rem;right:1rem;}
.smartButton2 .icon svg{width:1.6rem; height:1.6rem;float:right;}
.fill-theme3{fill:var(--color1);}
       
@media(max-width:575px)
{
    .smartButton2{font-size:0.875rem;}
    .smartButton2 .icon svg{width:1.6rem; height:1.6rem;}
            
}
        
@media(max-width:360px)
{
    .smartButton2 .icon{bottom:0.7rem;right:0.7rem;}
    .smartButton2{font-size:0.8rem;height:4.2rem;}
    .smartButton2 .icon svg{width:1.4rem; height:1.4rem;}           
}





/*==================header================*/
   .header{height: 70px;} .header .site-logo{ height:100%; position:absolute; top:0px;padding:7px 0;} .header ul{float: right;}.header ul li{display: inline-block;} .header ul li a{position: relative;}
   .header .menu{display: flex;align-items: center;justify-content: end;}
   .header ul li a:hover:before{transform: scaleX(1);transform-origin: left;}label #btn,label #cencle{font-size: 25px;float: right;line-height: 84px;margin-right: 0px;cursor: pointer;display: none;}
   #check{display: none;}
   @media(max-width:992px){.header{height: 55px;}.header .site-logo{left:10px;}label #btn{display:block;} .menu{position: fixed;width: 100%;height: 100vh;background: #fff;top:0px;left: -100%;text-align: center;transition: all .5s;}
   .header label{position: absolute;right: 20px;z-index:99; height:100%;display:flex;align-items:center;} .header ul li{display: block;margin: 25px 0;line-height: 30px;}
   #check:checked ~ .menu{left: 0%;display:flex;align-items:center;justify-content:center;}#check:checked ~ label #btn{display: none;} #check:checked ~ label #cencle{display: block;}}

/*================footer=================*/
.footer-logo{width:225px;}
.social-media-icons {width: 35px;height: 35px;background: #fff;text-decoration: none;color: var(--color1);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.fixedCall, .scrollTop{position:fixed;right:1rem;}
.fixedbutton1 {position: fixed;display:none;border-radius:50%;text-decoration:none; bottom: 4rem;right: 0.4rem;width: 45px;height: 45px;background-color: #fff;font-size: 20px;color: var(--color1);border: 2px solid var(--color1);transition: all 0.3s;}