:root,
[data-bs-theme=light] {
  --primary-content-bg:white;
  --primary-dropdown-bg:white;
  --primary-border-button-color:#17191c;
  --primary-border-button-text-color:white;

  --bs-body-bg: #1b1f2300;
  --primary-text-color: ;

  --content-background: #ebf2f2;
  --footer-background:dark;

}

[data-bs-theme=dark] {
  --primary-content-bg:#2b2f33;
  --primary-dropdown-bg:#17191c;
  --primary-border-button-color:white;
  --primary-border-button-text-color:#17191c;

  --bs-body-bg: #1b1f23;
  --primary-text-color:white;

  --content-background: #2b2f33;
  --footer-background: dark;

}


[data-bs-theme=light] svg#logo text{
  fill: #6db33f !important;
}

[data-bs-theme=dark] svg#logo text{
  fill: white !important;
}

/* GlobalStyle Starts */
.primarylinktext{
  color: var(--primary-text-color);
}
.primarylinktext:hover{
  color: green;
}

.titleUnderline{
  position: relative;
  max-width: max-content;
}
.titleUnderline::after{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background:linear-gradient(to right, #437025, #6db33f) ;
  border-radius: 100px;
  content: "";
  border: #6db33f;
}

.styleUnderline{
  position: relative;
  max-width: max-content;
}
.styleUnderline::after{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 70%;
  background:linear-gradient(to right, #437025, #6db33f) ;
  border-radius: 100px;
  content: "";
  border: #6db33f;
}

.top-athisoft-alert{
  height: 40px;
  position: relative;
}

footer .list-group-item {
  background: none;
}

.top-athisoft-alert div {
  background-color: #6db33f;
  color: whitesmoke;
  font-size: 16px;
  left: 0;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 99;
}

.top-athisoft-alert div a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

/* NavigationBar */
nav.navbar{  /* Thin underline Line */
position: relative;
  margin:0;
  padding: 0;
  align-items: stretch;
}
nav.navbar::after{ /* Thin underline Line */
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: white;
  transform: scaleY(0.1);
  transform-origin: bottom;
}

.form-check-input:checked {
  background-color: #6db33f;
  border-color: #6db33f;
}

.dropbtn{
  font-size: 19px;
  font-weight: 600;
  color: inherit;
}

.dropbtn{
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown-content{
  display: none;
  position: absolute;
  background-color: var(--primary-dropdown-bg);
  min-width: 240px;
  z-index: 3;
  text-align: start;
  left: 0;
  list-style: none;

  padding: 0;
  margin: 0;
  border-radius: 6px;
  padding: 25px 20px 25px 20px;
}

/* Shows Dropdown when hover over main button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Glow Effect */
[data-bs-theme="light"] .dropdown:hover .dropdown-content {
    box-shadow: 
    /* Left shadow + glow (no top) */
    -8px 8px 12px -4px rgba(0, 0, 0, 0.1),
    -8px 0 8px -4px rgba(16, 80, 3, 0.253),

    /* Right shadow + glow (no top) */
    8px 8px 12px -4px rgba(0, 0, 0, 0.1),
    8px 0 8px -4px rgba(16, 80, 3, 0.253),

    /* Bottom shadow + glow (centered) */
    0 8px 16px -4px rgba(0, 0, 0, 0.1),
    0 6px 8px -4px rgba(16, 80, 3, 0.253);
  
}


.dropdown-content a{
  color: inherit;
  padding: 6px 20px;
  text-decoration: none;
  font-size: 20px;
  display: block;
}

.dropdown-content a:hover {
  color: green;
  
}
/* Bootstrap Default Mobile Navgiation Toggler */

/* NavigationBar End*/

/* Main CoverIMAGE Starts */

.maincover{
  background-color: var(--primary-content-bg);
}

.coverparent{
  margin-top:100px !important;
}

.rightsidecol{
  position: relative;
}

.rightimg {
position: relative;

}

.founder {
  position: absolute;
  top: 50%;
  left: 50%;
  translate:-50% -50% ;
  text-align: center;
  z-index: 2;

}

/* Key change: Switch from height-based clamp to width-based */
.founder-image {
margin-top: 30px;
filter: drop-shadow(1px 1px 200px white);
}

.founder p {
  padding: 0;
  margin-top: 0.5rem;
  font-weight: bold;
  white-space: nowrap;
  font-size: clamp(1.125rem, 1.02rem + 0.39vw, 1.375rem);
}

.founder-image-glow {
  margin-top: 30px;
  margin-bottom: 10px;
  filter: drop-shadow(1px 1px 5px white);
}

p.smallfounderscreen{
  font-weight: bold;
  white-space: nowrap;
  font-size: clamp(0.938rem, 0.841rem + 1.54vw, 1.25rem);
}

.maincover .col-12{
overflow: hidden;
}


.fs-fluid{
  font-size: clamp(1.25rem, 1.08rem + 2.73vw, 3.125rem);
  font-weight: 600;
}

/* CoverButton Effects */
a.mybutton{
  display: inline-block;
  padding: 0.625rem 2.20rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  border: 0.20rem solid var(--primary-border-button-color);
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease, white 0.3s ease;
}

a.mybutton::before{
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--primary-border-button-color);
  transition: left 0.3s ease-in-out;
  z-index: -1;
}

a.mybutton:hover{
  color: var(--primary-border-button-text-color);
  border-color: var(--primary-border-button-color);
  
}

a.mybutton:hover::before{
  left: 0;
}
/* CoverButton Effects End*/




/* GlobalStyle Ends */




/* Mobile NavigationBar Start */

/* Extra Small Device 0 to 576px to Medimum Devie 0 to 767.98 */
@media (max-width: 767.98px) {

  /* NavigationBar */
nav.navbar{  /* Thin underline Line */
    position: relative;
    margin:0;
    padding: 0;
    align-items: stretch;
  }
  nav.navbar::after{ /* Thin underline Line */
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
    transform: scaleY(0.1);
    transform-origin: bottom;
  }
  .navbar-toggler{
    border: none;
    flex-shrink: 1;                /* Allow it to shrink if needed */
  }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0;
  }

  /* Animation on click Spin with Jqury*/
@keyframes spinOnce {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.navbar-toggler-icon.rotated {
  animation: spinOnce 0.5s ease-in-out;
}
/*End Animation on click Spin with Jqury*/

  .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    display: flex;
    flex-direction: column;
    align-items: center;  
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
  }

  /* Animated UnderLine Start */
  .nav-link{
    font-size:x-large ;
    position: relative;
    display: inline-block;
    color: inherit;
    text-decoration: none; 
  }

  .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* sits just below the text */
    width: 0%;
    height: 2px;
    background-color: #6db33f; /* your chartreuse-like green */
    transition: width 0.3s ease;
  }

  .nav-link:hover::after{
    width: 100%;
  }
 /* Animated UnderLine End */


 .coverparent{
  margin-top:40px !important;
}

}

/* Small Below width 319.98px */
@media (max-width:319.98px) {

/* CoverButton Effects */
a.mybutton{
  padding: 0.325rem 1.20rem;
  font-size: 0.625rem;
  font-weight: 500;
  border: 0.20rem solid var(--primary-border-button-color);

}

}
/* End Small Below width 319.98px */

/* Small to Medium Devices */
@media (min-width:320px) and (max-width:768px) {

/* CoverButton Effects */
a.mybutton{
  padding: 0.625rem 2.20rem;
  font-size: 0.925rem;
  font-weight: 500;
  border: 0.20rem solid var(--primary-border-button-color);
}

}
/* Small to Medium Devices Ends*/

/* Mobile NavigationBar End */



/* Features CSS Starts */

.features-img {
  width: 100px;
  max-width: 120px;
  object-fit: contain;
  padding: 10px;
  margin: 0 auto;
  fill: var(--primary-border-button-color);
}

.features .border2{
  border-radius: 10px;
  border: 1px solid white;
  padding: 10px 0px 30px ;
  transition: border 0.3s ease-out;
}

.features .border2:hover{
  border: 1px solid #6db33f;
}

.features .border p{
  font-weight: 500;
  font-size: medium;
  
}

/* Features CSS Ends */

/* Testimonals Started */

.testimonial img{
  max-width: 150px;
}

/* Testimonals End */

.upcoming{
  color: var(--primary-text-colorr);
  background-color: var(--content-background);
}

/* OLD CSS START */
@media (max-width: 768px) {
  .carousel-inner,
  .carousel-item {
    height: 250px;
  }

  ul.navbar-nav.navbar-right li a.select1:hover {
    background: #0000003a;
    border-bottom: solid rgb(2, 97, 2);
  }

  nav ul.navbar-nav.navbar-right li a {
    padding-left: 15px;
  }

}

@media (min-width: 1024px) {
  .carousel-inner,
  .carousel-item {
    height: 500px;
  }

  .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

div.d-flex.gap-2.col-12 button.btn.border:hover {
  background-color: green;
  color: white;
}

footer div.col-md-4.my-4 ul.list-group li.list-group-item {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid;
  border-color: var(--footer-background);
}

footer div.col-md-4.my-4 ul.list-group li.list-group-item:hover {
  color: green;
  border-bottom: 1px solid rgb(5, 161, 31);
}

/* a.mybutton:hover{
background-color: green;
color: white;
} */

.footer{
  color: var(--primary-text-color) !important;
  font-weight: 400;
}

footer.bottom-footer, footer div a{
    text-decoration: none;
}

footer.bottom-footer div a{
  color: green;
  text-decoration: none;
}
/* OLD CSS END */



/* Hide things on Extremely small Devices */
@media (max-width: 150px) {

  /* Styles for extremely small screens here */
  /* button.navbar-toggler{
    display: none;
  } */
}