*{
	padding: 0;
	margin: 0;
}

body{

	padding: 0;
	margin: 0;
	font-family: 'Titillium Web','SolaimanLipi',sans-serif;   
  overflow-x: hidden;
  background: rgba(250,250,250,0.4);
  height: 100%;
}

html{
  scroll-behavior: smooth;
  

}


@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

a{
  text-decoration: none !important;
  transition: 0.3s;
}

a:hover{
  opacity: 1;
}

button{
  box-shadow: none!important;
}


img{
  filter: saturate(1.2)!important;

}


.uk-notification-message{
  background-color: green;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  padding: 15px;
}



#load{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100vh;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-image:  url(img/logo.png); 
  background-size: 150px;


}



.container-fluid{
  padding: 0 80px;
}



.topbar{
  background: #0B2352;
  color: rgba(209,231,254);
  font-size: 13.5px;
}



.topbar li{
  display: inline-block;
  margin-left: 15px;
  list-style: none;
}


.topbar li a{
  color: rgba(209,231,254);
}

.menubar{
  background: #fff;
  transition: 0.5s;
  border-bottom: 1px solid #f1f1f1;

}

.menubar img{
  max-height: 60px;
  object-fit: cover;

}

.menubarshadow{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-bottom:transparent;
}

.menubar .main{
  list-style: none;
  display: inline-block;
}

.menubar .active{
  background: darkred;
  padding: 5px 20px;
  border-radius: 30px;
  transition: 0.3s;
  color: rgba(209,231,254,.6);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.menubar .active:hover{
  background: darkred;
}


.menubar .main a{
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  transition: 0.5s;
  text-transform: capitalize;
  padding: 5px 15px;
  border-radius: 30px;
}

.menubar .main a:hover{
  color: #fff;
  background: #0B2352;
}

.menubar .main .active{
  background: darkred;
}

.menubar .main i{
 font-size: 15px;
}

.menubar .sub{
  list-style: none;
}

.menubar .sub li{
  padding: 5px 15px;
  transition: 0.3s;
}

.menubar .sub li:hover{
  background: #f1f1f1;
  border-radius: 30px;
}

.menubar .sub a{
  font-size: 15px;
  color: #585858;
  
}

.menubar .sub i{
 font-size: 15px;
}


#offcanvasRight{
  max-width: 300px;
}

#offcanvasRight span{
  font-size: 15px;
  font-weight: bold;
}



.sidemenu li{
  list-style: none;
  padding: 8px 5px;
  border-bottom: 1px solid #f1f1f1;
  transition: 0.5s;

}


.sidemenu li:hover{
  background: #f1f1f1;
}



.sidemenu li a{
  color: #414141;
  font-size: 15px;
  letter-spacing: 0.5px;
}

.sidemenu .active{
  background: #0B2352;
  padding: 5px 20px;
  border-radius: 30px;
  transition: 0.3s;
  color: rgba(209,231,254,.6);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sidemenu .active:hover{
  background: #0B2352;
}



.firstbox{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  background: #fff; 
  border-radius: 5px;
}

.firstbox span{
  font-size: 14px;
}


.feature strong{
  font-size: 20px;
}


.textfill{
  border-radius: 0px;
  border:none;
  border:1px solid #e1e1e1;
  height: 45px;
  border-radius: 5px;
  font-size: 14px;
}

.textfill:focus{
  box-shadow: none;
  border-color: #e1e1e1;
}


.textfill2{
  border-radius: 0px;
  border:none;
  border:1px solid #e1e1e1;
  border-radius: 5px;
  font-size: 14px;
}

.textfill2:focus{
  box-shadow: none;
  border-color: #e1e1e1;
}


.feature .head{
  background: #0B2352;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  color:#fff;
}


.maincolor{
  color: red;
}

.tutorback{
  background: #fff;
  border:1px solid green!important;
  border-radius:5px;
}
.tutorback strong{
  font-size: 16px;
  color:green;
 
}

.feature a{
  color: #414141;
  font-size: 14px;
  line-height: 25px;
}



.tutorback img{
  max-height: 80px;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  object-fit: cover;

}

.p{
  height: 40px;
}

.recenttutors{
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  
}

.recenttutors img{
  max-height: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;

}

.recenttutors span{
  line-height: 25px;
  font-size: 15px;
}



.developer{
  background: #000;
}

.developer span{
  font-size: 13px;
  color:gray;
}

.developer a{
  color: #dc3545;
  text-transform: uppercase; 
}

.footerback{
  margin-top: 100px;
}



.footerback img{
  max-height: 100px;
}

.footerback span{
  font-size: 14px;
  color:gray;
}

.footerback strong{
  color:#f1f1f1;
}

.footerback li{
  list-style: none;
}

.footerback li a{
  color: gray;
  font-size: 14px;
}


.feature .p{
  font-size: 15px;
  line-height: 30px;
  color: #414141;
}



.btn-dark{
  background: #0B2352;
  border-radius: 30px;
  padding: 8px !important;
}


.btn-success{
  border-radius: 30px;
}

.tutordetails img{
   max-height: 150px;
   object-fit: cover;
}

.tutordetails span{
  font-size: 14px;
  color: #414141;
  line-height: 25px;
}

.tutordetails strong{
  font-size: 18px;
}


.tutordetails label{
  font-size: 10px;
}


.tutioninfo li{
  list-style: none;
  margin-right: 10px;
  display: inline-block;
}



.tutioninfo .bi-check-circle-fill{
  color: lightgray;
}

.tutioninfo table{
  font-size: 14px;
}


.education table{
  font-size: 14px;
}


.mainhead{
  font-weight: bold;
  font-size: 20px;
  color: #fff;;
  border-left: 4px solid navy;
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
  border-radius: 5px;
  background: #198754;
  

}

.firstbox label{
  font-size: 13px;
}


















.services{
  background: #fff;
}

.services p{
  color: #414141;
  line-height: 30px;
  font-size: 16px;
  text-align: justify;
}

.rightcolor{
  color:#812894;
}


.box{
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
  border-radius: 5px;
  background-image: radial-gradient( circle 1224px at 10.6% 8.8%,  rgba(255,255,255,1) 0%, rgba(153,202,251,1) 100.2% );

}


.box i{
  font-size: 50px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
  border-radius: 50%;
  padding: 10px 25px;
  color: #812894;

}

.box img{
  height: 100px;
  width: 100px;
  border-radius: 50%;
  object-fit: cover;
  padding: 10px;
  background: #fff;
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}


.box a{
  color: #f1f1f1;
  font-weight: bold;
  font-size: 20px;
  background: #812894;
  padding: 5px 30px;
  border-radius: 30px;
  letter-spacing: 0.5px;
  transition: 0.3s;
}


.box a:hover{
  background: #5d126d;
}


#accordion .card{
  border: none;
  border: 1px solid #f1f1f1;
}


#accordion a{
  font-weight: bold;
  color: #414141;
  font-size: 16px;
  letter-spacing: 0.5px;
}

#accordion .card-body{
  font-size: 16px;
  line-height: 30px;
  color: #585858;
}


.footer{
  background: #fff;
}

.footer span{
  color: #414141;
  line-height: 30px;
  font-size: 15px;
  letter-spacing: 0.5px;
}


.footer img{
  max-height:50px;
}


.footer strong{
  color: #414141;
  font-size: 16px;
}

.footer li{
  list-style: none;
  margin-top: 5px;
  display: inline-block;

}

.footer li a{
  color: #585858;
  transition: 0.5s;
  font-size: 15px;
}

.footer li a:hover{
  color: #812894;
  
}



.amader li{
  list-style: none;
  margin-top: 5px;
  display: inline-block;

}

.amader li a{
  color: #585858;
  transition: 0.5s;
  font-size: 15px;
}

.amader li a:hover{
  color: #812894;
  
}






.uk-icon-button{
  transition: 0.5s;
}

.uk-icon-button:hover{
  background: #812894!important;
  color: #f1f1f1;
}



.formback{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}

.formback label{
  font-size: 14px;
  color: #585858;
}


.formback strong{
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: bold
}


.formback span{
  font-size: 13px;
  color: gray;
}



.formback input{
  border-radius: 0px;
  border:none;
  border:1px solid #e1e1e1;
  height: 45px;
}

.formback input:focus{
  box-shadow: none;
  border-color: #e1e1e1;
}


.formback .none{
  height: auto;
}




.formback textarea{
  border-radius: 0px;
  border:none;
  border:1px solid #e1e1e1;
}

.formback textarea:focus{
  box-shadow: none;
  border-color: #e1e1e1;
}



.details{
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
  border-radius: 5px;
  line-height: 30px;
}


.details strong{
  font-weight: bold;
  font-family: 'SolaimanLipi','Titillium',sans-serif;
  letter-spacing: 0.5px;
  font-size: 25px;
  line-height: 35px;


}

.details span{
  line-height: 35px;
  font-size: 18px;
}



.btn:focus{
  box-shadow: none!important;
}


.packageback{
  border-radius: 5px;
  line-height: 35px;
  font-weight: bold;
  background-image: radial-gradient( circle 780.6px at 10% 20%,  rgba(133,255,189,1) 0%, rgba(255,251,125,1) 90.7% );
}





.userdashboard{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.userdashboard img{
  border-radius:50%;
  width: 150px;
  height: 150px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.userdashboard strong{
  font-size: 20px;
}

.userdashboard li{
  display: block;
  list-style: none;
  padding: 12px 20px;
  transition: 0.3s;
}

.userdashboard li a{
  color: #414141;
  font-size: 15px;


}

.userdashboard li:hover{
  background: yellow;
}


.userdashboard .active{
 background: yellow;
 border-left: 4px solid #414141;
 font-weight:bold;
}

.userdashboard th{
  font-size: 15px;
  width: 10%;
  border: none;

}


.userdashboard td{
  font-size: 14px;
  border: none;

}

.userdashboard label{
  font-size:25px;
}


.userdashboard a{
  color: #fff;
}

.userdashboard .dash{
  color: #fff;
  font-weight: bold;
  border-radius: 5px;

}

.userdashboard .passreset{
  max-width: 600px;
}


.userdashboard .passreset label{
  font-size: 15px;
}

.userdashboard .passreset input{

 border-radius: 0px;
 border:none;
 border:1px solid #e8e8e8;
 height: 40px;

}
.userdashboard .passreset input:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}


.userdashboard .passreset textarea{
  border-radius: 0px;
  border:none;
  border:1px solid #e8e8e8;
}

.userdashboard .passreset textarea:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}

.orderstatus{
  padding: 0 10px;
  color: #f1f1f1;
  border-radius: 30px;
}





@media(max-width: 968px){
  .container-fluid{
    padding: 0px 20px;
  }
}