* {
  @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
}

.bg-img {
  background-image: url(../images/bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 85vh;
}
.bg-btn {
  background-color: #005082;
}
.button-blue {
  outline: #005082;
}
.button-blue:hover {
  outline: #005082;
}
.second-bg {
  background-image: url(../images/sec-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 67vh;
}

.card:hover {
  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.button-custom {
  width: 150px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  margin-left: 20px;
  margin-right: 20px;
  transition: box-shadow 0.3s;
}


.button-all {
  background-color: #005082;
  color: white;
  border: none;
}

.button-all:hover {
  box-shadow: 0px 4px 8px rgba(0, 80, 130, 0.5),
    0px -4px 8px rgba(0, 80, 130, 0.5), -4px 0px 8px rgba(0, 80, 130, 0.5),
    4px 0px 8px rgba(0, 80, 130, 0.5);
}

.button-outline {
  background-color: transparent;
  border: 2px solid #005082;
  color: black;
}

.button-outline:hover {
  box-shadow: 0px 4px 8px rgba(0, 80, 130, 0.5);
}
.padi{
 margin-top: 40%;
}

/* Farhana pages stylie */

/* BODY INSTROCTOR */
body {
  background-color: #f5f2f2;
}

/* HERO INTRUCTOR */
.hero-img {
  background-image: url(./images/herotwo.png);
  background-size: contain;
  height: 100vh;
  width: 80%;  
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* BODER */
.highlight-border {
  border: 10px solid transparent;
  padding: 5px;
  transition: border-color 0.3s ease;
  outline: none;
}
.highlight-borderr {
  border: 1px solid rgb(192, 189, 189);
  padding: 10px;
  transition: border-color 0.3s ease;
  outline: none;
}

.highlight-borderr:hover {
  border-color: #3498db;
}
.highlight-border:hover {
  border-color: #3498db;
}
/* BOTTON */
.clr {
  background-color: #005082;
}
/* FOOTER */
.bg-custom {
  background-color: #524f4f;
  color: white;
}

/* CONTACT US HERO */
.contct-hero {
  background-image: url(./images/contact-hero.png);
  height: 80vh;
  width: 100%;
  background-repeat: no-repeat;
  /* background-position: center; */

}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  padding: 10px;
  /* margin: 8px 0 15px; */
  border: 1px solid #ddd;
}
/* footer */
footer{
  background-color: #005282;
}
/* new */
* {
  @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
}

.bg-img {
  background-image: url(../images/bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 85vh;
}
.bg-btn {
  background-color: #005082;
}
.button-blue {
  outline: #005082;
}
.button-blue:hover {
  outline: #005082;
}
.second-bg {
  background-image: url(../images/sec-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 67vh;
}

.card:hover {
  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.button-custom {
  width: 150px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  margin-left: 20px;
  margin-right: 20px;
  transition: box-shadow 0.3s;
}

.button-all {
  background-color: #005082;
  color: white;
  border: none;
}

.button-all:hover {
  box-shadow: 0px 4px 8px rgba(0, 80, 130, 0.5),
    0px -4px 8px rgba(0, 80, 130, 0.5), -4px 0px 8px rgba(0, 80, 130, 0.5),
    4px 0px 8px rgba(0, 80, 130, 0.5);
}

.button-outline {
  background-color: transparent;
  border: 2px solid #005082;
  color: black;
}

.button-outline:hover {
  box-shadow: 0px 4px 8px rgba(0, 80, 130, 0.5);
}
.padi{
 margin-top: 40%;
}

/* Farhana pages stylie */

/* BODY INSTROCTOR */
body {
  background-color: #f5f2f2;
}

/* HERO INTRUCTOR */
.hero-img {
  background-image: url(./images/herotwo.png);
  background-size: contain;
  height: 100vh;
  width: 80%;  
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* BODER */
.highlight-border {
  border: 10px solid transparent;
  padding: 5px;
  transition: border-color 0.3s ease;
  outline: none;
}
.highlight-borderr {
  border: 1px solid rgb(192, 189, 189);
  padding: 10px;
  transition: border-color 0.3s ease;
  outline: none;
}

.highlight-borderr:hover {
  border-color: #3498db;
}
.highlight-border:hover {
  border-color: #3498db;
}
/* BOTTON */
.clr {
  background-color: #005082;
}
/* FOOTER */
.bg-custom {
  background-color: #524f4f;
  color: white;
}

/* CONTACT US HERO */
.contct-hero {
  background-image: url(./images/contact-hero.png);
  height: 80vh;
  width: 100%;
  background-repeat: no-repeat;
  /* background-position: center; */

}

.margin-top{
  margin-top: -90px !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  padding: 10px;
  
  border: 1px solid #ddd;
}
/* footer */
footer{
  background-color: #005282;
}
/* bloge page */
.bg-bloge {
  background-image: url(./images/bg-blog.png);
  height: 80vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 } 

/* ABUBAKAR WORK */


.back{
  background-image: url(/images/morning\ walik.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 100vh;
  
}
.card {
  box-shadow: 04px 8px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease-in-out;
}
.card:hover {
  transform: translateY(-8px);
}
.star-rating {
color:  #005082;
}