:root{
    --dark-color: #000;

    --third-color: #ff6e00;
}

html, body{
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    height: auto !important;
    min-height: 100vh;
    background: #d7d6d6 !important;
    background-color: #d7d6d6 !important;
}

a, button{
    outline: 0 !important;
}



.top-bar{
    padding: 5px;
    background: var(--third-color);
    text-align: center;
    color: #fff !important
}

header, header.header-mobile{
    position: relative !important;
}

header.smaller{
    position: fixed !important;
}
.v-center-custom{
    min-height: 380px;
}
#mainmenu a.menu-item{
    font-size: 18px !important;
}
#mainmenu li li a{
    font-size: 18px;
    padding: 10px 15px;
}
#mainmenu li li a:hover{
    color: #000 !important;
}

#mainmenu li ul{
    width: 260px;
}


h1.slider-title{
    font-size: 36px;
    color: rgb(255, 193, 7);
}


.swiper-inner{
    background-size: cover !important;
    background-position: center !important;
}

.sw-text-wrapper ul li{
    color: var(--dark-color);
    font-size: 18px;
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.sw-text-wrapper ul.list{
    margin: auto;
    width: fit-content;
    margin-top: 20px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}


.sw-text-wrapper ul.two-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    list-style-type: none;
}

.sw-text-wrapper ul.two-list li{
    width: calc(40% - 10px);
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 5px;
}


.sw-text-wrapper ul li i{
    font-size: 8px;
}

.sw-text-wrapper p{
    color: var(--dark-color);
    font-size: 18px;
}

@media(max-width:767px){
    .sw-text-wrapper ul.two-list{
        flex-direction: column;
        align-items: center;
        width: fit-content;
    }
    .v-center-custom{
        min-height: 300px;
    }
    .sw-text-wrapper ul.two-list li{
        width: 100%;
    }
    .sw-text-wrapper ul li i{
        font-size: 6px;
    }
    .sw-text-wrapper ul li{
        font-size: 14px !important
    }
}


.text-secondary{
    color: var(--secondary-color) !important;
}

.text-third{
    color: var(--third-color) !important;
}

.fw-500{
    font-weight: 500
}

.fs-14{
    font-size: 14px !important
}

.fs-16{
    font-size: 16px !important
}

.swiper-button-next:after, .swiper-button-prev:after{
font-size: 18px;
}
.swiper-button-next, .swiper-button-prev{
    width: 40px;
    height: 40px;
    background: #000000bd;
    padding: 5px;
    font-size: 14px;
}

#mainmenu>li{
    padding: 0 8px;
}

footer{
    background: #878787 !important;
}
.subfooter{
    background: #fff;
}
footer a, .copyright-text{
    color: #000
}

footer .widget a{
    color: #fff;
}

footer .widget h5{
    color: var(--secondary-color) !important;
}


footer a:hover{
    color: var(--secondary-color);
}




.custom-btn1{
  border: 1px solid var(--dark-color);
  border-radius: 50rem;
  transition: all 0.3s;
  cursor: pointer;
  background: white;
  font-size: 18px;
  font-weight: 550;
  padding: 12px 24px;
}

.custom-btn1:hover {
  background: var(--third-color);
  border-color: var(--third-color);
  color: white;
  font-size: 18px;
  transform: none !important;
}

.pay_now_btn{
  border: 0px solid var(--third-color);
  border-radius: 50rem;
  transition: all 0.3s;
  cursor: pointer;
  color: white;
  font-size: 18px;
  font-weight: 550;
  padding: 12px 24px;
  background: var(--third-color);
  position: fixed;
    right: 10px;
    bottom: 70px;
    z-index: 5;
    box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.4),
    /* Top highlight */ inset 0 -1px 2px rgba(0, 0, 0, 0.2),
    /* Bottom shadow */ 0 4px 8px rgba(0, 0, 0, 0.2),
    /* Drop shadow */ 0 0 20px rgba(255, 255, 255, 0.1); /* Subtle glow */
  transform: rotateX(15deg) translateZ(0); /* Initial 3D tilt */
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* Springy transition */
  /*position: relative;*/
  cursor: pointer;
  animation: pulse 2s infinite ease-in-out; /* Pulsing glow animation */
  overflow: hidden;
}


/* Moving shine effect for glass-like reflection */
.pay_now_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 100%;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.1),
    transparent
  ); /* Shine gradient */
  transform: skewX(-25deg); /* Tilted shine */
  animation: shine 3s infinite linear; /* Continuous shine movement */
  pointer-events: none;
  z-index: 1;
}

/* Ground shadow to enhance 3D effect */
.pay_now_btn::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10%;
  width: 80%;
  height: 10px;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.3) 0%,
    transparent 70%
  ); /* Soft shadow */
  z-index: -1;
}



.pay_now_btn1{
    bottom: 140px;
    background: var(--dark-color);
  border-color: var(--dark-color);
}

/*.pay_now_btn:hover {*/
/*  background: var(--secondary-color);*/
/*  border-color: var(--secondary-color);*/
/*  color: white;*/
/*  font-size: 18px;*/
/*  transform: none !important;*/
/*}*/

/*.pay_now_btn1:hovwr{*/
/*    bottom: 140px;*/
/*    background: var(--third-color);*/
/*  border-color: var(--third-color);*/
/*  color: white;*/
/*  font-size: 18px;*/
/*  transform: none !important;*/
/*}*/


/* Pulsing animation for idle state */
@keyframes pulse {
  0%,
  100% {
    box-shadow:
      inset 0 1px 2px rgba(255, 255, 255, 0.4),
      inset 0 -1px 2px rgba(0, 0, 0, 0.2),
      0 4px 8px rgba(0, 0, 0, 0.2),
      0 0 20px rgba(255, 255, 255, 0.1);
  }
  50% {
    box-shadow:
      inset 0 1px 2px rgba(255, 255, 255, 0.4),
      inset 0 -1px 2px rgba(0, 0, 0, 0.2),
      0 4px 8px rgba(0, 0, 0, 0.2),
      0 0 30px rgba(255, 255, 255, 0.2); /* Peak glow */
  }
}

/* Shine animation for dynamic glass effect */
@keyframes shine {
  0% {
    left: -50px; /* Start off-screen */
  }
  100% {
    left: 250px; /* Move past button width (200px + buffer) */
  }
}


.social-icons i{
    background: #fff !important;
    color: var(--secondary-color)
}

#mainmenu li li{
    border-bottom: 1px solid var(--secondary-color);
}


#mainmenu li a{
    color: #033d24 !important;
}


#mainmenu li li a{
    color: #000 !important;
}


@media (max-width: 430px) {
    .v-center-custom {
        min-height: 130px !important;
        
    }
    h1.slider-title{
       
        font-size: 14px !important;
        letter-spacing: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 20px !important;
        line-height: normal !important;
    }
    .sw-text-wrapper ul li{
        font-size: 8px !important;
        margin-bottom: 0 !important;
         gap: 3px !important;
         line-height: normal;
    }
    .sw-text-wrapper ul.two-list{
        gap: 3px !important
    }

    .sw-text-wrapper ul li i{
        font-size: 5px !important;
    }

    .swiper .spacer-single, .swiper .spacer-double{
        display: none !important
    }

    .sw-text-wrapper p{
        font-size: 8px !important;
    }

    .top-bar p{
        font-size: 12px;
        line-height: normal;
    }
}

.form-control{
    padding-left: 15px;
    transition: 0.3s all ease-in-out;
    border: solid 1px rgba(0, 0, 0, 0.05) !important;
    background: rgba(0, 0, 0, .025) !important;
}

.form-control:focus{
    border-color: var(--secondary-color) !important;
    background: #fff !important;
}

select.form-control{
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-check-input{
    box-shadow: none !important;
}
.form-check-input:checked{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    box-shadow: none !important;
}


.nav-pills .nav-link{
    text-align: left;
    margin-bottom: 5px;
    background: #e0dede !important; 
    color: #747474 !important;
    border-radius: 0 !important;
    font-weight: 400;
    font-size: 16px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: var(--secondary-color) !important; 
}

/* .nav-tabs .nav-item .nav-link, .nav-tabs .nav-item .nav-link:hover{
    border: 0 !important;
    border-top: 2px solid #f8f9fa !important;
}

.nav-tabs .nav-link.active{
    background: #f8f9fa!important;
    background-color: #f8f9fa !important;
    border-top: 2px solid var(--secondary-color) !important;
    border-radius: 0 !important;
} */




.nav-tabs .nav-item .nav-link{
    background: #ebeaea!important;
    background-color: #ebeaea !important;
    border-radius: 0 !important;
    border: 0;
    border-top: 2px solid #ebeaea !important;
    color: #747474 !important;
    font-weight: 500 !important;
}

.nav-tabs .nav-item .nav-link.active{
    border-top: 2px solid var(--secondary-color) !important;
     background: #f8f9fa!important;
    background-color: #f8f9fa !important;
}


@media(max-width:767px){
    
    .nav-tabs {
        width: 100%;
        flex-direction: unset;
        overflow: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        height: 100%;
        padding-bottom: 2px;
    }
    /* .nav-tabs{
        width:100%;
        flex-direction: column;
    }
    .nav-tabs .nav-item{
        width:100%;
    }
    .nav-tabs .nav-item .nav-link{
        width: 100%;
    } */
}



/* .tab-pane, .tab-pane p{
    font-size: 16px !important;
} */



.accordion-item {
  background-color:#f2f2f2;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  border: 0 !important;
}

.accordion-item-header {
  padding: 20px 20px 20px 50px;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.accordion-item-header::after {
  content: "\002B";
  font-size: 24px;
  position: absolute;
  left: 25px;
}

.accordion-item-header.active::after {
  content: "\2212";
}

.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
  padding: 20px;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

.bg-color-yellow{
    background: var(--secondary-color);
    background-color: var(--secondary-color);
}


.filter-sepia{
    filter: sepia(1);
}

@media(max-width:1300px){
    .scrollbar-v,
    .float-text{
        display: none;
    }
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}