/* Event page css starts  */
.calendar-list-tabs .tabs-nav {
  display: flex;
  list-style: none;
  border-bottom: 2px solid #ddd;
  margin-left:0;
}

.calendar-list-tabs .tabs-nav li {
  padding: 10px 15px;
  cursor: pointer;
  background: #eee;
  margin-right: 5px;
  font-weight:500;
}

.calendar-list-tabs .tabs-nav li.active {
    background: #9f1d21;
    color: white;
}
.calendar-list-tabs .tab-pane{
  display: none;
}
.calendar-list-tabs .tab-pane.active {
  display: block;
}
.calendar-tab .calendar-view-pager .pager__item.pager__current {
    display:none;
}
.calendar-tab{
    position:relative;
}
.calendar-tab .calendar-view-pager{
    margin:0;
}
.calendar-view-table{
    margin:0;
}
.calendar-tab .calendar-view-pager .pager__previous{
    position:absolute;
    top:10px;
    left:0;
    width: 43%;
    text-align: right;
}
.calendar-tab .calendar-view-pager .pager__next{
    position:absolute;
    top:10px;
    right:0;
    width: 43%;
    text-align:left;
}
.calendar-tab .calendar-view-pager.pager__items a{
    padding:0;
}
.calendar-view-table caption{
    padding:0;
    font-weight:500;
    color:black;
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 25px;
}
.calendar-view-table thead th,.list-tab thead th{
    background: #9f1d21;
    color:white;
    font-weight: 500;
    font-size: 17px;
    padding: 10px 8px;
}
.calendar-view-table .next-month .calendar-view-day__number, .calendar-view-table .previous-month .calendar-view-day__number {
    background: #9f1d21;
    font-weight: 400;
    opacity: 0.7;
}
.calendar-view-table .calendar-view-day__number {
    width: 30px;
    border-radius:unset;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0.25rem;
    padding: 5px;
    background: #9f1d21;
}
.calendar-view-table .calendar-view-day__rows .views-label{
    display:none;
}
.calendar-view-table .calendar-view-day__rows time{
   font-weight:500;
}
.calendar-view-table .calendar-view-day__rows .views-field-title .field-content a{
    text-transform: capitalize;
    font-family: var(--tertiary_font);
     font-weight:500;
    color: #9f1d21;
    font-size:16px;
}
.calendar-view-table .calendar-view-day__rows .views-field-title .field-content a:hover{
    color:black;
}
.calendar-view-table .calendar-view-day__rows .views-field-body p{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}

.list-tab td.views-field.views-field-body{
    /* max-width: 100px; */
    width:60%;
}
.list-tab td.views-field.views-field-body a{
    color: #9f1d21;
    font-family: var(--tertiary_font);
    font-weight:500;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 5px;
    display: inline-block;
}
.list-tab td.views-field.views-field-body p{
    font-size:15px;
    line-height:20px;
}
.list-tab td.views-field.views-field-body a:hover{
    color: black;
}
.list-tab .views-field-field-event-date span{
    display: block;
    color: #9f1d21;
    font-weight: 500;
}
.list-tab .views-field-field-event-date time,.calendar-view-day .views-field-field-time,.calendar-view-day .views-field-field-event-date{
    font-weight: 500;
    color: black;
}
 .calendar-tab .pager__item svg{
    width: 20px;
    height: 20px;
    fill: #9f1d21;
    padding: 0;
}
 .calendar-tab .pager__item a{
    font-size:0;
 }
 .calendar-tab .pager__previous svg{
    transform: rotate(270deg);
}
 .calendar-tab .pager__next svg{
    transform: rotate(90deg);
}
.calendar-view-table [data-calendar-view-day]:hover .calendar-view-day__number,.calendar-view-table [data-calendar-view-day]:active .calendar-view-day__number,.calendar-view-table [data-calendar-view-day]:focus .calendar-view-day__number{
    font-weight:500;
}
.calendar-view-day__number{
    color:white;
}
.calendar-view-table .calendar-view-day__number.event-date{
    background-color:green;
}
.calendar-view-table .calendar-view-day__number.event-date a{
    display:block;
    color:white;
    font-family: var(--tertiary_font);
}
.calendar-list-tabs tr:hover,.calendar-list-tabs tr:focus-within{
    background:#fff6f6;
}
.calendar-list-tabs td{   
    border-color:#efefef;
}
.list-tab td{
    padding:17px 8px;
    vertical-align:middle;
}


.event-page p{
    margin-bottom:15px;
}

.event-page .field--name-body p{
    margin-top:20px;
}
.event-page .field__label{
    margin-right: 13px;
    color: var(--primary_color);
    width: 100px;
}
.event-page h2{
    color:var(--primary_color);
    margin-bottom:20px;
}
.latest-event:nth-child(even) {
    border-bottom: 1px solid #c3cdc3;
    border-top: 1px solid #c3cdc3;
}
.latest-event{
    padding: 10px;
}
.latest-event h3 a{
    font-size: 20px;
    line-height: 25px;
    color:var(--primary_color);
}
.latest-event h3 a:hover{
    color:#000;
}
.latest-event span{
    display: block;
    color: black;
    margin-bottom: 1px;
    font-size: 15px;
    line-height: 23px;
    display:flex;
     align-items: center;
         margin-bottom: 7px;
}
/* .upcoming-events{
    border: 1px solid #80808052;
} */
.upcoming-events h2{
    font-size:25px;
    line-height: 30px;
    margin-bottom:35px;
    color: #181818;
    position: relative;
}
.upcoming-events h2::after{
    position: absolute;
    border-bottom: solid 3px var(--primary_color);
    content: '';
    width: 45%;
    bottom: -23px;
    left: 0;
    transition: all .5s;
}
.upcoming-events h2::before{
    position: absolute;
    border-bottom: solid 1px #707070;
    content: '';
    width: 100%;
    bottom: -22px;
}
.upcoming-events:hover h2::after{
    width: 100%;
}
.event-col{
    font-size:16px;
    line-height:24px;
    color:#000;
    margin-bottom:10px;
     display:flex;
    align-items: center;
}
.upcoming-events svg,.event-col svg{
    width: 17px;
    height: 17px;
    fill: var(--primary_color);
    margin-right: 10px;
}
/* Event page css ends  */

.img-zoom-container {
  position: relative;
}
.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width:200px;
  height:200px;
}
.products-items-thumbnail{
    position:relative
}
.img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 450px;
    height: 450px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    opacity:0;
    visibility:hidden;
}
.products-items-thumbnail:hover .img-zoom-result{
    opacity:1;
    visibility: visible;
}
.searchbar .search-api-page-block-form-search-page input.form-search{
    border: 0;
    background: url(../images/search-input.svg);
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-size: 44px 72px;
    padding-left: 32px !important;
    border-bottom: 1px solid #000000;
    /* border: 0; */
    font-size: 19px;
}
.searchbar .search-api-page-block-form-search-page input.form-search::placeholder{
    color:#000

}
.searchbar .search-api-page-block-form-search-page .form-actions{
    display:none;
}
.searchbar .search-api-page-block-form-search-page .form-type--search,.search-api-page-block-form-search-page form{
    width:100%;
}
.search-api-page-block-form .search-form__submit{
    background:var(--primary_color);
    color:white;
}
.path-search .search-api-page-block-form input[type="search"]{
        width: 300px;
}
.path-search h2{
    font-size: 34px;
    margin-top: 24px;
    color: #9f1d21;
    margin-bottom:5px;
}
.path-search p{
    text-transform:capitalize;
    font-weight:700;
    margin-bottom: 15px;
    font-size: 16px;
}
.node--view-mode-search-index h2{
    margin-top:0;
}
.node--view-mode-search-index h2{
    font-size: 19px;
    line-height: 28px;
    display: inline-block;
    color: #9f1d21;
    margin-bottom: 8px;
}
.node--view-mode-search-index h2 a{
    display:inline-block;
    color: #9f1d21;
}
.node--view-mode-search-index h2 a:hover{
    color:#000;
}
.path-search .product-bottom .field--name-quantity{
    display:none;
}

/* home events css starts */
.home-events{
    display:flex;
    align-items:center;
}
.view-id-event.view-display-id-block_2 .latest-event{
    padding:20px 10px;
    padding-left:0;
}
.home-events-date{
    width:60px;
    background: var(--primary_color);
    padding: 10px;
    margin-right:15px;
    text-align:center;
}
.home-events-date span{
    font-size:18px;
    color:white;
}
.home-faq-left{
    max-width: 670px;
    margin-left: auto;
}
.home-product-image{
    position: relative;
    display:block;
}
.home-product-image .vector-image{
    position: absolute;
    bottom:-1px;
    left:2px;
    width: 100%;
}

.block-views-blockevent-block-2 h2{
    margin-bottom:15px;
}
.home-event-link a{
    color: var(--primary_color);
    font-family: var(--tertiary_font);
    font-weight:500;
    font-size: 17px;
    line-height:24px;
    border-bottom: 1px solid var(--primary_color);
    transition:all 0.5s ease-in-out;
}
.home-event-link a:hover{
    color:#000;
    border-bottom: 1px solid #000;
}
/* home events css ends */

/* .home-center-image{
    background:url('/sites/default/files/2026-03/scaffold-training_0.png') no-repeat center center;
    background-size:cover;
    padding:250px 0px;
    background-attachment:fixed;
} */
.image-effect{
    position:relative;
    overflow:hidden;
}
.image-effect::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    z-index: 999;
    transform: skewX(-25deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.1) 100%);
    pointer-events: none;
    opacity: 0;
}
.image-effect:hover::before{
    animation: shine 0.85s ease-in-out forwards;
    opacity: 1;
}
@keyframes shine {
    0% {
        left: -75%;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}
/* Base */
.animate-section{
  opacity: 0;
  transition: all 1s ease-in-out;
}
body{
      overflow-x:hidden;

}
/* Fade Up */
.fade-up {
  transform: translateY(150px);
}

/* From Left */
.fade-left {
  transform: translateX(-150px);
}

/* From Right */
.fade-right {
  transform: translateX(150px);
}

/* Active state (visible) */
.animate-section.active {
  opacity: 1;
  transform: translate(0, 0);
}
.about-us-left img{
    filter: drop-shadow(1px 5px 10px #b7b6b6);
}
.about-us-left{
    padding-bottom:25px;
}
.provider-home .product-card-details,
#product-home .product-card-details{
    box-shadow:0px 5px 20px rgba(0, 0, 0, 0.06); 
    margin:25px 0px;
}
.emergancy-service .emergancy-service-button{
    text-align:center;
    margin-top:25px;
}
.home-events-img .image-effect img{
    border-radius: 0px 40px 40px 0px;
}
.emergancy-service h2,.emergancy-service p{
    text-shadow:3px 3px 9px #1e1e1e;
}
.already-purchased strong{
	font-size: 16px;
    line-height: 21px;
}