body{
    font-family: Kanit, sans-serif;
    font-size: 1.25rem;
  }
  
  
  
  
  .z-index-sticky {
      z-index: 1020;
  }
  
  .blur.blur-rounded {
      border-radius: 15px;
  }
  
  .blur {
      box-shadow: inset 0 0 2px #fefefed1;
      -webkit-backdrop-filter: saturate(200%) blur(30px);
      backdrop-filter: saturate(100%) blur(20px);
      background-color: hsla(0,0%,100%,.8)!important;
  }

  .blur-barra {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(100%) blur(20px);
    background-color: hsla(0,0%,100%,1)!important;
}
  
  
  
  .shadow-none {
      box-shadow: none!important;
  }
  
  .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
      display: block;
      position: relative;
      width: 22px;
      height: 1px;
      border-radius: 1px;
      background: #003366;
      transition: all .2s;
      margin: 0 auto;
  }
  
  .navbar-toggler-bar.bar1 {
    margin-top: 3px !important;
  }
  
  .navbar-toggler-bar.bar2, .navbar-toggler-bar.bar3  { 
  margin-top: 7px !important;
  }
  
  .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 {
      transform: rotate(
  45deg
  );
      transform-origin: 10% 10%;
      margin-top: 5px !important;
  }
  
  .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 {
      opacity: 0;
  }
  
  .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 {
      transform: rotate(
  -45deg
  );
      transform-origin: 10% 90%;
      margin-top: 3px!important;
  }
  
 .nav-link-active, .nav-link:active {
   color: #ff7b00!important;
 }
  
  .page-header .container {
      z-index: 1;
  }
  
  .page-header {
        padding: 0;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      background-size:cover;
      background-position: 50%;
  }
  
  .min-vh-75 {
      min-height: 75vh!important;
  }
  
  .mask {
      position: absolute;
      background-position: 50%;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,1));
  }
  
  .bg-cover, .mask {
      background-size: cover;
  }
  
  .bg-gradient-primary {
      background-image: linear-gradient(310deg,#7f390b,#c99a00);
  }
  
  .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
      padding-right: var(--bs-gutter-x, 1.5rem);
      padding-left: var(--bs-gutter-x, 1.5rem);
  }
  
  .mt-n5 {
      margin-top: -3rem!important;
  }

  .mt-n7 {
    margin-top: -6rem!important;
}
  
  .h1, h1 {
      font-size: 3rem;
      line-height: 1;
      font-family: "Kanit";
      }
  
  h2, .h2 {
    font-size: 2.7rem;
      line-height: 1.25;
      font-family: "Kanit";
  }
  
  .h1, .h2, h1, h2 {
      font-weight: bold;
  }
  
   .waves {
      position: relative;
      width: 100%;
      height: 16vh;
      margin-bottom: -7px;
      min-height: 100px;
      max-height: 150px;
  }
  
  @media (max-width: 767.98px){
  .waves {
      height: 40px;
      min-height: 40px;
  }
  }
  
  .moving-waves>use {
      animation: d 40s cubic-bezier(.55,.5,.45,.5) infinite;
  }
  
  .moving-waves>use:first-child {
      animation-delay: -2s;
      animation-duration: 11s;
  }
  
  .moving-waves>use:nth-child(2) {
      animation-delay: -4s;
      animation-duration: 13s;
  }
  
  .moving-waves>use:nth-child(3) {
      animation-delay: -3s;
      animation-duration: 15s;
  }
  
  .moving-waves>use:nth-child(4) {
      animation-delay: -4s;
      animation-duration: 20s;
  }
  
  .moving-waves>use:nth-child(5) {
      animation-delay: -4s;
      animation-duration: 25s;
  }
  
  .moving-waves>use:nth-child(6) {
      animation-delay: -3s;
      animation-duration: 30s;
  }
  .moving-waves>use {
      animation: d 40s cubic-bezier(.55,.5,.45,.5) infinite;
  }
  
  @keyframes d {
    0%{
      transform:translate3d(-90px,0,0)
    }
    to{
      transform:translate3d(85px,0,0)
    }
  }
  
  
  #logo {
  line-height: 0;
  font-size: 0.9rem;
  }
  
  .nav-link{
  color:#ffae00;
  font-size: 1.3rem;
  font-weight: 200;
  }
  
  .nav-link:hover{
  color:rgb(224, 166, 5);
  }
  
  
  
  .border-radius-xl {
      border-radius: 1rem;
  }
  .shadow-blur {
      box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05)!important;
  }
  
  .z-index-2 {
      z-index: 2!important;
  }
  
  .mt-n10 {
      margin-top: -12rem!important;
  }
  
  hr.vertical.dark, hr.vertical-sm {
      background-image: linear-gradient(
  180deg,transparent,rgba(0,0,0,.4),transparent);
  }
  
  hr.vertical {
      position: absolute;
      background-color: transparent;
      height: 100%;
      right: 0;
      top: 0;
      width: 1px;
  }
  
  hr.vertical-sm {
      position: absolute;
      background-color: transparent;
      height: 3rem;
      right: 0;
      top: 0;
      width: 1px;
  }
  
  
  .h4, .h6, h4, h6 {
      font-weight: bold;
      
  }
  
  
  
  .text-gradient.text-primary {
      background-image: linear-gradient(
  310deg,#975804,#dda900);
  }
  .text-gradient {
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
      z-index: 1;
  }
  
  h5, .h5 {
      font-size: 1.2rem;
      font-weight: 200;
      font-family: Kanit light, sans-serif;
  }
  
   
  p {
    font-family: Kanit regular, sans-serif;
    color:grey;
     
  }

  .text-sm {
    font-size: 1.1rem!important;
    line-height: 1.5rem;
    color:grey;
    font-family: Kanit thin, sans-serif;
    font-weight: bold!important;
}
  
  .text-xsm{
  font-size: .875rem;
  font-weight: 100;
  font-family: Kanit Light;
  
  }
  
  .card.card-background {
      align-items: center;
  }
  
  .card.card-background:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
    content: "";
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
    border-radius: 1rem;
}

  .card-body {
      flex: 1 1 auto;
      padding:1.5rem;
  }
  
  .card.card-background .full-background {
      background-position: 50%;
      background-size: cover;
      margin-bottom: 30px;
      width: 100%;
      height: 100%;
      position: absolute;
      border-radius: 1rem;
  }
  
  .card.card-background .card-body {
      color: #fff;
      position: relative;
      z-index: 2;
  }
  
  .pt-7 {
      padding-top: 6rem!important;
  }

  .pt-12 {
    padding-top: 16rem!important;
}

  
  .tilt {
      transform-style: preserve-3d;
  }
  
  .move-on-hover {
    transition: .2s ease-out;
    overflow: hidden;
    transform-origin: 50% 0;
    transform: perspective(999px) rotateX(
0deg
) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,box-shadow;

  }

 .move-on-hover:hover{transform:perspective(999px) rotateX(7deg) translate3d(0,-4px,5px)}

  
  .card {
    box-shadow: 0 0px 25px 0 rgb(0 0 0 / 15%);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
  }

.partner {
padding-top:15px;    
padding-bottom:15px;    
}

.bg-gray-900 {
    background-color: #212529!important;
}

.bg-gray-700 {
  background-color: #2f353b!important;
}

  .tilt .up {
    transform: translateZ(100px) scale(0.95)!important;
    transition: all .5s;
  }
  
  .black-test {
    color: #000;
  }
  
  .mt-6 {
      margin-top: 4rem!important;
  }
  
  .badge-primary {
    color: #FFF;
    background-color: #926004;
}

  
  .btn {
      margin-bottom: 1rem;
      text-transform: uppercase;
      box-shadow: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);
      background-size: 150%;
      background-position-x: 25%;
  }
  
  .btn.bg-gradient-primary{
    color:#FFF;
  }
  
  .footer-link {
    font-size:1rem;
}
  
  @media (min-width: 992px) {
  .ms-lg-5 {
      margin-left: 3rem!important;
  }
  
  .mt-7 {
    margin-top:7rem;
  }
}
  
  @media (max-width: 768px){
    #titolo{
        font-size: 3.5rem;
        
        letter-spacing: 0.1rem;
        
        
  }
  .mt-7 {
    margin-top:3rem;
  }
.footer-link {
    font-size: 0.8rem;
}
h2, .h2 {
    font-size: 2rem;
      line-height: 1.25;
        }
#logo_img, #logo {
            width:80%;
        }
        }
  
@media (min-width: 768.1px){
    #titolo {
        font-size: 5rem;
        letter-spacing: 0.1rem;
         }
    h3 {
font-size: 2rem; 
    }

    
}  

    

.position-relative {
      position: relative!important;
  }
  
  .overflow-hidden {
      overflow: hidden!important;
  }
  
  .py-7 {
      padding-top: 6rem!important;
      padding-bottom: 6rem!important;
  }

  .pt-10 {
    padding-top: 12rem!important;
  }

  .pb-10 {
    padding-bottom: 10rem!important;
  }
  
  
  .mt-n3 {
      margin-top: -1rem!important;
  }

  .mb-n3 {
    margin-bottom: -2rem!important;
}
  
  @media (min-width: 992px) {
  .py-lg-10 {
      padding-top: 12rem!important;
      padding-bottom: 12rem!important;
  }

@media (min-width: 2200px) {
  .py-lg-10 {
      padding-top: 18rem!important;
      padding-bottom: 16rem!important;
  }
}

  #project_radiance{
  width:60%;
  }}
  
  .btn-primary {
    color: #fff;
    background-color:#c79200 ;
    }
  
  .btn-primary:hover {
    color: #fff;
    background-color:#d17701 ;
    }
  
.bg-gradient-dark {
    background-image: linear-gradient(
310deg,#975804,#dda900);
}

.kanit-light {
	font-family: Kanit Thin;	
}

.opacity-5{
    opacity: 0.5;
}

.opacity-6{
    opacity: 0.6;
}

.opacity-3{
    opacity: 0.3;
}

svg.text-primary .color-background  {
fill: #030f30;
}

@media (min-width: 992px) {
.col-lg-7 { 
width:65%;    
}
.pb-lg-8{
    padding-bottom: 10rem!important;
}
.mt-lg-n8{
    margin-top: -8rem!important;
}
.mb-lg-auto{
    margin-bottom: auto!important;
}
.border-radius-bottom-end-lg-0 {
    border-bottom-right-radius: 0!important;
}
.border-radius-top-end-lg-0 {
    border-top-right-radius: 0!important;
}
.border-radius-top-start-lg-0 {
    border-top-left-radius: 0!important;
}
.border-radius-bottom-start-lg-0 {
    border-bottom-left-radius: 0!important;
}
}


.lightblue {
color:#6fcaff;
}

.py-sm-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .card .card-header {
    padding: 1.5rem;
}
.card-header:first-child {
    border-radius: 1rem 1rem 0 0;
}
.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0 solid rgba(0,0,0,.125);
}

.card{
    border-radius: 1rem;
}


.hr-gradient {
    background-image: linear-gradient( 
90deg,transparent,rgba(2, 23, 82, 1),transparent);
background-color:transparent;  
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
    
    .mt-lg-n7 {
        margin-top: -3rem!important;
        margin-bottom: -3rem!important;
    }
    }



.min-vh-85 {
    min-height: 70vh !important;
    margin-top:6rem;
    margin-bottom:8rem;
  }

  .border-radius-section {
    border-radius: 10rem;
  }

  .border-top-start-radius-0 {
    border-top-left-radius: 0;
  }

  .border-top-end-radius-0 {
    border-top-right-radius: 0;
  }

  .border-bottom-end-radius-0 {
    border-bottom-right-radius: 0;
  }

  .z-index-0 {
    z-index: 0 !important;
  }

  .justify-content-center {
    justify-content: center !important;
  }

  .flex-column {
    flex-direction: column !important;
  }

  .d-flex {
    display: flex !important;
  }

  @media (min-width: 992px) {
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
  }

  .card {
    border-radius: 1rem;
  }

  @media (max-width: 768px) {
    .mt-8 {
      margin-top: 8rem !important;
    }
  }

  label {
    font-size: 0.8rem;
  }

  .form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d6da;
    appearance: none;
    border-radius: .5rem;
    transition: box-shadow .15s ease, border-color .15s ease;
  }

  .error {
    background-color: #FF6600;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
  }

  .success {
    background-color: #12CC1A;
    border: #0FA015 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
  }

  .rounded-3 {
    border-radius: .75rem!important;
}