@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@700&family=Noto+Sans:wght@400;500;600;700;800;900&display=swap');

html {
  scroll-behavior: smooth;
}
*{box-sizing: border-box;font-family: 'Noto Sans', sans-serif;}body{padding: 0;margin: 0;}p{font-size: 18px !important;line-height: 1.7 !important;margin: 10px 0 !important;}.nc6se-wrap{width: 100%;max-width: 1155px;margin: auto;}a{text-decoration: none !important;}.nc6se-heading{font-family: 'Kanit', sans-serif !important;font-size: 30px !important;font-weight: 700;}
/*navbar*/

.nav-link{color: #000 !important;}.nav-link-b:hover{transition: 0.5s;color: #18605d !important;}
.navbar-toggler{color: #fff;}
/**/
.navbar {
  background: #FFF;
  border-radius: 84px;
  padding: 14px 24px;
  margin-top: 30px;
    margin-left: 60px;
    margin-right: 60px;
}
.scrolled {
  background-color: #dedede; /* Change this to the desired background color */
  transition: background-color 0.3s ease-in-out;
  margin: 0;
  border-radius: 0;
}
.navbar-brand {
  margin-right: 15px; /* Add space between the logo and the menu items */
}

.navbar-brand img {
  max-height: 40px; /* Adjust the logo's max height as needed */
}
.navbar-light .navbar-toggler-icon{
    background-image: url("../image/toggle.webp") !important;
}
.navbar-light .navbar-toggler{
    border-color: #fff !important;
}
.navbar-brand img{max-width: 280px;}


/*banner*/
.nc6se-bnr {background-image: url("../image/n-banner.png");background-position: center;background-repeat: no-repeat;background-size: cover;padding: 130px 0 80px 0;}
  .nc6se-bnr-h1{font-size: 45px;font-weight: 700;}.btn-sy{background-color: #2abbca !important;color: #fff !important;border: #2abbca 2px solid !important;font-weight: 600 !important;padding: 10px 25px !important;font-size: 16px !important;}
  @keyframes rotateEffect {
    0% {
      transform: rotate(0deg); 
    }
    50% {
      transform: rotate(10deg); 
    }
    100% {
      transform: rotate(0deg); 
    }
  }
  @keyframes toptobottom {
    0% { transform: translateY(0); }
    
    100% { transform: translateY(20px); }
  }
  .nc6se-bnr-bk{top: 60px;right: 75px;}  
    .nc6se-bnr-cir{
      animation: rotateEffect 5s infinite linear;
    }
   

 /*about*/
 .nc6se-about{padding: 30px 10px;}.nc6se-p{text-transform: uppercase;font-size: 17px !important;color: #18605d;font-weight: 700 !important;}
.nc6se-about-icon{top: 20%;right: 0px;animation-name: toptobottom;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;}

/*services*/
.nc6se-service-hv:hover{background-image: url("../image/bg.webp");background-position: center;background-repeat: no-repeat;background-size: cover;color: #fff;transition: 0.8s;border-radius: 10px;}details{margin-top: 15px !important;}
.nc6se-service-top {
  border-radius: 10px;
  transition: 0.5s;
  padding: 15px;
  background-color: #0000001a;
  border-radius: 10px;
}
.nc6se-service-top .nc6se-service-wrap {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 10px;
  transition: all 0.5s ease-out;
}
.nc6se-service-top .nc6se-service-wrap img {
  border-radius: 10px;
  transition: all 0.5s ease-out;
}
.nc6se-service-top .nc6se-service-content {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.56%, rgba(0, 0, 0, 0.6) 60.06%, #000000 90.25%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: unset;
  padding: 30px 20px;
  border-radius: 10px;
  display: flex
;
  justify-content: end;
  flex-direction: column;
  z-index: 9;
  transition: 0.5s;
}
.nc6se-service-top .nc6se-service-wrap::after {
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  z-index: 1;
}
.nc6se-service-top:hover .nc6se-service-wrap img {
  transform: scale(1.1);
}
.nc6se-service-top:hover .nc6se-service-wrap::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.nc6se-service-content a:hover{border-bottom: #2abbca solid 1px;}.nc6se-service-mt{margin-top: 30px;}
/*service-bk*/
.nc6se-service-clr{background-color: #d5cae8;}.nc6se-service-bk-head{color: #2abbca;font-size: 22px;}.nc6se-service-bk{padding: 0px 10px 20px 10px;}.tab-content-bk{background-color: #efefef !important;color: #000 !important;}.nc6se-service a{font-size: 20px;color: #000;transition: 0.5s;}
/*achivements*/
.nc6se-achi{padding: 30px 10px;}.progress-bar-per{animation: mymove 5s infinite;}@keyframes mymove{ 0%{opacity: 0;}
25%  {opacity: 0;}
50%  {opacity: 0;}
75%  {opacity: 1;}
100% {opacity: 1;}}
.progress-bar{background-color: #18605d !important;}
.nc6se-headings{font-size: 30px;font-weight: 700;max-width: 700px;margin: auto;}

  .nc6se-vam-blk {
    position: relative;
}
/*@keyframes pulseY {
  0% {
    transform: scaleY(1); 
  }
  50% {
    transform: scaleY(1.1); 
  }
  100% {
    transform: scaleY(1); 
  }
}*/


/*strip*/
.nc6se-stp{background-image: url('../image/n-strip.webp');padding: 60px 10px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.nc6se-bnr-mb{display: none;}
/*footer*/
.nc6se-footer a{color: #fff;}.nc6se-footer a:hover{color: #dedede;}.footer-nav:hover{opacity: 0.8 !important;transition: 0.5s;padding-bottom: 2px !important;}.nc6se-footer{background-color: #000;}
/*why*/
.nc6se-why{padding: 30px 10px;background-color: #e9e4e3;}
/*mid*/
.nc6se-mid{background-image: url('../image/n-footer.png');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 180px 10px 120px 10px;background-color: #252525;}

/*review*/
.nc6se-tst-blk{background-color: #fff !important;}.carousel-indicators li{background-color: #fff !important;}.carousel-indicators{bottom: -45px !important;}.nc6se-tst{background-color: #f2fbff;}
.nc6se-achi-img1{position: relative;height: 500px;}
.carousel-control-prev{left: -60px !important;}.carousel-control-next{right: -50px !important;}

.desk-nn{display: none;}.mob-nn{display: block;}
/*contact-page-css*/
.nc6se-contact{padding: 30px 10px;}
input[type=text], select, textarea {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
  }
  input[type=submit] { background-color: #d05932; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
  input[type=submit]:hover {background-color: #e69479;}

/*media-query*/
@media only screen and (max-width:1200px){.nc6se-bnr-cir{display: none;animation: none;}.nc6se-bnr-mb{display: block;}.nc6se-bnr-bk{display: none;}
}
@media only screen and (max-width:1000px){
  .nc6se-bnr-h1{font-size: 35px;}.nc6se-bnr-cir{display: none;animation: none;}.nc6se-bnr-mb{display: block;}.nc6se-bnr-bk{display: none;}
}
@media only screen and (max-width:920px){
  .nc6se-bnr-h1{font-size: 35px;}.nc6se-bnr-cir{display: none;animation: none;}.nc6se-bnr-mb{display: block;}.nc6se-bnr-bk{display: none;}
}
@media only screen and (max-width:767px){
    .nc6se-rev-dir{flex-direction: column-reverse;}.mob-cntr{text-align: center;}.nc6se-bnr-h1{font-size: 30px;}.nc6se-bnr{padding: 80px 10px 60px 10px;}.nc6se-bnr-blk{padding: 20px;}.desk-nn{display: block;}.mob-nn{display: none;}.nc6se-bnr-txt{padding: 20px 10px !important;}.nc6se-dir-rev{flex-direction: column-reverse;}.navbar-brand img{max-width: 250px;}.image1{display: none;}.navbar{margin-top: 0;margin-left: 0;margin-right: 0;border-radius: 0;}.nc6se-bnr1{left: 0;}.nc6se-t{margin-top: 20px;}.nc6se-bnr-cir{display: none;animation: none;}.nc6se-bnr-mb{display: block;}.nc6se-bnr-bk{display: none;}.nc6se-service-top{margin-top: 0;}.nc6se-mt{margin-top: 20px;}
}
@media only screen and (max-width:520px){
  .nc6se-bnr-h1{font-size: 35px;}.nc6se-bnr-blk{padding: 15px;}.nc6se-headings{font-size: 28px !important;}.nc6se-achi-img1{position: relative;height: 450px;}
}