.pt-35px {
    padding-top: 35px;
}

.z-99 {
    z-index: 99;
}
.sdn-clr{
    color: #5C6972;
}
.gallery-img {
    height: 221px;
    object-fit: cover;
    width: 100%;
    transition: transform 0.9s ease;
}

.gallery-img:hover {
    transform: scale(1.05);
}

.gallery-box-main:hover .gallery-box-imgdwld{
        opacity: 1;
    visibility: visible;
    bottom: 7px;
}

.pink-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: #161313;
    --bs-btn-border-color: #161313;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #161313;
    --bs-btn-hover-border-color: #161313;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #161313;
    --bs-btn-active-border-color: #161313;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #161313;
    --bs-btn-disabled-border-color: #161313;
}





.gallery-box-main:hover .gallery-box-imgdwld {
    opacity: 1;
    visibility: visible;
    bottom: 7px;
}
.gallery-box-imgdwld {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
      background: #FFFFFF;
    color: #322D2D;
    padding: 8px 23px;
    font-size: 14px;
    text-align: center;
    border-radius: 26px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}
.gallery-box-imgdwld:hover{
        color: #322D2D;

}


.bulck-download svg {
    width: 24px;
    height: 24px;
}
.basic-event-one-main {
    background-color: #1C1C0D;
    border-radius: 12px;
    padding: 10px 10px;
}
.basic-event-one-main-bdt {
      background-color: #F9F9F9;
    border-radius: 12px;
    padding: 10px 10px;
    border: 1px solid #D9D9D9;
    color: #5C6972;
    
}
.basic-event-one-main-insider-full {
    /* align-items: center; */
    display: grid
;
    grid-template-columns: 17% 80%;
    gap: 19px;
}

.basic-event-one-main-insider-half {
    display: grid
;
    grid-template-columns: 17% auto;
    gap: 15px;
    align-items: center;
}

.textimg-new {
    width: 64px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.box-one-nummain {
    padding-top: 10px;
    padding-bottom: 10px;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: #FF3895;
    opacity: 0.25;
    height: 100%;
}

.uptoptext {
    font-size: 10px;
}

.basic-event-one-main-insider-bdt {
         align-items: start;
    display: grid;
    grid-template-columns: 260px auto;
    gap: 16px;
}
.ex-one-img-new {
    width: 112px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.ex-one-img-new-fi {
   aspect-ratio: 265 / 156;
    object-fit: cover;
    width: 100%;
}
.eventanddatespit-tdbox {
    display: grid
;
    grid-template-columns: 54% 42%;
    grid-template-columns: auto auto;
    justify-content: space-between;
}
.bdt-eventname{
    color: #1E1E1E;
}
.bdt-date {
    background: #E8F0FF;
    padding: 10px;
    border-radius: 10px;
    color: #373134;
    text-align: center;
    font-weight: 500;
    max-width: 206px;
    border: 1px solid #93B5FC;
}
.show-more-btn {
    border: none;
    border-radius: 0px;
    padding: 0px;
    color: black;
    border-bottom: 1px solid black;
    background: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
}

.full-text {
    transition: all 0.8s ease-in-out;
}

.eventanddatespit-bdt {
    display: grid;
    padding-bottom: 13px;
    grid-template-columns: auto auto;
    grid-gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.fs-14 {
    font-size: 14px;
}



.pobdh {
    height: 90px;
}
/* .main-div{
    min-height:650px;
        background-image: url(/frontend/imgs/index/bg-event-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
} */


.ptpb-55px {
    padding-top: 32px;
    padding-bottom: 55px;
}


.pin-title {
    font-size: 20px;
    font-weight: 500;
    color: black;
    padding-bottom: 18px;
}

.pin-title-welcome {
    font-size: 24px;
    font-weight: 500;
    color: black;
    padding-bottom: 18px;
}

.pin-num {
    max-width: 454px;
}

.pin-num .pin-input:first-child {
    margin-left: 0;
}

.pin-input {
    width: 48px;
    height: 60px;
    font-size: 24px;
    text-align: center;
    border: none;
    border-radius: 8px;
    background-color: #EFEFEF;
    color: #1C1C0D;
    font-weight: 600;
    text-shadow: 0px 6.2px 6.2px #EFEFEF;
}

.pin-input::placeholder {
    color: #1C1C0D;       
    font-weight: 600;      
         
}

.pin-input:focus,
.pin-input:focus-visible {
    outline: none;
    box-shadow: none;
    border: none;
}

.submit-btn {
    margin-top: 18px;
    width: 100%;
    border-radius: 26px;
    background-color: #000000;
    color: #fff;
    font-weight: 500;
    border: none;
    padding: 11px;
}

.grid-outer {
    background-color: #1C1C0D;
    padding: 12px 12px 12px 12px;
    border-radius: 12px;
    display: grid
;
    grid-template-columns: 47% 5.8% 47%;
    grid-gap: 1px;
}

.cstom-text{
    color: #B4B4B5;
    font-size: 14px;
    font-weight: 400;
}
.eyptext{
    font-size: 14px;
}
#captured-image{
    border-radius: 50% !important;
        object-fit: cover !important;
}
  .mcst-width{
       width: 1111px;
     }
@media screen and (max-width: 1400px) {
     .mcst-width{
       width: 1003px;
     }
        .grid-outer {
        background-color: #1C1C0D;
        padding: 12px 12px 12px 12px;
        border-radius: 12px;
        display: grid;
        grid-template-columns: 48.4% 1% 50.4%;
        grid-gap: 1px;
    }

    .eventanddatespit-bdt {
        display: grid;
        grid-template-columns: auto auto;
    }
}

@media screen and (max-width: 1200px) {

    .mcst-width
        {
                width: 936px;
            }
    .basic-event-one-main-insider-bdt {
        /* align-items: center;
        display: grid
;
        grid-template-columns: 13% 85%; */
        gap: 15px;
    }

        .eventanddatespit-bdt {
        display: grid
;
        grid-template-columns: auto auto;
        grid-gap: 15px;
        align-items: center;
    }
        .eventanddatespit {
        grid-template-columns: 100%;
        grid-gap: 8px;
    }
}

@media screen and (max-width: 992px) {
       .bdt-eventname {
        font-size: 16px;
    }
        .vr {
        min-height: 1px;
        width: 100%;
        height: 1px;
        background-color: #343434;
    }
        .grid-outer {
        background-color: #1C1C0D;
        padding: 13px 8px;
        border-radius: 12px;
        display: grid
;
        grid-template-columns: 100%;
        grid-gap: 1px;
    }
    .eventanddatespit-bdt {
        display: grid
;
        grid-template-columns: auto auto;
        grid-gap: 15px;
        align-items: center;
    }
}



@media screen and (max-width: 768px) {
    .bdt-eventname {
        font-size: 14px;
    }
    .basic-event-one-main-insider-bdt {
        align-items: center;
        display: grid;
        grid-template-columns: 100%;
        gap: 10px;
    }

    .eventanddatespit-bdt {
        grid-template-columns: auto auto;
        grid-gap: 13px;
    }
        .pin-input {
        width: 40px;
        height: 50px;
        font-size: 24px;
        text-align: center;
        border: none;
        border-radius: 8px;
        background-color: #EFEFEF;
        color: #1C1C0D;
        text-shadow: 0px 6.2px 6.2px #EFEFEF;
    }
}


@media screen and (max-width: 576px) {
    .fs-20-sm{
        font-size: 20px;
    }
    .fs-16-sm{
        font-size: 16px;
    }
    .eventanddatespit-bdt {
        grid-gap: 8px;
    }
    .cstm-ftsize{
        font-size: 4.37vw;
    }
    .gallery-img {
        height: 150px;
        object-fit: cover;
        width: 100%;
    }

    .details-box-one .name-head, .details-box-one .number-head, .details-box-one .email-head {
        /* font-size: 14px; */
        font-size: 4vw;
        font-weight: 300;
    }

    .details-box-one .name-title, .details-box-one .number-title, .details-box-one .email-title {
        font-size: 3.5vw;
        font-weight: 400;
    }

        .box-one-nummain {
        padding-top: 8px;
        padding-bottom: 8px;
    }

        /* .textimg-new {
        width: 100%;
    } */
        .bx-twoeventname {
        font-size: 3.55vw;
        font-weight: 400;
    }
        .basic-event-one-main {
        padding: 6px 6px;
    }

        .basic-event-one-main-insider-full {
        grid-template-columns: 30% 67%;
        gap: 9px;
    }

        .ex-one-img-new {
        width: 100%;
    }

    .basic-event-one-main {
        padding: 6px 6px;
    }
    .basic-event-one-main-insider-full {
        grid-template-columns: 30% 67%;
        gap: 9px;
    }
    .grid-outer {
        padding: 7px 7px;
    }
    .basic-event-one-main-insider-bdt {
        gap: 10px;
    }

     .basic-event-one-main-bdt {
        padding: 9px 9px;
    }
        .pin-title {
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 16px;
    }

    .pin-input {
        width: 10.92vw;
        height: 12.48vw;
        font-size: 5vw;
        text-align: center;
        border: none;
        border-radius: 8px;
        background-color: #EFEFEF;
        color: #000000;
        text-shadow: 0px 6.2px 6.2px #EFEFEF;
    }

}

@media screen and (max-width: 480px) {
    .gallery-img {
        height: 122px;
    }
        .yourmatchtext {
        font-size: 16px;
    }
        .bdt-date {
               padding: 9px 6px 9px 6px;
        max-width: 238px;
        font-size: 11px;
    }
        .box-twobtpra {
        font-size: 2.8vw;
        font-weight: 300;
    }
    .basic-event-one-main-insider-bdt {
     
        gap: 7px;
    }
}