@import url('https://fonts.googleapis.com/css2?family=Martel:wght@900&display=swap');


.bg-img1{
    background: url('../img/bg2.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    width:100%;
    height:100vh;
    
    
}


/*Height and Width*/
.mh-10{min-height: 10px;}
.mh-95{min-height: 95px;}
.mh-100{min-height: 100px;}
.mh-200{min-height: 200px;}
.mh-250{min-height: 250px;}
.mh-300{min-height: 300px;}
.mh-400{min-height: 400px;}
.mh-500{min-height: 500px;}

/*Height and Width*/

/*BG Color*/
.bg-white{background-color:#fff;}
.bg-main{background-color:#007bff; }
.bg-head-border {background-color: #151414}
.bg-grey{background: 	#E8E8E8;}

.txt-offwhite{color:#ccc;}
.txt-white{color:white;}
.txt-black{color:#000000;}
.txt-mainhead{color:#007bff;}

/*BG Color*/
/*Font*/
.fs1{font-size: 1em;}
.fs1-5{font-size: 1.5em;}
.fs2{font-size: 2em;}
.f12{font-size:12px; }
.f13{font-size:13px; }
.f14{font-size:14px; }
.f15{font-size:15px; }
.f16{font-size:16px; }
.f17{font-size:17px; }
.f18{font-size:18px; }
.f19{font-size:19px; }
.f13{font-size:13px; }
.f20{font-size:20px; }


/*Font*/
/*Service box*/
.ulservice{}
.ulservice ul{list-style: none;}
.ulservice ul li{list-style: none;background-color:#007bff; padding:5px 5px; margin-bottom: 2px;font-weight: bold;color:white; border-radius: 5px; }
.ulservice ul li:hover{list-style: none;background-color:#007bff; padding:5px 5px; margin-bottom: 2px;font-weight: bold;color:white; border-radius: 5px;text-align: center; cursor: pointer;font-size: 16px; transition-delay: 2s;}

.shadowbox{
    box-shadow: 1px 3px 7px 1px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 3px 7px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 3px 7px 1px rgba(0,0,0,0.75);
}

header
{
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%; 
        z-index: 999;
       
}



/*
.c-no{height:150px;}
.counter-Txt{text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.counter-Txt span{display:block; font-size:36px}
@media(min-width:320px) and (max-width:767px){ 
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
}
*/

.card:hover{
 box-shadow: 1px 5px 10px 0px rgba(3,111,171,0.75);
-webkit-box-shadow: 1px 5px 10px 0px rgba(3,111,171,0.75);
-moz-box-shadow: 1px 5px 10px 0px rgba(3,111,171,0.75);
    color:darkred;
    border:none;
}

.ticklist{
    
}
.ticklist ul{
    list-style: none;
}

.ticklist ul li
{
    background: url('../img/tick.png') no-repeat left top;
background-size: 30px;

padding-left: 40px;
padding-top: 3px;
}


.log-border{border:1px solid grey;}
.card{border:none;}




.fixed {
      position: fixed;
      background: #f83d23;
      width: 100px;
      height: 100px;
      display: block;
     /* display: flex;*/
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 6px #000;
      color: #fff;
    top:65%;
    left:0px;
    z-index: 10000;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    font-size: 11px;    

}

.fixed span{top:100px; font-size: 50px; text-align: center; font-weight: 400;}
.fixed p{margin-top:-10px;}

.line1{line-height: 120%;}

.line1:hover{

    color:darkred;
    border:none;
    
}

.infobox{
   /* border: 1px solid #007bff; */
    border-radius: 15px;
    padding: 3px 3px;   
    background-color: white;
}

.infobox:hover{
    background-color:floralwhite ;
    
}

.152yrs{
    font-family: 'Martel', serif;
    font-size: 45px;
    font-weight: bold;
    color:red;
}


.shadowbox-service{
    
 box-shadow: 1px 5px 10px 0px rgba(3,111,171,0.75);
-webkit-box-shadow: 1px 5px 10px 0px rgba(3,111,171,0.75);
-moz-box-shadow: 1px 5px 10px 0px rgba(3,111,171,0.75);
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}

.curve{border-radius: 15px;}



html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}