.bar .logo {
  max-height: 2.286em;
  max-width: none;
}

body{font-family: "neuzeit-grotesk", sans-serif;
font-weight: 400;
font-style: normal; }

.btn {border-radius: 400px !important;}
p{font-size:20px; opacity: 1;}

  .navik-header .logo img {
    width: auto;
    max-width: inherit;
    max-height: 38px !important;
  }


h2 + .btn, .h2 + .btn {
  margin-top: 0 !important;
}

.navik-menu ul li > a {
    text-transform: none !important;
}

#ctl00_ContentPlaceHolder1_Panel1 .col-md {
    margin-bottom: 5px;
    margin-top: 5px;
}

h1, h2, h3, h4, h5, h6 {
 font-family: "neuzeit-grotesk", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -1px;
}

h1, .h1 {
  font-size: 70px;
  line-height: .88;
  letter-spacing: -1.7px;
	font-weight: 600;
}
h1.motto {margin-bottom:5px;}
h3{ font-size:32px;}
h4, .h4 {
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1.7px;
	font-weight: 600;
}

h5{font-size: 24px; letter-spacing: 0px;}


.left-menu a.btn {margin-left:0px !important; margin-bottom: 5px; width: 100%}



  .navik-menu > ul > li > a {

    font-family: raleway;
    font-weight: 600;
    font-size: 14px;
  }



.feature-1 {
  min-height: 550px;
  letter-spacing: -.5px;
  font-size: 16px;

  border: 0px !important;
  backdrop-filter: blur(16px) saturate(90%);
  -webkit-backdrop-filter: blur(16px) saturate(107%);
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);
 
	padding:60px;
	padding-left: 60px;

 background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 35%, rgba(207,207,207,1) 150%); 

}



.home-2 {background-position:bottom right !important; background-size: contain !important; background-repeat:no-repeat !important}

.btn--primary {background-color: #7419ce  !important; border-radius:200px; border:0px !important}




.feature-1 .btn-bottom {position: absolute; /*bottom:60px;*/}

p .btn {font-size: 0.85714286em;}


input[type], textarea, select {

  border: 1px solid #e8e8e8; margin-bottom: 3px;
}




.RadMenu_WebBlue {
  padding: 0 30px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
  background: blue !important;
  line-height: 36px;
}


#ctl00_ContentPlaceHolder1_GrupCombo_wrapper{}
#ctl00_ContentPlaceHolder1_GrupCombo_Image, #ctl00_ContentPlaceHolder1_StatuCombo_Image, #ctl00_ContentPlaceHolder1_BolumCombo_Image {display:none;}
#ctl00_ContentPlaceHolder1_GrupCombo, #ctl00_ContentPlaceHolder1_StatuCombo_Input, #ctl00_ContentPlaceHolder1_BolumCombo_Input, #ctl00_ContentPlaceHolder1_GrupCombo_Input{display:block; height:40px !important;}



.GridPager_Telerik {
  background: #fff;
    background-color: rgb(255, 255, 255);
  height: 32px;
  color: #999;
}

.GridPager_Telerik {font-size:16px;}

.input-checkbox{width: 30px; height: 30px; border:solid 1px black}
#ctl00_ContentPlaceHolder1_CheckBox1 {width:16px !important; height: 24px !important; background:lightblue;}


.new-user-form input, .new-user-form select, .new-user-form textarea {margin-bottom: 5px;}
h5 span {font-weight:600 !important; font-size:18px;}

.ComboBox_ClassicGold::after{content: '\23f7';
  position: relative;
  z-index: 100;
  font-size: 18px;
  color: black;
  top: -32px;
  left: 170px;}

.left-menu a.btn{ display:block; margin-bottom:5px}


.GridRow_Telerik img {min-height:32px; width:auto;}



.RadGrid_Telerik td{font-family: "neuzeit-grotesk", sans-serif !important;
  font-style: normal;
  font-size: 12px !important;
  font-weight: 600 !important;}


.feature h4 + p {
  max-width: 100%;
}

.testimonial__image {border-radius:500px;}





.chart-page .feature__body {
    width: 100% !important
}


.astro {
    font-family: Astro !important;
}

p.birth-data {
    margin-bottom: 10px !important;
    line-height: 30px;
}

.birth-data * {
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
}

.birth-data span {
    font-size: 30px;
    line-height: 30px;
    vertical-align: middle;
}

    .birth-data span:last-child {
        position: absolute;
        right: 20px;
    }

.chart-table th, .chart-table td {
    background: transparent !important;
    padding: 0.42em;
    font-weight: 600;
}

span.house {
    display: block;
    text-align: center
}

.astro-info {
    padding: 5px !important
}

span.sub-text {
    font-size: 3.5vmax;
    line-height: automatic;
    font-family: DM Sans;
    position: relative;
    top: 35px;
    font-weight: 700;
    letter-spacing: -2.5px; /*color:#b106ff !important; */
}
/*span.sub-text::before {content: "";text-shadow: 0 1px 0 #dba1a1, 0 2px 0 #d89999, 0 3px 0 #d59292, 0 4px 0 #d28a8a, 0 5px 0 #cf8383, 0 6px 0 #cd7c7c, 0 7px 0 #ca7474, 0 8px 0 #c76d6d, 0 0 5px rgba(230, 139, 139, .05), 0 -1px 3px rgba(230, 139, 139, .2), 0 9px 9px rgba(230, 139, 139, .3), 0 12px 12px rgba(230, 139, 139, .3), 0 15px 15px rgba(230, 139, 139, .3);}*/


span.house {
    display: block;
    text-align: center
}

span.sub-text {
    font-size: 3.5vmax;
    line-height: automatic;
    font-family: DM Sans;
    position: relative;
    top: 35px;
    font-weight: 700;
    letter-spacing: -2.5px; /*color:#b106ff !important; */
}
/*span.sub-text::before {content: "";text-shadow: 0 1px 0 #dba1a1, 0 2px 0 #d89999, 0 3px 0 #d59292, 0 4px 0 #d28a8a, 0 5px 0 #cf8383, 0 6px 0 #cd7c7c, 0 7px 0 #ca7474, 0 8px 0 #c76d6d, 0 0 5px rgba(230, 139, 139, .05), 0 -1px 3px rgba(230, 139, 139, .2), 0 9px 9px rgba(230, 139, 139, .3), 0 12px 12px rgba(230, 139, 139, .3), 0 15px 15px rgba(230, 139, 139, .3);}*/



span.house {
    display: block;
    text-align: center
}


span.sub-text {
    font-size: 3.5vmax;
    line-height: automatic;
    font-family: DM Sans;
    position: relative;
    top: 35px;
    font-weight: 700;
    letter-spacing: -2.5px; /*color:#b106ff !important; */
}
/*span.sub-text::before {content: "";text-shadow: 0 1px 0 #dba1a1, 0 2px 0 #d89999, 0 3px 0 #d59292, 0 4px 0 #d28a8a, 0 5px 0 #cf8383, 0 6px 0 #cd7c7c, 0 7px 0 #ca7474, 0 8px 0 #c76d6d, 0 0 5px rgba(230, 139, 139, .05), 0 -1px 3px rgba(230, 139, 139, .2), 0 9px 9px rgba(230, 139, 139, .3), 0 12px 12px rgba(230, 139, 139, .3), 0 15px 15px rgba(230, 139, 139, .3);}*/


.air {
    color: #22BDC9 !important
}

.earth {
    color: #EBB66A !important
}

.fire {
    color: #F75F3E !important
}

.water {
    color: #2B75FF !important
}


.grd6{background: hsla(0, 0%, 95%, 0.6) !important;
background: radial-gradient(circle, hsla(0, 0%, 95%, 0.6) 16%, hsla(0, 0%, 80%, 0.6) 100%) !important;
background: -moz-radial-gradient(circle, hsla(0, 0%, 95%, 0.6) 16%, hsla(0, 0%, 80%, 0.6) 100%) !important;
background: -webkit-radial-gradient(circle, hsla(0, 0%, 95%, 0.6) 16%, hsla(0, 0%, 80%, 0.6) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99F2F2F2", endColorstr="#99CCCCCC", GradientType=1) !important;

backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);

border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


/* Container for the glass effect */

/* Table styles */
.chart-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: hsla(0, 0%, 100%, 0.8); /* White background for the table */
    border-radius: 10px;
    overflow: hidden;
}

.chart-table th,
.chart-table td {
    padding: 10px;
    text-align: left;
    color: #333;
}

.chart-table th {
    background: hsla(0, 0%, 95%, 0.8); /* Light gray background for headers */
    font-weight: bold;
}

.chart-table tr td {
    border-bottom: 1px solid hsla(0, 0%, 80%, 0.6); /* Pale underline for rows */
}

.chart-table tr:last-child {
    border-bottom: none;
}

ul.list {font-size: 18px;
  line-height: 2;
  margin-left: 30px;
  list-style: disclosure-closed; }


.feature-5 .feature__body {
	width: 100%;}
.qr-bg {
  position: relative; /* Ensure the pseudo-element is positioned absolutely relative to this */
  overflow: hidden;   /* This actually hides the overflowing pseudo-element content */
}

.qr-bg::before {
  content: "";
  background-image: url(../images/bg-qr-box.png);
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
 right: -150px; mix-blend-mode: overlay;
}

.gradient-green {
  background: radial-gradient(circle at right bottom, 
    #79F096 -10%,      /* Light Green */
      #60C079 20%,    /* Iguana Green */
      #2C7B8C 50%,    /* Teal Blue */
      #000000 100%    /* Black */
  );}




.gradient-blue {
  background: radial-gradient(circle at right bottom, 
    #4A90E2 -10%,      /* Sky Blue */
    #357ABD 20%,       /* Deep Sky Blue */
    #2A4E79 50%,       /* Navy Blue */
    #000000 100%       /* Black */
  );
}

.gradient-orange {
  background: radial-gradient(circle at right bottom, 
    #FFA726 -10%,      /* Light Orange */
    #F57C00 20%,       /* Orange */
    #BF360C 50%,       /* Burnt Orange */
    #000000 100%       /* Black */
  );
}

.gradient-pink {
  background: radial-gradient(circle at right bottom, 
    #F48FB1 -10%,      /* Light Pink */
    #D81B60 20%,       /* Hot Pink */
    #880E4F 50%,       /* Deep Pink */
    #000000 100%       /* Black */
  );
}

.gradient-purple {
  background: radial-gradient(circle at right bottom, 
    #AB47BC -10%,      /* Light Purple */
    #8E24AA 20%,       /* Medium Purple */
    #4A0072 50%,       /* Deep Purple */
    #000000 100%       /* Black */
  );
}

.gradient-yellow {
  background: radial-gradient(circle at right bottom, 
    #FFEB3B -10%,      /* Light Yellow */
    #FBC02D 20%,       /* Medium Yellow */
    #F57F17 50%,       /* Dark Yellow */
    #000000 100%       /* Black */
  );
}



.bg--dark p strong {color:#fff;}
.freelancer .feature-1 {min-height: inherit !important}


.social-buttons a {
 
  border-radius: 50px !important;
}


h1, .h1 {
  font-size: clamp(24px, 6vw, 70px); /* Minimum 24px, scales with viewport width, maximum 70px */
  line-height: clamp(1, 0.88, 0.88); /* Line height adjusted dynamically */
  letter-spacing: clamp(-1px, -0.25vw, -1.7px); /* Letter spacing adapts to screen size */
  font-weight: 600;
}
.cta-button{font-size:22px;}