/* ------------------------------------------------------- */



.home {

    height: 100%;

    position: relative;

    background-color: #192e1a;

}



.home img {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-content {

    position: relative;

    padding: 160px 20px;

    width: 80%;

    color: #ffffff;

}



.home-content h1 {

    font-size: 50px;

}



/* ------------------------------------------------------- */



/* ------------------------------------------------------- */

.why-choose {

    box-shadow: 1px 1px 6px 1px #e2e2e2;

    border-radius: 8px;

    padding: 10px;

    height: 100%;

    text-align: center;

}



.why-choose h3 {

    font-size: 16px;

}



/* ------------------------------------------------------- */



/* ------------------------------------------------------- */



/* --------------------------------------------- */

.abt-top-last {

    margin: 35px 0px;

}



.con-box {

    border-left: 1px solid purple;

    padding-left: 30px;

}



.contact-detail {

    box-shadow: 1px 1px 12px 1px #dadada;

    border-radius: 6px;

    padding: 30px;

    font-family: "Lato", sans-serif !important;

}



.contact-info ul li {

    list-style: none;

    margin-bottom: 10px;

    font-family: "Lato", sans-serif !important;

}



.contact-info ul a {

    color: black;

    text-decoration: none;

}



.contact-info ul {

    padding-left: 0;

}



/* ------------------contact------------------ */



/* --------------- sign ------------------- */

.sign-lr {

    padding: 3% 15%;

}



.form-title {

    color: #1caed1;

    margin-bottom: 20px;

}



.form-m {

    margin-bottom: 20px;

}



.sign-box {

    background-color: white;

    box-shadow: 1px 1px 12px 1px #d4d4d4;

    border-radius: 8px;

    padding: 20px;

}



.sign-form label {

    width: 100%;

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 10px;

    font-family: "Lato", sans-serif !important;

}



.sn h6 {

    text-align: center;

    color: #1caed1;

    font-size: 17px;

    padding: 8px;

}



.sign-form img {

    margin-right: 4px;

}



.sign-form input {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    margin-bottom: 10px;
    font-family: sans-serif;

}



.left-space {

    padding-left: 10px;

}



.sign-form select {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    font-size: 15px;

    margin-bottom: 10px;

}



.sign-form textarea {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    font-size: 15px;

    margin-bottom: 10px;

}



.sign-btn {

    margin-top: 8px;

    background-color: #a72a2a;

    color: white;

    border: none;

    padding: 6px 12px;

    border-radius: 6px;

    margin-bottom: 8px;

}



.sign-form p {

    font-size: 15px;

    margin: 10px 0px;

}



.sign-form a {

    text-decoration: underline;

}



::placeholder {

    font-size: 14px;

}



.cu-bs {

    justify-content: space-evenly;

    margin-bottom: 10px;

}



.cu-bs label {

    font-size: 18px;

    font-weight: 500;

}



.cu-top {

    padding-top: 3px;

}



/* --------------- sign ------------------- */



/* --------------------------------------------- */

.head-form {

    display: flex;

    background-color: rgba(0, 0, 0, 0.164);

    border-radius: 8px;

    padding: 20px 10px;

    justify-content: center;

}



.head-form .loc-select {

    margin-right: 10px;

}



.loc-select select {

    font-size: 14px;

    font-weight: 500;

    padding: 10px 50px 10px 8px;

}



.btn-locsub button {

    display: block;

    font-size: clamp(14px, 1.5vw, 18px);

    border: 1px solid #f1f1f1;

    border-radius: 5px;

    background: #9b0505;

    font-size: 15px;

    color: #fff;

    margin: 1px;

    padding: 8px 20px;

    cursor: pointer;

}



/* --------------------------------------------- */



/* ----------------------------------------------------------------- */

.blog-detail img {

    width: 80%;

    height: 300px;

    margin: 0px 0px 30px 0px;

}



.blog-detail .date {

    margin-top: 20px;

}



.blog-title {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 10px;

}



.blog-pra {

    font-size: 18px;

    margin-bottom: 20px;

}



.blog-detail ul {

    padding-left: 20px;

    margin-top: 20px;

}



.blog-detail ul li {

    list-style: decimal;

    line-height: 2;

    font-size: 18px;

}



/* ----------------------------------------------------------------- */





/* ------------------------------------------------------- */

.faq-title {

  text-align: center;

  font-size: 2rem;

  margin-bottom: 20px;

}



.faq-item {

  border-bottom: 1px solid #ddd;

  padding: 10px 0;

}



.faq-question {

  width: 100%;

  background: none;

  border: none;

  outline: none;

  text-align: left;

  font-size: 1.1rem;

  font-weight: 600;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 0;

}



.faq-question .icon {

  transition: transform 0.3s ease;

  font-weight: bold;

  font-size: 1.2rem;

}



.faq-answer {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s ease, padding 0.3s ease;

  padding: 0 0;

}



.faq-answer p {

  margin: 10px 0;

}



.faq-item.active .faq-answer {

  max-height: 200px; /* enough for content */

  padding: 10px 0;

}



.faq-item.active .faq-question .icon {

  transform: rotate(180deg);

  content: "–";

}



/* ------------------------------------------------------- */



/* ------------------------------------------------------- */



.go-corner {

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  width: 32px;

  height: 32px;

  overflow: hidden;

  top: 0;

  right: 0;

  background-color: #dba532;

  border-radius: 0 4px 0 32px;

}



.go-arrow {

  margin-top: -4px;

  margin-right: -4px;

  color: white;

  font-family: courier, sans;

}



.card1 {

  display: block;

  position: relative;

  background-color: #fff9eb;

  border-radius: 4px;

  padding: 32px 24px;

  margin: 12px;

  text-decoration: none;

  z-index: 0;

  overflow: hidden;

  text-decoration: none;

  color:black;

  height:100%;



  &:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: -16px;

    right: -16px;

    background: #dba532;

    height: 32px;

    width: 32px;

    border-radius: 32px;

    transform: scale(1);

    transform-origin: 50% 50%;

    transition: transform 0.25s ease-out;

  }



  &:hover:before {

    transform: scale(21);

  }

}



.card1:hover {

  p {

    transition: all 0.3s ease-out;

    color: rgba(255, 255, 255, 0.8);

  }

  h3 {

    transition: all 0.3s ease-out;

    color: #ffffff;

  }

}



.card2 {

  display: block;

  top: 0px;

  position: relative;

  max-width: 262px;

  background-color: #f2f8f9;

  border-radius: 4px;

  padding: 32px 24px;

  margin: 12px;

  text-decoration: none;

  z-index: 0;

  overflow: hidden;

  border: 1px solid #f2f8f9;



  &:hover {

    transition: all 0.2s ease-out;

    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);

    top: -4px;

    border: 1px solid #cccccc;

    background-color: white;

  }



  &:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: -16px;

    right: -16px;

    background: #00838d;

    height: 32px;

    width: 32px;

    border-radius: 32px;

    transform: scale(2);

    transform-origin: 50% 50%;

    transition: transform 0.15s ease-out;

  }



  &:hover:before {

    transform: scale(2.15);

  }

}



.card3 {

  display: block;

  top: 0px;

  position: relative;

  max-width: 262px;

  background-color: #f2f8f9;

  border-radius: 4px;

  padding: 32px 24px;

  margin: 12px;

  text-decoration: none;

  overflow: hidden;

  border: 1px solid #f2f8f9;

  

  .go-corner {

    opacity: 0.7;

  }



  &:hover {

    border: 1px solid #00838d;

    box-shadow: 0px 0px 999px 999px rgba(255, 255, 255, 0.5);

    z-index: 500;

  }

}



.card3:hover {

  p{color: #00838d}

  .go-corner {

    transition: opactiy 0.3s linear;

    opacity: 1;

  }

}



.card4 {

  display: block;

  top: 0px;

  position: relative;

  max-width: 262px;

  background-color: #ffffff;

  border-radius: 4px;

  padding: 32px 24px;

  margin: 12px;

  text-decoration: none;

  overflow: hidden;

  border: 1px solid #cccccc;

  

  .go-corner {

    background-color: #00838d;

    height: 100%;

    width: 16px;

    padding-right: 9px;

    border-radius: 0;

    transform: skew(6deg);

    margin-right: -36px;

    align-items: start;

    background-image: linear-gradient(-45deg, #8F479A 1%, #DC2A74 100%);

  }

  

  .go-arrow {

    transform: skew(-6deg);

    margin-left: -2px;

    margin-top: 9px;

    opacity: 0;

  }



  &:hover {

    border: 1px solid #CD3D73;

  }

  

  h3 {margin-top: 8px;}

}



.card4:hover {

  .go-corner {

    margin-right: -12px;

  }

  .go-arrow {

    opacity: 1;

  }

}

/* ------------------------------------------------------- */

.video iframe{

  width:100%;

  height:250px;

}