#header {
    box-shadow: 1px 1px 3px #d7d7d7;
    position: sticky;
    top: 0;
    z-index: 999;
}
.scroll{
    overflow-y: hidden;
}

#header .logo img {
    width: 150px;
}

#header .nav > li {
    padding: 30px 0px;
}
#header .nav li a {
    color: black;
    font-weight: 500;
}
#header .nav li a:hover{
    color: #ED6917;
}
#header .buttons .button {
    font-weight: 600;
    color: black;
    border-radius: 5px;
    padding: 6px 20px;
    transition: all ease .5s;

}

#header .buttons .btn-1 {
    border: 1px solid #ED6917;
    transition: all ease .5s;
    cursor: pointer;
}

#header .buttons .btn-1:hover {
    color: white;
    background-color: #ED6917;
}

#header .buttons .btn-2 {
    background-color: #ED6917;
    color: white;
    cursor: pointer;
}

#header .toggle {
      display: none;
}
#header .dropDownMenu {
    width: 250px;
    opacity: 0;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    top: 65px;
    box-shadow: 0px 0px 4px rgb(181, 179, 179);
    left: 0px;
    transition: margin ease .2s;
    margin-top: 30px;
    pointer-events: none;
}
#header .dropDownMenu li{
    padding: 10px 20px;
}
#header .dropDownMenu li a:hover{
color: #ED6917;
}
#header .drop-down:hover .dropDownMenu {
    opacity: 1;
    pointer-events: all;
    margin-top: 0px;

}
#header .login-btn{
    color: #ED6917;
    display: none;
}



/* =========================================== */

#slider {
    background-image: url(https://mentorsadda.com/assets/default/img/home/world.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    padding: 80px 0px;

}

#slider h1 {
    color: #302E2E;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 15px;
}

#slider p {
    color: #302E2E;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

#slider .new-course {
    display: inline-block;
    border-radius: 5px;
    background-color: #ED6917;
    padding: 10px 20px;
    color: white;
    margin-top: 35px;
    transition: all ease .5s;
}

#slider .new-course:hover {
    background-color: #ed69179e;
}

/* ============================== */

#latest-events {
    padding-bottom: 60px;
}

#latest-events .Event .image-box {
    height: 250px;
}

#latest-events img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0px 0px;
}

.Event {
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
}

.Event .first-event {
    padding: 15px 15px;
}

.Event .icon {
    color: #ED6917;
}

.Event .date {
    font-size: 14px;
    color: #888080;
    font-weight: 600;
}

#latest-events .Event h4 {
    color: #302E2E;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}

#latest-events .Event .description {
    color: #767272;
    font-weight: 500;
    margin-top: 8px;
}

#latest-events .Event .icon {
    font-size: 14px;
}

.Event .view-btn {
    display: inline-block;
    color: white;
    background-color: #ED6917;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    border-radius: 5px;
    transition: all ease .5s;
}

.Event .view-btn:hover {
    background-color: #ed69179e;
}

/* ===================================== */

#categories {
    padding-bottom: 60px;
}

.technology {
    box-shadow: 1px 1px 9px #adabab5c;
    border-radius: 8px;
    padding: 15px 10px;
    height: 160px;
}

.technology h4 {
    text-align: center;
    color: #534D4D;
    font-size: 17px;
    font-weight: 700;
}

.technology h4 {
    font-size: 14px;
    font-weight: 700;
}

.technology .techno {
    border-radius: 8px;
    top: 80px;
    background-color: #62B6E6;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.technology .tech {
    box-shadow: 2px 2px 10px rgba(46, 45, 45, 0.25);
    height: 35px;
    width: 80px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1);
    top: -20px;
    background: white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all ease .3s;
}

.technology:hover .tech {
    background-color: #ED6917;
    color: white;
}

/* =================================== */

#counter {
    background-image: url(../images/counter-1.png);
    background-size: cover;
    overflow: hidden;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#counter span {
    color: #ED6917;
    font-size: 70px;
    font-weight: 700;
    display: block;
    text-align: center;
}

#counter h6 {
    text-align: center;
    color: white;
    font-size: 25px;
    font-weight: 600;
}

#counter p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.696);
}

/* ================================= */

#testimonials .img-box {
    width: 90px;
    height: 90px;
    margin: auto;
}

#testimonials .img-box img {

    width: 100%;
    height: 100%;
    border-radius: 50px;
    object-fit: cover;
}

#testimonials .testimonials-box {
    margin: auto;
    padding: 40px;
    max-width: 800px;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.10);
}

#testimonials .testimonials-box h6 {
    margin-top: 25px;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

#testimonials .testimonials-box span {
    display: block;
    text-align: center;
    margin-top: 5px;
    color: #ED6917;

    font-weight: 600;
}

#testimonials .testimonials-box p {
    margin-top: 10px;
    color: #4D4545;
    text-align: center;
    font-weight: 500;
}

/* ============================ */

#footer {
    background-color: #ED6917;
    padding: 20px 0px;
}

#footer span {
    color: white;
    display: block;
    text-align: center;
}

/* =================================== */



.modal-login-text {
    padding: 30px;

}

.modal-logo img {
    width: 160px;
    margin-bottom: 45px;
}

.modal-logo {
    text-align: center;
}

.modal-login-text h2 span {
    color: #ED6917;

}

.modal-login-text h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.modal-login-text input,
.modal-login-text select {
    padding: 10px;
    margin: 10px 0;
}

.modal-login-text input::placeholder {
    font-size: 12px;
    font-weight: 500;
    color: #5f5f5f;
}

.modal-login-text p {
    color: #696767;

}

.modal-login-text p a,
.change {
    color: #ED6917;
    cursor: pointer;
    user-select: none;
}

.modal-login-text .modal-btn {
    margin: auto;
    display: block;
    text-align: center;
    padding: 8px 30px;
    color: white;
    border-radius: 5px;
    background-color: #ED6917;
    margin-top: 20px;
}

.modal-login-text .forgot-btn {
    text-align: center;
    margin-top: 30px;
}

.modal-login-text .forgot-btn a {
    display: inline-block;
    color: #ED6917;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all ease .5s;
}

.modal-login-text .modal-btn:hover {
    background-color: #f7a06b;
}

.modal label {
    user-select: none;
}
.closeModalPopup{
    position: absolute;
    width: 35px;
    height: 35px;
    box-shadow: 1px 1px 5px gray;
    right: -8px;
    top: -8px;
    z-index: 5;
    background-color: #ED6917;
}

#agree {
    accent-color: #ed6917;
    height: 18px;
    width: 18px;

}


/* single event css start -==================== */


/* dashboard section start */

#dashboard .sideNav {
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 2px 2px 8px rgb(218, 218, 218);
    margin-bottom: 30px;


}

#dashboard .sideNav ul li:hover {
    background-color: #e4e4e4;
}

#dashboard .sideNav ul li.active {
    background-color: #ED6917;

}

#dashboard .sideNav ul li.active a {
    color: white !important;
}

#dashboard .sideNav ul li a {
    padding: 10px 12px;
}

#dashboard #latest-events .image-box {
    height: 200px !important;
}

#dashboard .first-event a {
    padding: 8px 20px;
    background-color: #e9600c;
    border-radius: 4px;

}

#dashboard .first-event a:hover {
    background-color: #fdae7c;
    color: black !important;
    font-weight: 600;
}

/*  */

#pageSlide {
    overflow: hidden;
    max-height: 300px;
}

#pageSlide img {
    object-fit: cover;
    min-height: 200px !important;

}

.overlay {
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.795);
}

.color1 {
    color: #e9600c;
}

.breadCrumb {
    padding: 50px 0px;
    background-color: #ED6917;
}



.breadCrumb a:hover {
    color: #2f2e3a !important;
}


/* ==================== */

/*  */
#bookingDetails {
    padding: 100px 0px;
}



.text-dark {
    color: #383737 !important;
}

 .smallContainer {
    max-width: 1080px;
    padding: 0px 10px;
    margin: auto;

}

#bookingDetails .total {
    font-weight: 600;
    color: white;

}

#tickedDetails table th,
#tickedDetails table td {
    padding: 8px 0px;

}

#tickedDetails table th {

    margin-right: 30px;
}

#tickedDetails img {
    max-width: 600px;
    width: 100%;
}
#tickedDetails img.book {
    max-width: 700px;
    width: 100%;
}

.ticketBox {
    background-color: #f3f3f3;
    max-width: 360px;
    border-radius: 8px;
    box-shadow: 1px 1px 4px rgb(179, 176, 176);

}

.ticketBox .head {
    padding: 20px;
    color: #646060;
    border-bottom: 2px dashed #c0bebe;
    position: relative;

}

.ticketBox .head::before,
.ticketBox .head::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #f8f9fa;
    transform: rotate(45deg);
    position: absolute;
    bottom: -8px;
}

.ticketBox .head::before {
    left: -10px;
}

.ticketBox .head::after {
    right: -10px;
}

.ticketBox .body {
    padding: 30px;

}

.ticketBox .footer {
    padding: 18px 20px;
    border-top: 2px dashed #c0bebe;
}

.ticketBox .book {
    background-color: #e9600c;
    padding: 8px 22px;
    border-radius: 4px;
}

.ticketBox .book:hover {
    box-shadow: 0px 0px 3px rgb(177, 176, 176);
    background-color: rgb(255, 223, 176);
    color: #ED6917 !important;
    font-weight: 700;
}

.quantityBox p.addLess{
    height: 45px;
    width: 45px;
    border-radius: 4px;
    background-color: #e9600c;
    cursor: pointer;


}
.quantityInputs input{
    user-select: none;
    outline: none !important;
    box-shadow:  none !important;
    width: 100px;
}
.buttonHover:hover{
    box-shadow: 0px 0px 3px rgb(177, 176, 176);
    background-color: rgb(255, 223, 176) !important;
    color: #ED6917 !important;
}
.quantityBox input{
    width: 60px;
    outline: none !important;
}
.text-gray{
    color: gray;
}
.qrBox{

    border-radius: 6px;
    max-width: 300px;
    padding: 20px;


}
@media(max-width:768px){
    .qrBox{
        margin: auto;

    }
    #bookingDetails {
        padding: 50px 0px;

    }
}

@media(max-width:576px){
    .qrBox{
        max-width: 100%;

    }
}
.qrBox .qr{
    width: 200px;
    height: 200px;

}
.qrBox .name{
    width: max-content;
    background-color: #62B6E6;
}
.medium{
    font-weight: 500;
}

.fileInput::file-selector-button{
    background-color: #62B6E6;
    border: none;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    padding: 4px 12px;
    cursor: pointer;

}
.fileInput{
    border-radius: 6px;
     flex-grow: 1;
   accent-color: green;
}

.medium{
    font-weight: 500;
}
/*read more css */
.ele, .ele2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}
.readBtn,.readBtn2{
    font-weight:600;
     cursor:pointer;
     user-select:none;
}