/*#selecttimeafter .imgbox .btn2 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #99002E solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;
    cursor: pointer;
}


#selecttimeafter .imgbox.active4, .btn4:hover {
   border-color:#99002E!important;
    color: white!important; cursor: pointer;
}*/

/*eventlisting end*/


/*pagination div*/
 .login-button-color {
        background-color: #FDE428 !important;
        /* Add any additional styles as needed */
      }
  .icon-bar {
    position: fixed;
    top: 50%;
    left: 97%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
        z-index: 99999;
  }
@media only screen and (max-width: 990px) and (min-width: 768px) {
 .icon-bar{
    position: fixed;
    top: 50%;
    left: 95%;
 }
}
@media only screen and (max-width: 768px) and (min-width: 576px) {
 .icon-bar{
    position: fixed;
    top: 50%;
    left: 94%;
 }
}
@media (max-width: 576px) {
  .icon-bar {
    position: fixed;
    top: 50%;
    left: 89%;
  }
}
@media (max-width: 370px) {
  .custom-navbar .navbar-toggler {
       position: relative;
        left: 82%;
    }   
}
@media only screen and (max-width: 768px){
.banner-slider .owl-carousel .item .card .boxcontent {
  display: none;
}
}
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 13px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }

  .icon-bar a:hover {
    background-color: #000;
  }

  .facebook {
    background: #3B5998;
    color: white;
  }

  .twitter {
    background: #55ACEE;
    color: white;
  }

  .google {
    background: #dd4b39;
    color: white;
  }

  .linkedin {
    background: #007bb5;
    color: white;
  }

  .youtube {
    background: #bb0000;
    color: white;
  }

  .content11 {
    margin-left: 75px;
    font-size: 30px;
  }
.banner-slider h4.title {
    font-size: 31px;
    color: #002E5B;
}

.banner-slider p.title {
   font-size: 18px;
    color: #002E5B;
    font-weight: 100;
}


.banner-slider {
    background: #F5F4EF;
    padding: 1% 0 0 0;
}
.paginat h4.title{font-size: 31px; color: #002E5B}

.paginat .page-item.active .page-link {
    z-index: 1;
    color: #1D9BF0;
    background-color: #f5f4ef;
    border-color: #f5f4ef;
}

.paginat .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #002E5B;
    background-color: #f5f4ef;
    border: 0px solid #dee2e6;font-size: 14px;font-weight: lighter;padding: 0.5rem 0.2rem;
}

#postplus 
#postplus a.addpost.bi-plus-circle {color: #302A69;}
#postplus a.addpost{border: 2px #302A69 solid;
    border-radius: 50px;
    color: #302A69;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    background: #fff;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 51px;
    line-height: 20px;}

#postplus a.addpost:hover{ border:2px #fff solid;border-radius:50px;color:#fff;text-decoration:none;    font-weight: 700; background:#008080 }
#postplus a.addpost.bi-plus-circle:hover {color: #fff;}

#postplus .bi-plus-circle::before {
    content: "\f4fa";
    font-size: 34px;
}



/*pagination div*/

/*community start */
#community .community-page{ width:100% }



#community .community-page  h2{color: #414141; font-size: 17px; line-height: 20px; margin-bottom: 4px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold;}
#community .community-page p{color: #414141; font-size: 16px; line-height: 20px; margin-bottom: 4px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;}

#community .community-page .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; color: #545454;font-size:14px ;
}

#community .community-page .media-body h5{color: #1B1B1B; }

#community .view-allsection {width: 100%;}
#community .view-allsection p{color: #302A69;font-weight: bold}
#community .view-allsection p a{color: #302A69;font-weight: bold}

/*community end*/

/* comments start */

#comments{ border: 1 px red solid;}
#comments .bg-primary.navyblue{ background:#302A69!important }



#comments .comments-page  h2{color: #414141; font-size: 17px; line-height: 20px; margin-bottom: 4px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold;}
#comments .comments-page p{color: #414141; font-size: 16px; line-height: 20px; margin-bottom: 4px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;}

#comments .comments-page .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; color: #545454;font-size:14px ;
}


#comments{padding: 20px}

#comments .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center!important;
}

#comments .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 20px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#comments .post-gallery{}

#comments .btn {
    color: #000;
    background: #FDE428;
    font-size: 18px;
    line-height: 20px;
    padding:18px 45px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    font-weight: 700;
}


#comments .post-gallery p{font-size: 20px;color: #fff}


#comments .comments-page .media-body h5{color: #1B1B1B; }


/*comments end*/


/*video-comments*/
#video-comments{}

#video-comments .btn {
    color: #000;
    background: #CCCCCC;
    font-size: 18px;
    line-height: 20px;
    
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
 
    font-weight: 700;
}

#video-comments .btn.canelbg {
    color: #000;
    background: #FDE428;
    font-size: 18px;
    line-height: 20px;
    
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    
    font-weight: 700;
}

#video-comments p.mb-4 {
    border-left: 0px solid green;
}

#video-comments .card-body p{color: #4c4a4a;font-size: 15px}

#video-comments h6{font-size: 18px}

#video-comments .bi-chat-left-text-fill{color: #000;font-size: 20px; } 


#video-comments .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #F7F7F7;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 

#video-comments .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.textbox1 { 
   
  height: 39px;
}


.textbox2 { 
   
    height:39px;
   font-weight: normal;
}


#video-comments ::placeholder{color: #302A69; font-size: 18px;font-weight: bold; display: flex; align-items: center;margin-top: 20px}



#video-comments h2{color: #302A69;font-size: 22px}

#video-comments .border {
    border: 1px solid #B8B8B8!important;
}
/*video-comments*/


/*study-material-page*/


#study-material-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #302A69;
}

#study-material-page .nav-pills .nav-link{
    color: #002E5B;
    background-color: #f3f3f3;
        border: 0;
    margin: 8px 0;
}

#study-material-page button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#study-material-page .nav-link {
    display: block;
    padding: 0.8rem 1rem!important;
}

#study-material-page h3.card-title{font-size: 20px;color: #002E5B}

#study-material-page h3 {
    color: #002E5B;
    font: 700 1.1rem/2.25rem "Poppins", sans-serif;
}

/*#study-material-page p{color: #323232;font-size: 16px;font: 500 1rem/1.4rem "Poppins", sans-serif;}*/

/*study-material-page*/

/*gallery book*/

#book-gallery .embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border-radius: 15px!important;
}

#book-gallery .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 1.4rem;
}

#book-gallery .card-img-overlay {
    position: absolute;
    top: 75%;
    right: 0;
    left: 0;
    bottom: 0; 
    background: rgba(0, 0, 0, 0.5); 
    color: #f1f1f1; 
    width: 100%; 
    padding: 10px; 
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

#book-gallery h5.card-title{    font-size: 17px;
    text-align: center;}
/*gallery book*/


#event-listing .item {
}

#event-listing {
    margin: 3% 0;
}

#event-listing .heading-slider h2 {
    font-size: 35px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#event-listing .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#event-listing .card-body h5.card-title {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#event-listing .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#event-listing .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#event-listing .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#event-listing .offerclub {
    width: 88%;
    position: absolute!important;
    top: 20px!important;
}


#event-listing .offerclub p {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#event-listing .offerclub label {
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}



#event-listing .eventlist-left  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#event-listing .eventlist-left  .box-image{width: 100%!important;}

/*#free-offers .custom-control{}
#free-offers.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

#event-listing .eventlist-left  .card-body {
    margin-top: 0;
}

/*#free-offers .owl-stage {
    transform: translate3d(0px, 0px, 0px)!important;
}*/

#event-listing .eventlist-left  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    
    margin: 0 0 0 0;
}


#event-listing .eventlist-left  .card-body {
       -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 62%;
}

#event-listing .eventlist-left .card-body h3 {
    color: #000;
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: 100;
    line-height: 20px;
}

#event-listing .eventlist-left .card-body p {
    color: #000;
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: 100;
    line-height: 20px;
}

#event-listing .eventlist-left .form-check {
    position: relative;
    display: block;
    padding-left: 0;
}

#event-listing .eventlist-left  .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#event-listing .eventlist-left  .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#event-listing .eventlist-left  .card-body p.card-text a{
    color: #2699FB;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 17px;
}





#event-listing .eventlist-left  .card-body p.ticket a{
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#event-listing .eventlist-left  .card-body p.ticket a:hover{
    color: #007bff;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#event-listing .eventlist-left  .card-body p.ticket a span{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#event-listing .eventlist-left  .card-body p.off{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}
#event-listing .eventlist-left h2{ color: #2C2C2C;padding: 22px;font-size: 20px; }

#event-listing .eventlist-left .cordspace{-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 0;
    text-align: left;}

#event-listing .eventlist-left  .card-body p a.buy{
    color: #CE004A;
    font-family: metropolis !important;
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}

 #event-listing .eventlist-left .card .besidetext h3{color: #000; font-size: 15px}

  #event-listing .eventlist-left .filterreset h2{color: #000; font-size: 20px;padding: 0 0 0 20px;}
  #event-listing .eventlist-left .filterreset h2::after{content:" ";width: 26px;height: 20px;background-image:url(../images/fliter-icon.png);position: absolute;left: 131px;top: 35px;}
  #event-listing .eventlist-left .filterreset label{font-size:18px;}
  #event-listing .eventlist-left .filterreset label a{font-size:18px;color:#2699FB;text-decoration: none;}


#event-listing .eventlist-left .checkmark {
    position: absolute;
    top: -20px;
    left: 21px;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A;
}

#event-listing .eventlist-left .customradio input:checked ~ .checkmark::after {
    display: block;
}

#event-listing .eventlist-left .customradio .checkmark::after {
   top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #CE004A;
}

#event-listing .eventlist-left .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}


#event-listing .eventlist-left .customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#event-listing .eventlist-left  .form-controldate {
    display: block;
    /* width: 100%; */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#event-listing .eventlist-left .selectdatecust{padding:0 0 0 22px;}

.text-danger.realcolor {
    color: #CE004A!important;
}




/*eventlisting end*/








#selecttimeafter .card.btn4 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
    margin: 0 0 20px 6px;
}

#selecttimeafter .card.active4, .btn4:hover {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #99002E;
    border-radius: 5px;
    margin: 0 0 20px 6px;
}

/**selecttimeafter**/
#selecttimeafter{display: contents;}
#selecttimeafter p{font-size: 14px;}
#selecttimeafter  h2 {
    font-size: 20px;
    color: #000;
    margin: 0 0 5px 15px;
}

#selecttimeafter .card .card-body p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;
    text-align: center!important;
}

#selecttimeafter .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 13px 3px;
    text-align: left;
}


/**selecttimeafter**/


/**request-proc start here**/
.request-proc .fa-circle{color: #FFBC00;font-size:15px;}
/**request-proc start here**/


/**uest Details start here**/
.guest-details label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #000;
}

.guest-details .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #CE004A;
    border-color: #b21f2d;
}


.guest-details .btn {width: 40%;
  border: none!important;
  outline: none!important;
  padding: 16px 16px!important;
  background-color: #CE004A!important;
  cursor: pointer!important;
  color: #fff!important; display: block;
}

/**uest Details start here**/


/**book available**/
.book-available{border-top: 1px #CE004A solid;border-bottom: 1px #CE004A solid;}
/**book available**/


/**table detail start here**/
.table-detail-about{border-top: 6px solid #F2D571;
    border-radius: 5px;
    padding: 15px 15px;}
.table-detail-about p{color: #000;}
/**table detail start here**/




/**share**/
.share-tikets{}
.share-tikets a{color:#2699FB ;    font-weight: 500;}
.share-tikets a:hover{color:#2699FB ;text-decoration: none;}
/**share**/


/**selected discount**/
.termsandcondition a{font-size: 25px;
    text-decoration: none;
    color: #2699FB;
    margin: 0 0 5px 0;
    font-weight: 400;}

    .termsandcondition a:hover{text-decoration: none;font-size: 25px;
    text-decoration: none;
    color: #2699FB;
    margin: 0 0 5px 0;
    font-weight: 400;}

/*free offers start*/


/* Hide the browser's default radio button */
 #selecte-discount .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#selecte-discount .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Create a custom radio button */
#selecte-discount .checkmark {
 position: absolute;
    top: -18px;
    left: 27px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
 #selecte-discount .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
 #selecte-discount .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
 #selecte-discount .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#selecte-discount .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}








#selecte-discount{ }

#selecte-discount .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#selecte-discount .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}



#selecte-discount .imagessize img {
    width: 100%;
    height: auto;
}

#selecte-discount .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#selecte-discount .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#selecte-discount .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#selecte-discount .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#selecte-discount .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#selecte-discount .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#selecte-discount .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#selecte-discount .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#selecte-discount button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#selecte-discount .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#selecte-discount .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#selecte-discount .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#selecte-discount .box-image{width: 100%;}

/*#free-offers .custom-control{}
#free-offers.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

#selecte-discount .card-body {
    margin-top: 0;
}

/*#free-offers .owl-stage {
    transform: translate3d(0px, 0px, 0px)!important;
}*/

#selecte-discount .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    
    margin: 0 0 0 0;
}


#selecte-discount .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 22px;
    text-align: left;
}

#selecte-discount .card-body h3 {
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: normal;
    line-height: 20px;
}

#selecte-discount .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#selecte-discount .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

#selecte-discount .card-body p.card-text a{
    color: #2699FB;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 17px;
}





#selecte-discount .card-body p.ticket a{
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#selecte-discount .card-body p.ticket a:hover{
    color: #007bff;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#selecte-discount .card-body p.ticket a span{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#selecte-discount .card-body p.off{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#selecte-discount .card-body.cordspace{padding: 0 0 0 0;}

#selecte-discount .card-body p a.buy{
    color: #CE004A;
    font-family: metropolis !important;
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}


/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*free offers start*/


/*selectec dicoumts*/

#pueches-voucher .owl-carousel {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1; display: flex;   justify-content: space-between;
}


#pueches-voucher .card-body {
    margin-top: 0!important;
}

#pueches-voucher .card-body .qty {width: 75px;border: 1px #CE004A solid;}


#pueches-voucher .card-body .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 2px;
    min-width: 23px;
    text-align: center;color: #CE004A;
}
#pueches-voucher .card-body .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    }
#pueches-voucher .card-body .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 15px;
    height: 15px;
   /* font: 30px/1 Arial,sans-serif;*/
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}

#pueches-voucher i.fa{margin-top: 10px; font-size: 10px;color: #CE004A;}

#pueches-voucher i.fa-plus{margin-top: 10px;color: #CE004A;}

#pueches-voucher .minus{
    background-color: transparent!important;color: #CE004A;
}

#pueches-voucher .plus{
    background-color: transparent!important;color: #CE004A;
}

#pueches-voucher .minus:hover{
    background-color: transparent; !important;
}
#pueches-voucher .plus:hover{
    background-color: transparent;!important;
}
/*Prevent text selection*/
#pueches-voucher span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#pueches-voucher input{  
    border: 0;
    width: 2%;
}
nput::-webkit-outer-spin-button,
#pueches-voucher input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#pueches-voucher input:disabled{
    background-color:transparent;
}


#pueches-voucher .form-control {
    display: block;
    /*width: 100%;*/
    padding: 0.1rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#pueches-voucher .btn {
    display: inline-block;
    font-weight: 400;
    background-color: #CE004A;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0 0;
    font-size: 10px;
     line-height: 16px; 
    border-radius: 46px;width: 18px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#pueches-voucher select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/arrow.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

#pueches-voucher .form-control.timing{
    display: block;text-align: start;
    width: 95%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: transparent!important;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */

}

#pueches-voucher .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#pueches-voucher .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}



#pueches-voucher .iimagessize img {
    width: 100%;
    height: auto;
}

#pueches-voucher .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#pueches-voucher .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#pueches-voucher .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#pueches-voucher .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#pueches-voucher .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#pueches-voucher .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#pueches-voucher .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#pueches-voucher .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#pueches-voucher button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#pueches-voucher .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#pueches-voucher .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#pueches-voucher .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#pueches-voucher .box-image{ background: url(../images/dicount-voucher-images-1.png) no-repeat; width: 399px; height: 207px;}
#pueches-voucher .box-image2{ background: url(../images/discount-voucher-2.png) no-repeat; width: 399px; height: 207px;}

#pueches-voucher .card-body {
    margin-top: 20px;
}

#pueches-voucher .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#pueches-voucher .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
   
    text-align: left;
}

#pueches-voucher .card-body h3 {
    color: #000;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px;
}

#pueches-voucher .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#pueches-voucher .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

#pueches-voucher .card-body p.card-text a{
    color: #2699FB;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

#pueches-voucher .card-body p.ticket a{
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#pueches-voucher .card-body p.ticket a:hover{
    color: #007bff;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#pueches-voucher .card-body p.ticket a span{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#apueches-voucher .card-body p.off{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#pueches-voucher .card-body.cordspace{padding: 0 0 0 0;}

#pueches-voucher .card-body p a.buy {
    color: #CE004A;
    font-family: metropolis !important;
    font-weight: normal;
    padding: 7px 32px;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
    /* background: #fff; */
    border: 1px red solid;cursor: default;
}
/*ADD OFFERS*/
/**purched**/



/**table book start**/
#table-book-firs .dateclass p{ color: #000;font-weight: normal; }

#table-book-firs .namephne p{ color: #000;font-weight: normal; }

#table-book-firs .namephne h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#table-book-firs hr.dashedd {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px dashed rgba(0,0,0,.1);
}




#tableb .tablebo p {
       font-size: 18px;
    color: #625e5e;
    font-weight: normal;
    margin: 0 0 5px 0;
}

#tableb .tablebof p {
       font-size: 15px;
    color: #625e5e;
    font-weight: normal;
    margin: 0 0 5px 0;
}
/**tabel book end**/

/**middleheading end**/
#middleheading .textlinetop{}
#middleheading h2 {
    font-size: 23px;
    color: #282626;
    margin: 0 0 5px 0;
}

#middleheading p {
       font-size: 16px;
    color: #625e5e;
    font-weight: normal;
    margin: 0 0 5px 0;
}


/**middleheading end**/


/**purchase voucher**/
#add-offers .card-body p a.buy {
    color: #CE004A;
    font-family: metropolis !important;
    font-weight: normal;
    padding: 7px 32px;
    border-radius: 2px;
    font-size: 13px;
    text-decoration: none;
    /* background: #fff; */
    border: 1px red solid;
}

/**purchase voucher**/



#nav-profile .list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    width: 50%;
}

#nav-profile .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
     border: 0px solid rgba(0,0,0,.125); 
}

#nav-profile .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
    color: #CE004A;font-size: 18px;
}

#nav-profile h3 {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px 0;
}

#nav-profile .form-check-label {
    margin-bottom: 0;
    color: #000;
}

#nav-profile .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    padding-top: 0.5rem;
}


/**custom radio**/
#payment-check .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#payment-check .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#payment-check .card .checkmark.paydone {
    position: absolute;
    top: -4px;
    left: -32px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A;
}

#payment-check .card.carddashed {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid #878282;
    border-radius: 0.25rem;
}

#payment-check .card-body.sec {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
     padding: 0rem; 
}

/* Create a custom radio button */
#nav-profile .card .sec .checkmark {
 position: absolute;
    top: -6px;
    left: -31px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
#nav-profile .card .sec .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
#nav-profile .card .sec .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
#nav-profile .card .sec .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#nav-profile .card .sec .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}
/**hh**/




/*payment checkbox*/



/**custom radio**/

/**summary**/






/**summary**/




/*#payment-check .fa-circle{font-size: 25px;color: #CE004A;}*/

/*payment checkbox*/




/*.icon-sm {
    width: 2rem;
    height: 2rem;
    
}*/





/*ADDITIONAL*/
/*descritpion stat*/



/*descritpion end*/
/*ADDTIONAL*/


/*ADD OFFERS*/


/**/


/*ADD OFFERS*/


/*addbutton*/


/*add button*/



/*events*/



/* Style the buttons */




/*events*/

/*events*/




/* Style the buttons */




/*events*/




/* event-normal tableselection start */




/*select price*/




/* Style the buttons */





/*select price*/

/*events*/



/*events*/


/*selc time*/


/* Style the buttons */





/*select time*/

/* event-normal tableselection start */

/* book-vanue start */


/* third start here */



/* third start here */




/* fourth start here */



/* fourth start here */




/* fifth start here */


/* six start here */


/* six start here */



.shadow {
    box-shadow: 0.5px 0.3rem 0.5rem rgb(0 0 0 / 15%) !important
}

.topbgtopsec{width: 100%;background-color: #302A69;}





.topbgtop .custom-navbar {
    background-color: #302A69;
}




.topbgtop .custom-toggler.navbar-toggler {
    border-color: rgb(247, 32, 78);
}

/*.topbgtop .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(247,32,78, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}*/

.topbgtop .custom-toggler .navbar-toggler-icon {
    /*width: 18px !important;*/
}

.topbgtop .custom-toggler:hover {
    border-color: rgb(255, 255, 255);
   /* background-color: #f76a88;*/
}



/*.topbgtop .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
*/
#logo_custom {
    margin-top: 0;
}

@media only screen and (max-width: 760px) {
    #logo_custom {
        width: 70%;
    }
}



.topbgtop .navbar .dropdown-menu.usermenuprofile {
    margin-top: 0.25rem;
    background-color: #262431;
    box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
}

.topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}



.topbgtop .sen.seachdiv {
    width: 100%;
    margin: 10px 0 20px 0;border-radius: 5px 5px 5px 5px;
    /*border: 1px #ddd solid;*/
}



.topbgtop .sen.seachdiv button {
   padding: 4px 8px;
background: #fff;
cursor: pointer;
border:1px #efefef solid;border-width: 0 1px 0 0;
}

.topbgtop .sen.seachdiv input[type=text] {
    
   width: 91%;
    font-size: 15px;
    border: none;
    
}

.topbgtop .navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #262431;
    border-bottom: 1px #e0e2e5 solid;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch {
    border-bottom: 1px #aaa solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch {
    border-bottom: 1px #efefef solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
   
}

/*.topbgtop .navbar .dropdown-item.hovernot:hover {
   
}*/

.topbgtop .dropdown-menu a.dropdown-item .boxsearch.hovernot:hover {
    background-color: #fff;
    cursor: pointer;
    color: #000;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch:hover {
    border-bottom: 1px #efefef solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    
    align-items: center;
    background: #fbfbfb;
    padding: 10px 5px;
}

.topbgtop .dropdown-menu .boximit {
    width: 360px;
    white-space: normal;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch h4 {
    font-size: 14px;
    color: #000;
    display: grid;
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch h4 span {
    font-size: 13px;line-height: 20px;
    color: #5b5b5b;
    font-weight: 300;
   
    
    
}

.topbgtop .dropdown-menu a.dropdown-item .boxsearch label {
    color: #5b5b5b;
    font-size: 13px;
    
}

.topbgtop .dropdown-menu.topbgtoptwo::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.dropdown-menucity::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.topbgtopthree::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .navbar .dropdown-item .boxsearchhover:hover {
    background-color: #efefef;
    color: #000;
}

.topbgtop .navbar .dropdown-item:hover {
    background-color: #fff;
    color: #000;
}



.topbgtop .navbar .dropdown-item {
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
    /*border-bottom: 1px  #aaa solid;*/white-space: normal;
}

.topbgtop .navbar .dropdown-item.bo12 {
    border-bottom: 1px #efefef solid;
    margin:0% 4%; padding:3% 3%;
    width: 92%;
   
}

.topbgtop .navbar .dropdown-item.bo12:hover {
    background: #fbfbfb;
    margin:0% 4%; padding:3% 3%;
    width: 92%;
}

.topbgtop .navbar .dropdown-item .searchborder {
    padding-top: 0.5rem;
    padding-bottom: 0;
    color: #000;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
    border-bottom: 1px #aaa solid;
}


.topbgtop .dropdown-menu a.dropdown-item .searchborder {
    border-bottom: 1px #efefef solid;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    height: 80px;
}

.topbgtop .dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #fff;
}

.topbgtop .navbar .dropdown-menu {
    margin-top: 0.25rem;
    background-color: #262431;
    box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
}

.topbgtop .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /*display: none;*/
    left:543px;
width: 30rem;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .navbar-nav ul li.nav-item {
    border: 1px red solid;
}

.topbgtop .navbar .nav-item .nav-link label {
    text-align: center;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: -7px;
    left: -10px;
    bottom: -5px; 
}

.topbgtop .navbar .nav-item .nav-link label::after {
    display: inline-flex;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
}

.topbgtop .navbar .nav-item .nav-link label::after {
    display: inline-flex;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
}

.topbgtop ul.navbar-nav {
    display: flex;
    justify-content: center;
    height: 0;
    align-items: center;
}

.topbgtop .navbar .nav-item .nav-link label {
    text-align: center;
    border-radius: 50% !important;
    background: red;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: -10px;
    left: -7px;
    bottom: -5px;
}

/*.topbgtop .navbar .nav-item .nav-link span. {border: 1px #fff solid; padding: 9px 20px; border-radius: 5px; position: relative;}*/

.topbgtop ul li.list-group-item a p{
    position: relative;
    text-decoration: none;
    color: #302A69;
    font-weight: bold;
    float: left;
    width: 104px;
}

.topbgtop ul li.list-group-item a span{font-weight: lighter;color: #302A69;}



.topbgtop .btn {
    color: #000;
    background: #FDE428;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 25px;
    border-radius: 50px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin: auto;
    font-weight: 700;
    display: flex;
}

.topbgtop .bi-box-arrow-right{font-size: 20px;}


.topbgtop ul li span img {
    margin: 0 15px 0 0;
}


.topbgtop{}


.topbgtop .list-group-item {
   position: relative;
    display: block;
    padding: 0.75rem 21px;
    border: 1px solid #efefef!important
}



.topbgtop .list-group-item:hover {
    position: relative;
    display: block;
    padding: 0.75rem 21px;
    background-color:#fbfbfb;
}

.topbgtop .avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.topbgtop .search-container {
    width: 46%;
    margin-left: 35px;
}

.topbgtop input[type=text] {
    padding: 6px;
    width: 55%;
    font-size: 14px;
    border: none;
    border-radius: 0 5px 5px 0;
}

.topbgtop .search-container button {
    float: left;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
}

.topbgtop .search-container .searcpabel a i {
    border-right: 1px #DCDCDC solid;
    padding-right: 8px;
    font-size: 14px;
    line-height: 23px;
    color: #000;
}

.topbgtop .search-container .searcpabel a.styles {
    width: 35rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}

.topbgtop input[type=text] {
    padding: 6px;
    width: 55%;
    font-size: 14px;
    border: none;
    border-radius: 0 5px 5px 0;
}

.topbgtop .search-container button {
    float: left;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
}

.topbgtop .nav-item .nav-link img {
    text-align: center;
    border-radius: 50% !important;
    position: relative;
    top: 9px;
    left: -12px;
}

.navarclass .nav-item .nav-link label {
    text-align: center;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: -7px;
    left: 0px;
    bottom: -5px;
}

.topbgtop .search-container button:hover {
    background: #fff;
}



.fixed-top2 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.container-fluid.topbgtop {
    background: #302A69;
}

.topbgtop .nav-link {
    display: block;
    padding: 0.5rem 1rem!important;
}




/*.navarclass .nav-link:hover {
    color: #00c9db !important;
}
*/
/*.navarclass.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #670025;
    }*/

.navarclass .navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
    color: red;
}



@media (min-width: 768px) and (max-width: 768px) {


.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0rem;
    text-align: left;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     padding:0rem; 
}

#discount-voucher .card-body {
    margin-top: 0!important;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 12px 10px 0 19px!important;
    text-align: left;
}

.topbgtop .nav-link {
   
    font-size: 13px!important;
    font-weight: normal;
}

.topbgtop .search-container {
    width: 30%!important;
    margin-left: 0!important;
}

.topbgtop .search-container .searcpabel a.styles {
    width: 10rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}

.topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 124px!important;
    width: 75%!important;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.topbgtoptwo::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.dropdown-menucity::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.topbgtopthree::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .topbgtoptwo span.heartline i {
    border-right: 0px #DCDCDC solid;
    padding-right: 8px;
    font-size: 18px;
    line-height: 23px;
    color: #999;
    text-align: right;
    width: 280px!important;
}

.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 80%!important;
    z-index: 1233;
    z-index: 4000;
   
    left: 318px!important;
    width: 55%!important;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.dropdown-menucity {
    position: absolute !important;
    top: 86% !important;
    z-index: 1233 !important;
    z-index: 4000;
    left: 276px !important;
    width: 60% !important;
    padding: 0.5rem 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    margin: 0.125rem 0 0;
        margin-top: 0.125rem;
        margin-bottom: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


}

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




    .topbgtop .navbar .dropdown-menu.usermenuprofile {
    margin-top: 12.15rem;
    background-color: #262431;
    box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
}

.topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}



    .topbgtop .sen.seachdiv input[type="text"] {
    width: 86%;
    font-size: 15px;
    border: none;
}


    .topbgtop .search-container .searcpabel a.styles {
    width: 18rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}

    .topbgtop .custom-navbar {
    background-color: #302A69;
}



.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 80%!important;
    z-index: 1233;
    z-index: 4000;
   
    left: 6px!important;
    width: 100%!important;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


.topbgtop .topbgtopthree.dropdown-menu .media {
    display: -ms-flexbox!important;
   
    -ms-flex-align: start;
    /* align-items: flex-start; */
    display: flex!important;
    justify-content: center!important;
}




.offcanvas-collapse {
    position: fixed;
    top: 3.25rem;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
     background-color: #211F1F!important; 
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.topbgtop .search-container {
   width: 100%!important;
margin-left: 5px;margin-top:20px;
}

.topbgtop .dropdown-menu {
    position: absolute!important;
    top: 23%!important;
    z-index: 1233!important;
    z-index: 4000;
   
    left: 6px!important;
    width: 100%!important;

    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}



.topbgtop .topbgtoptwo.dropdown-menu .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
   
}

.topbgtop .topbgtoptwo .media-body p {
    color: #000;
    line-height: 4px;
    height: 4px;
    font-weight: 100;
    font-size: 10px!important;
}

.topbgtop .topbgtoptwo .media-body h6 {
    color: #000;
    font: 700 1rem/1.5rem "Poppins-Bold", sans-serif;
    font-size: 11px!important;
    font-weight: 600;
}


.topbgtop .navbar  ul.navbar-nav {
    display: flex;
    justify-content: start;
    height: 100%;
    align-items: center;
    width: 100%;
    display: inline-block;padding: 0 0 0 9px;
}

.topbgtop .dropdown-menu  {
    position: absolute !important;
    top: 43% !important;
    z-index: 1233 !important;
    z-index: 4000;
    left: 6px !important;
    width: 100% !important;
    padding: 0.5rem 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    margin: 0.125rem 0 0;
        margin-top: 0.125rem;
        margin-bottom: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.dropdown-menucity {
    position: absolute !important;
    top: 43% !important;
    z-index: 1233 !important;
    z-index: 4000;
    left: 6px !important;
    width: 100% !important;
    padding: 0.5rem 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    margin: 0.125rem 0 0;
        margin-top: 0.125rem;
        margin-bottom: 0px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.topbgtoptwo::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 70px!important; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.dropdown-menucity::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 70px!important; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .dropdown-menu.topbgtopthree::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 70px!important; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}





}









/*useravtat*/

.topbgtop .userprofile .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.topbgtop .userprofile .bi-caret-down-fill{color: white;
    position: relative;
    top: -37px;
    left: 50%;
    font-size: 17px;}

.topbgtop .userprofile .dropdown-menu {
    position: absolute;
    top: 65%;
 
    z-index: 4000;
    /* display: none; */
    left: 75%;
width: 25%;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15)!important;
    border-radius: 0.25rem;
}



.topbgtop .userprofile .dropdown-menu .username {
   margin: 0 5%;
    align-items: end;
   
    display: flex;
    justify-content: space-between;
   
}

.topbgtop .userprofile .dropdown-menu .username h2 {
    font-size: 19px;
    color: #302A69;
    display: grid;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .username h2 span {
    font-size: 11px;
    color: #000;
    font-weight: 300;
    position: relative;
    bottom: 4px;
    line-height: normal;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .username label {
    color: #000;
    font-size: 14px;
    font-weight: 200;
}

.topbgtop .userprofile .dropdown-menu a.dropdown-item .list-group span {
    margin: 0 20px 0 -16px
}


.topbgtop .ages .dropdown-menu {
    position: absolute;
    top: 65%;
 
    z-index: 4000;
    /* display: none; */
    left: 900px;
width: 18%;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .ages ul li.list-group-item a p {
    position: relative;
    text-decoration: none;
    color: #302A69;
    font-weight: bold;
    float: left;
     width: 23px;     margin: 0 0 0 0;
}

.topbgtop .ages ul li.list-group-item a span {
    font-weight: lighter;
    color: #302A69;font-size: 13px;
}

.topbgtop .ages .list-group-item:hover {
    position: relative;
    display: block;
    padding: 0 10px;
    background-color: #ffecb0;
}

.topbgtop .ages .list-group-item {
    position: relative;
    display: block;
    padding: 0 10px;
    border: 1px solid #efefef!important;
}

.topbgtop  .navbar .nav-item .nav-link a {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #ffffff!important;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: Poppins, sans-serif !important;
    font-weight: bold;
}



.topbgtop  .navbar .nav-item .nav-link a.active {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #000!important;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: Poppins, sans-serif !important;
    font-weight: bold;
}



.topbgtop .ages .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 66px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

/*useravtar*/

/*search panel*/

.topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 93%!important;
    z-index: 1233;
    z-index: 4000;
    /*display: none;*/
    left: 162px;
width: 35rem;
   
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .topbgtoptwo.dropdown-menu a.dropdown-item .media img{ border-radius: 10px;

}

.topbgtop .topbgtoptwo.dropdown-menu a.dropdown-item .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body {
    -ms-flex: 1;
    flex: 1;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body h6 {
    color: #000;
    /* font: 700 1rem/1.5rem "Montserrat", sans-serif; */
    font-size: 12px;
    font-weight: 600;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body h5 {
    color: #000;
    /* font: 700 1.125rem/1.625rem "Montserrat", sans-serif; */
    font-size: 14px;
}

.topbgtop .topbgtoptwo a.dropdown-item .media .media-body p {
    color: #000;
    line-height: 4px;
    height: 4px;
    font-weight: 100;
    font-size: 12px;
}

.topbgtop .topbgtoptwo p.offerclub {
    width: 100%;
}

.topbgtop .topbgtoptwo p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient( 90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

.topbgtop .topbgtoptwo p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

.topbgtop .topbgtoptwo span.heartline i {
    border-right: 0px #DCDCDC solid;
    padding-right: 8px;
    font-size: 18px;
    line-height: 23px;
    color: #999;
    text-align: right;
   float: right;
}

}

.topbgtop .fa-heart:before {
    content: "\f004";
    font-size: 20px;
    color: #999999;
}


/*badgess*/
/*search panel*/

.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /*display: none;*/
    left: 935px;

width: 25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .navbar .dropdown-item.bo12badges {
    
    margin: 0 3%;
    width: 93%; 
}

/*.topbgtop .navbar .dropdown-item.bo12badges:hover {
    background: #efefef;
    
    margin: 0 3%;
    width: 93%;
}*/

.topbgtop .topbgtopthree .dropdown-item .boxsearchtree {
   
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    /* height: 80px; */ color: #000;}

 .topbgtop .topbgtopthree .dropdown-item .boxsearchtree 
 h4{color: #000; font-size: 18px; font-family: arial;}

.topbgtop .topbgtopthree .navbar .dropdown-menu .media.bo12badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;margin: 0 3%;
    margin: 0 3%;
    width: 94%;
}

.topbgtop .topbgtopthree.dropdown-menu .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}



.topbgtop .topbgtopthree .dropdown-menu .media-body {
    -ms-flex: 1;
    flex: 1;
}


.topbgtop .topbgtopthree .media-body h6 {
    color: #000;
    /* font: 700 1rem/1.5rem "Montserrat", sans-serif; */
    font-size: 12px;
    font-weight: 600;
}

.topbgtop .topbgtopthree .media-body h5 {
   
    color: #000;font-size: 14px;line-height: 16px;

}

.topbgtop .topbgtopthree .media img{border-radius: 10px;}

.topbgtop .topbgtopthree .media.mediaimg{filter: opacity(0.5);}

.topbgtop .topbgtopthree .media.mediaimg img {
   
    background: grey; border-radius: 10px;

}

.topbgtop .topbgtopthree .media-body p {
    color: #000;
    
    
    font-weight: 100;
    font-size: 13px;
}

.topbgtop .topbgtopthree .media-body.mediagray p { color: grey; }
.topbgtop .topbgtopthree .media-body.mediagray p.react {     color: grey;
    /* border-radius: 42px; */
    border: 1px #dee2e6 solid;
    width: 56px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}}
.topbgtop .topbgtopthree .media-body.mediagray h5 { color: #000;font-size: 11px;color: grey;}






.topbgtop .topbgtopthree p.offerclub {
    width: 100%;
}

.topbgtop .topbgtopthree p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient( 90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

.topbgtop .topbgtopthree p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

.topbgtop .topbgtopthree span.heartline i {
    border-right: 0px #DCDCDC solid;
    padding-right: 8px;
    font-size: 18px;
    line-height: 23px;
    color: #999;
    text-align: right;
    width: 330px
}

}

.topbgtop .fa-heart:before {
    content: "\f004";
    font-size: 20px;
    color: #999999;
}
/*badess*/
/*  .searchtop .dropdown-menu a.dropdown-item .username{width: 100%;align-items: baseline;border-bottom: 1px #e0e2e5 solid; display: flex; justify-content: space-between;align-items: center;}
    .searchtop .dropdown-menu a.dropdown-item .username h2{ font-size: 16px;color: #000;display: grid; }
    .searchtop .dropdown-menu a.dropdown-item .username h2 span{font-size: 11px;color: #000;font-weight: 300 ;position: relative; bottom: 4px;line-height: normal; }
    .searchtop .dropdown-menu a.dropdown-item .username label{    color: #000; font-size: 14px; font-weight: 200;}

    .searchtop .dropdown-menu a.dropdown-item .list-group span{margin: 0 20px 0 -16px}*/

/*search panel*/


 /*banner dic start herer*/
 .banner{ 
    padding:0 0 0 0; background: #fff url(../images/bg-login1.png) no-repeat; background-position: bottom; }


 .banner.rounded {
    border-radius: 10px!important;
}   

 .banner-inner{width:100%;  height: 830px;}

 .form-container{
    font-family: 'Poppins', sans-serif;
    background: #F2F2F2; border-radius: 10px;
    padding: 20px 25px;
    
}
 .form-container .title{
    color: #002E5B;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    width: calc(100% - 33px);
    margin: 0 0 30px;
    display: inline-block;
}


.form-container p{color: #002E5B;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    font-size: 14px;}
 .form-container h3 img{margin: 0 15px 0 0}
 .form-container .create-account{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
/*    width: 125px;*/
    vertical-align: top;
    display: inline-block;
}
 .form-container .create-account a{
    color: #002E5B;
    transition: all 0.3s ease 0s; font-size: 16px; font-weight: bold;
}
 .form-container .create-account a:hover{ color: #17c0eb; }
 .form-container .form-horizontal .form-group{
    background-color: #fff;
    font-size: 0;
    padding: 10px;
    margin: 0 0 25px;
    border-radius: 14px;
    border: 1px #B8B8B8 solid;
}

 .form-container .form-horizontal .form-group ::placeholder{color: red}
 .form-container .form-horizontal .input-icon{
    color: #000;
    font-size: 30px;
    line-height: 20px;
    margin: 0 10px 0 0;
    display: inline-block;
}
 .form-container .form-horizontal .form-control{
    color: #000;
    background:transparent;
    font-size: 16px;
    width: calc(100% - 40px);
    height: 27px;
    padding: 5px 5px 5px 5px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
}
 .form-container .form-horizontal .form-control:focus{ box-shadow: none;  }
 .form-container .form-horizontal .form-control::placeholder{
    color: #E8E1E1; font-weight: 700;
    font-size: 16px;
}
 .form-container .form-horizontal .btn{
    color: #000;
    background: #FDE428;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin: auto;
    font-weight: 700;
}
 .form-container .form-horizontal .btn:hover,
 .form-container .form-horizontal .btn:focus{
    background: #302a69;
    outline: none;
    color: #fff;
    
}
 .form-container .form-horizontal .btn i{ font-size: 16px; }
 .form-container .form-horizontal .forgot{
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    width: calc(100% - 10px);
    display: inline-block;
    vertical-align: top;
    display: flex;
    justify-content: end;
}

 .form-container .form-horizontal .havenot{
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    
    
    vertical-align: top; color: #002E5B;display: flex;
    align-items: baseline;justify-content: center;
}

 .form-container .form-horizontal .havenot a.sign{
    font-size: 13px; background: #302A69;
    font-weight: 700;
    text-align: right;
   padding:4px 15px; border-radius: 50px;text-decoration: none;
   
     color: #fff;letter-spacing: 1px;
}

 .form-container .form-horizontal .forgot a{
    color: #002E5B;
    transition: all 0.3s ease 0s;
    font-size: 16px;
    font-weight: 700;
}
 .form-container .form-horizontal .forgot a:hover{ color: #002E5B; }
License Terms 

/*banner-slider*/



#verification .form-group {
    /* background-color: #fff; */
    font-size: 0;
    padding: 10px;
    margin: 0 0 25px;
    border-radius: 0;
    border-bottom: 1px #B8B8B8 solid;
    width: 50px;
}


#verification .form-container{
    font-family: 'Poppins', sans-serif;
    background: #F2F2F2; border-radius: 10px;
    padding: 20px 25px;
    
}


#verification .form-container .title{
    color: #002E5B;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
   width: inherit;
    margin: 0 0 0;
    display: inline-block;
}

#verification .form-container .title small{
    color: #002E5B;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: inherit;
    margin: 0 0 0 39px;
    display: inline-block;
}

#verification .form-container small
{color: #002E5B;
    margin: 0 0 0 39px;
    font-size: 14px;
    font-weight: lighter;
}


#verification .form-group label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #002E5B; font-size: 15px;
}

#verification .form-horizo5ntal .form-group {
    background-color: #fff;
    font-size: 0;
    padding: 10px;
    margin: 0 0 25px;
    border-radius: 0;
    border-bottom: 1px #000 solid;
    display: inline-flex;
}

#verification .form-horizontal .form-control {
    color: #000;
    background: transparent;
    font-size: 35px;
    width: 35px;
    height: 27px;
    padding: 5px 5px 5px 5px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
}

#verification .form-container .btn {
    color: #000;
    background: #FDE428;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin: auto;
    font-weight: 700;
}

#verification .form-group {
    position: relative;
    margin-bottom: 0;
}

#verification .form-row .form-group .form-control {
    display: block;
    width: 55px;
    margin: 0 0.75rem;text-align: center;
    font-size: 35px;
   
    color: #495057;
    background-color: #f2f2f2;
    background-clip: padding-box;
    border-bottom: 1px solid #000!important;
    border-width: 0 0 1px 0;
    border-radius: 0;
    line-height: 30px;
}

#verification .resen a{
    color: #002E5B;
    transition: all 0.3s ease 0s;
    font-size: 20px;
    font-weight: 700;text-align: center;
}

/*sign up*/
#signup .form-container{
    font-family: 'Poppins', sans-serif;
    background: #F2F2F2; border-radius: 10px;
    padding: 20px 25px;
    
}


 #signup .form-container .title{
    color: #002E5B;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
   width: inherit;
    margin: 0 0 0;
    display: inline-block;
}

 #signup .form-container .title small{
    color: #002E5B;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: inherit;
    margin: 0 0 0 39px;
    display: inline-block;
}

#signup .form-container small
{color: #002E5B;
    margin: 0 0 0 39px;
    font-size: 14px;
    font-weight: lighter;
}


#signup .form-group label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #002E5B; font-size: 15px;
}





 #signup .form-container h3 img{margin: 0 15px 0 0}
 #signup .form-container .create-account{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    width: 125px;
    vertical-align: top;
    display: inline-block;
}
 #signup .form-container .create-account a{
    color: #002E5B;
    transition: all 0.3s ease 0s; font-size: 16px; font-weight: bold;
}
 #signup .form-container .create-account a:hover{ color: #17c0eb; }
 #signup .form-container .form-horizontal .form-group{
    background-color: #fff;
    font-size: 0;
    padding: 10px;
    margin: 0 0 25px;
    border-radius: 14px;
    border: 1px #B8B8B8 solid;
}

 #signup .form-container .form-horizontal .form-group ::placeholder{color: red}
 #signup .form-container .form-horizontal .input-icon{
    color: #000;
    font-size: 30px;
    line-height: 20px;
    margin: 0 10px 0 0;
    display: inline-block;
}


#signup .form-control {
    display: block;
    
    padding: 0 0.75rem 0 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff!important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius:0 10px 10px 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 0 red solid;
}

#signup .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 10px 0 0 10px;
}

#signup .form-group {
    position: relative;
    margin-bottom: 0;
}

 #signup .form-container .form-horizontal .form-control{
    color: #000;
    background:transparent;
    font-size: 16px;
    width: calc(100% - 82px);
    height: 27px;
    padding: 5px 5px 5px 5px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
}
 #signup .form-container .form-horizontal .form-control:focus{ box-shadow: none;  }
 #signup .form-container .form-horizontal .form-control::placeholder{
    color: #E8E1E1; font-weight: 700;
    font-size: 16px;
}
 #signup .form-container .btn{
    color: #000;
    background: #FDE428;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin: auto;
    font-weight: 700;
}
 #signup .btn:hover,
 #signup .btn:focus{
    background: #302a69;
    outline: none;
    color: #fff;
    
}
 #signup .form-container .form-horizontal .btn i{ font-size: 16px; }
 #signup .form-container .form-horizontal .forgot{
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    width: calc(100% - 10px);
    display: inline-block;
    vertical-align: top;
    display: flex;
    justify-content: end;
}

 #signup .form-container .havenot{
    font-size: 14px;
    font-weight: lighter;
    text-align: right;
    
    
    vertical-align: top; color: #002E5B;display: flex;
    align-items: baseline;justify-content: center;
}

 #signup .form-container .havenot a.sign{
    font-size: 13px; background: #FDE428;
    font-weight: 700; color: #000;
    text-align: right;
   padding:4px 15px; border-radius: 50px;text-decoration: none;
   
    letter-spacing: 1px;
}

 #signup .form-container .form-horizontal .forgot a{
    color: #002E5B;
    transition: all 0.3s ease 0s;
    font-size: 16px;
    font-weight: 700;
}
 #signup .form-container .form-horizontal .forgot a:hover{ color: #002E5B; }

/*sign up*/

/*contact */
#contact .contact-left{dis}
#contact .contact-left i{color: #000;font-size: 32px;
}

#contact .list-group-item { display: flex; justify-content: start; align-items: center;
    position: relative;color: #002E5B;
/*    display: block;*/
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}


#contact .form-container{
    font-family: 'Poppins', sans-serif;
    background: #fff; border-radius: 10px;
    padding: 20px 25px;
    
}


 #contact .form-container .title{
    color: #002E5B;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
   width: inherit;
    margin: 0 0 0;
    display: inline-block;
}

 #contact .form-container .title small{
    color: #002E5B;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: inherit;
    margin: 0 0 0 39px;
    display: inline-block;
}

#contact .form-container small
{color: #002E5B;
    margin: 0 0 0 39px;
    font-size: 14px;
    font-weight: lighter;
}


#contact .form-group label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #002E5B; font-size: 15px;
}





 #contact .form-container h3 img{margin: 0 15px 0 0}
 #contact .form-container .create-account{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    width: 125px;
    vertical-align: top;
    display: inline-block;
}
 #contact .form-container .create-account a{
    color: #002E5B;
    transition: all 0.3s ease 0s; font-size: 16px; font-weight: bold;
}
 #contact .form-container .create-account a:hover{ color: #17c0eb; }
 #contact .form-container .form-horizontal .form-group{
    background-color: #fff;
    font-size: 0;
    padding: 10px;
    margin: 0 0 25px;
    border-radius: 14px;
    border: 1px #B8B8B8 solid;
}

 #contact .form-container .form-horizontal .form-group ::placeholder{color: red}
 #contact .form-container .form-horizontal .input-icon{
    color: #000;
    font-size: 30px;
    line-height: 20px;
    margin: 0 10px 0 0;
    display: inline-block;
}


#contact .form-control {
    display: block;
    
    padding: 0 0.75rem 0 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff!important;
    background-clip: padding-box;
    border: 1px solid #B8B8B8;
    border-radius:0 10px 10px 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 0 red solid;
}

#contact .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 10px 0 0 10px;
}

#contact .form-group {
    position: relative;
    margin-bottom: 0;
}

 #contact .form-container .form-horizontal .form-control{
    color: #000;
    background:transparent;
    font-size: 16px;
    width: calc(100% - 82px);
    height: 27px;
    padding: 5px 5px 5px 5px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
}
 #contact .form-container .form-horizontal .form-control:focus{ box-shadow: none;  }
 #contact .form-container .form-horizontal .form-control::placeholder{
    color: #E8E1E1; font-weight: 700;
    font-size: 16px;
}

 #contact ::placeholder{font-weight: bold;color: #00000042;font-size: 16px}

 #contact .form-container .btn{
    color: #000;
    background: #FDE428;
    font-size: 16px;
    line-height: 20px;
/*    width: 100%;*/
    padding: 18px 70px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
  
    font-weight: 700;
}
 #contact .btn:hover,
 #contact .btn:focus{
    background: #302a69;
    outline: none;
    color: #fff;
    
}
 #contact .form-container .form-horizontal .btn i{ font-size: 16px; }
 #contact .form-container .form-horizontal .forgot{
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    width: calc(100% - 10px);
    display: inline-block;
    vertical-align: top;
    display: flex;
    justify-content: end;
}

 #contact .form-container .havenot{
    font-size: 14px;
    font-weight: lighter;
    text-align: right;
    
    
    vertical-align: top; color: #002E5B;display: flex;
    align-items: baseline;justify-content: center;
}

 #contact .form-container .havenot a.sign{
    font-size: 13px; background: #FDE428;
    font-weight: 700; color: #000;
    text-align: right;
   padding:4px 15px; border-radius: 50px;text-decoration: none;
   
    letter-spacing: 1px;
}

 #contact .form-container .form-horizontal .forgot a{
    color: #002E5B;
    transition: all 0.3s ease 0s;
    font-size: 16px;
    font-weight: 700;
}
 #contact .form-container .form-horizontal .forgot a:hover{ color: #002E5B; }


/*contact*/


/*banner-slider*/

.banner-slider {
    background: #F5F4EF;
    padding: 1% 0 0 0;
}

.banner-slider .owl-carousel .item .card .mainbox{width: 100%;    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
.banner-slider .owl-carousel .item .card .boxright{width: 40%;}

.banner-slider .owl-carousel .item .card .boxcontent {width: 40%;
  
}

.banner-slider .owl-carousel .item .card .boxcontent h4 {
    color: #fff;  font-size: 40px;color: #002E5B;font-weight: 700;
    line-height: 46px; margin-bottom: 60px;
}

.banner-slider .owl-carousel .item .card .boxcontent p {
    color: #fff;
    font-weight: normal;
}

.banner-slider .owl-carousel .item .card .boxcontent .boxutton {
    background-color: #fde428;
    border-color: #fde428;
    color: #002E5B;
    FONT-SIZE: 16PX;
    font-weight: bold;    border-radius: 50px;padding: 10px 20px;


}


.banner-slider .owl-carousel .item .card .boxcontent .boxutton:hover {
        background-color: #fde428;padding: 10px 20px;
   border-color: #fde428!important;border-radius: 50px; FONT-SIZE: 16PX;
    color: teal;

}








.banner-slider .owl-theme .owl-dots .owl-dot.active span {
    background: #302A69; width: 20px;
}

.banner-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #302A69; width: 20px;
}


.banner-slider .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px #302A69 solid;
}




.banner-slider .owl-carousel .item .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.60rem;
}

.banner-slider .owl-dots {
    position: absolute;
    bottom: -40px;
    width: 100%;
}

.banner-slider .item img {
    border-radius: 10px;
/*    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);*/
}

.banner-slider .owl-theme .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.banner-slider .owl-theme .owl-nav {
    margin-top: -32px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;display: none;
}

.banner-slider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 2px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    /* height: 50px;*/
}

.banner-slider .owl-theme .owl-nav .owl-prev::after {
    content: "";
    position: absolute !important;
    top: -25px;
    left: 7px;
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
}

.banner-slider .owl-theme .owl-nav .owl-next::after {
    content: "";
    position: absolute !important;
    top: -25px;
    left: 7px;
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
}

.banner-slider .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 2px;
    right: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    /* height: 50px;*/
}

.banner-slider .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.banner-slider button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

.banner-slider .owl-theme .owl-nav .owl-prev {
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
}

.banner-slider .owl-theme .owl-nav .owl-next {
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
}

.banner-slider .owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

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

    .topbgtopsec .navbar {
    background-color:#008080!important;
    font-family: Poppins, sans-serif !important;
    font-weight: normal!important;
    color: #302A69;
    font-size: 18px;
    /* box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.3); */
}


    .topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 39px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

    .topbgtop .userprofile .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left:401px;
width: 20rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15)!important;
    border-radius: 0.25rem;
}


   
    .banner-slider {
        background: #F5F4EF;
        padding: 6% 0 0 0;
    }

    .banner-slider .owl-carousel .item .card .boxcontent h4 {
    color: #fff;
    font-size: 40px;
    color: #002E5B;
    font-weight: 700;
    line-height: 23px;
}

.banner-slider .owl-carousel .item .card .boxcontent h4 {
    font-size: 13px;color: #002E5B!important;font-weight: 700;
    line-height: 26px; margin-bottom: 5px;
}
.banner-slider .owl-carousel .item .card .boxcontent h4 {
    color: #fff;
    font-size: 13px;
}

.banner-slider .owl-carousel .item .card .mainbox{width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
.banner-slider .owl-carousel .item .card .boxright{width: 100%;}

.banner-slider .owl-carousel .item .card .boxcontent {width: 100%;
  
}



    .banner-slider .owl-carousel .item .card .boxcontent h4 {
        color: #fff;
        font-size: 12px;
    }
    .banner-slider .owl-carousel .item .card .boxcontent p {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
    }
    .banner-slider .owl-carousel .item .card .boxcontent a.boxutton {
        background-color: #fde428;
    border-color: #fde428;
    color: #002E5B;
    font-size: 9px;
        margin: 15px;
    }
}



@media only screen and (min-width: 1024px) and (max-width: 1024px) {

    #free-offers .checkmark {
    position: absolute;
    top: -18px;
    left: 0!important;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A;
}

    .select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0rem;
    text-align: left;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     padding:0rem; 
}

#discount-voucher .card-body {
    margin-top: 0!important;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 12px 10px 0 19px!important;
    text-align: left;
}


.topbgtop .search-container .searcpabel a.styles {
    width: 15rem;
    float: left;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 0;
    background: #fff;
    border: 1px #ddd solid;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 13px;
}


.topbgtop .userprofile .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 733px;
    width: 25%;
    10rem: ;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .topbgtopthree.dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 511px;
    width: 25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .dropdown-menu.usermenuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 40px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}


.topbgtop .dropdown-menu {
    position: absolute;
    top: 89%;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 78px;
    width: 30rem;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 93%!important;
    z-index: 1233;
    z-index: 4000;
    /* display: none; */
    left: 5px;
    width: 25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}


}

@media only screen and (min-width: 667px) and (max-width: 1024px) {

    .topbgtop .search-container {
    width: 249px;
    margin-left: 07px;
}
    .banner-slider {
        background: #CE004A;
        padding: 3% 0 0 0;
    }
}

/*banner-slider*/

/*banner-slider*/

/*events*/

#events .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#events .heading-slider h2 {
    font-size: 22px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;
}

#events .heading-slider label {
    color: #2699FB;
    font-size: 20px;
        padding-right:20px;
}

#events .heading-slider label a {
    font-size: 18px; color: #002E5B;
    font-family:Poppins-Medium, sans-serif;
}

#events .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
    position: relative;
    max-width: 100%; 
    margin: 0 auto;
}

#events .card-img-overlay {
    position: absolute;
    top: 75%;
    right: 0;
    bottom: 0!important;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1; 
    width: 100%; 
    padding: 12px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

#events .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: auto !important;
}

#events .owl-carousel .owl-item .item .imgbox {
    color: #000;
    font-size: 19px;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#events .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#events .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#events .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#events .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#events {
    margin:3% 0 3% 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

#events .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#events button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

#events .owl-carousel .owl-nav button.owl-prev {
     background:url(../images/left-arrow.svg) no-repeat; width: 35px; height: 35px;
    
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
   /* border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;*/
}

#events .owl-carousel .owl-nav button.owl-next {
    background:url(../images/right-arrow.svg) no-repeat; width: 35px; height: 35px;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    /*border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;*/
}

/*events*/



/*events*/

#study-material .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#study-material .heading-slider h2 {
    font-size: 22px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;
}

#study-material .heading-slider label {
    color: #2699FB;
    font-size: 20px;
    padding-right:20px;
}

#study-material .heading-slider label a {
    font-size: 18px; color: #002E5B;
    font-family:Poppins-Medium, sans-serif;
}

#study-material .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
    position: relative;
    max-width: 100%; 
    margin: 0 auto; 
}

#study-material .card-img-overlay {
    position: absolute;
    top: 75%;
    right: 0;
    bottom: 0!important;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1; 
    width: 100%; 
    padding: 12px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px; 
}

#study-material .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: auto !important;
}

#study-material .owl-carousel .owl-item .item .imgbox {
    color: #000;
    font-size: 19px;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#study-material .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#study-material .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#study-material .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#study-material .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#study-material {
    margin: 0% 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

#study-material .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#study-material button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

#study-material .owl-carousel .owl-nav button.owl-prev {
     background:url(../images/left-arrow.svg) no-repeat; width: 35px; height: 35px;
    
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
   /* border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;*/
}

#study-material .owl-carousel .owl-nav button.owl-next {
    background:url(../images/right-arrow.svg) no-repeat; width: 35px; height: 35px;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    /*border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;*/
}


/*events*/

#contest .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#contest .heading-slider h2 {
    font-size: 22px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;
}

#contest .heading-slider label {
    color: #2699FB;
    font-size: 20px;
    padding-right:20px;
}

#contest .heading-slider label a {
    font-size: 18px; color: #002E5B;
    font-family:Poppins-Medium, sans-serif;
}

#contest .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
    position: relative;
    max-width: 100%; 
    margin: 0 auto; 
}

#contest .card-img-overlay {
    position: absolute;
    top: 75%;
    right: 0;
    bottom: 0!important;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1; 
    width: 100%; 
    padding: 12px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px; 
}

#contest .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: auto !important;
}

#contest .owl-carousel .owl-item .item .imgbox {
    color: #000;
    font-size: 19px;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#contest .owl-carousel { 
   
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#contest .owl-carousel .owl-nav { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#contest .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#contest .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#contest {
    margin: 0% 0;
}

/*#events .owl-item .item{display: flex;justify-content: space-evenly;}*/

#contest .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#contest button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    border: none;
}

#contest .owl-carousel .owl-nav button.owl-prev {
     background:url(../images/left-arrow.svg) no-repeat; width: 35px; height: 35px;
    
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
   /* border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;*/
}

#contest .owl-carousel .owl-nav button.owl-next {
    background:url(../images/right-arrow.svg) no-repeat; width: 35px; height: 35px;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    /*border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;*/
}



/*events*/

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


    .topbgtop .topbgtoptwo.dropdown-menu {
    position: absolute;
    top: 31% !important;
    z-index: 1233;
    z-index: 4000;
    
    left: 162px;
    width: 30rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

    #events .heading-slider h2 {
        font-size: 18px;
        color: #002E5B;
        font-family: HelveticaNeue: bold;
    }
    .icon-bar{
        display: none;
    }
    #study-material .heading-slider h2 {
        font-size: 18px;
        color: #002E5B;
        font-family: HelveticaNeue: bold;
    }
    #contest .heading-slider h2 {
        font-size: 18px;
        color: #002E5B;
        font-family: HelveticaNeue: bold;
    }
    #events .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
    #signup .form-container .title{
        font-size: 16px;
            margin-top: 10px;

    }
}

/*FEATURED EVENTS start*/

#featured-event .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#featured-event .featre-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#featured-event .featre-slider label {
    color: #2699FB;
    font-size: 20px;
}

#featured-event .iimagessize img {
    width: 100%;
    height: auto;
}

#featured-event .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#featured-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#featured-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#featured-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#featured-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#featured-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%
     !important;
}

#featured-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2%
     !important;
}

#featured-event .owl-theme .owl-nav {
    margin-top: -25px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#featured-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#featured-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#featured-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#featured-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#featured-event .card-body {
    margin-top: 20px;
}

#featured-event .card-body p{
    margin-top: 5px;
    margin-bottom: 1rem!important;
}

#featured-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
}

#featured-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#featured-event .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-right: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#featured-event .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 31px;
    float: right;
    position: relative;
    bottom: 10px;

}

#featured-event .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#featured-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#featured-event .card-body h5.card-title {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#featured-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 4px 9px;
}

#featured-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #featured-event .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #featured-event .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*FEATURED EVENTS start*/

/*trending EVENTS start*/

#trending-event {
    margin: 5% 0;
}

#trending-event .item {}

#trending-event .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#trending-event .heading-slider {
    align-items: baseline;
}

#trending-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#trending-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#trending-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#trending-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#trending-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#trending-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#trending-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#trending-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#trending-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#trending-event .owl-theme .owl-nav {
    margin-top: -25px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#trending-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#trending-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#trending-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#trending-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#trending-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#trending-event .owl-theme .offerclub {
    width: 93%;
    position: absolute;
    top: 20px;
}

#trending-event .owl-theme .offerclub p {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#trending-event .owl-theme .offerclub label {
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#trending-event .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#trending-event .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#trending-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#trending-event .card-body h5.card-title {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#trending-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#trending-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #trending-event .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #trending-event .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*trending EVENTS start*/

/*venues EVENTS start*/

#venues-event {
    margin: 5% 0;
}

#venues-event .item {}

#venues-event .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#venues-event .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#venues-event .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#venues-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#venues-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#venues-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#venues-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#venues-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#venues-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#venues-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#venues-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#venues-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2%
}

#venues-event .owl-theme .owl-nav {
    margin-top: 42px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#venues-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#venues-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#venues-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#venues-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#venues-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#venues-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#venues-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#venues-event .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#venues-event .card p.offerclubheart {
    color: #fff;
    font-size: 35px;
    position: absolute;
    bottom: 87px;
    right: 15px;
}

#venues-event .card-body p.card-text {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#venues-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#venues-event .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#venues-event .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#venues-event .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#venues-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#venues-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #venues-event .heading-slider h2 {
        font-size: 14px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #venues-event .heading-slider label {
        color: #2699FB;
        font-size: 18px;
    }
}

/*venues EVENTS start*/

/*venues EVENTS start*/

#offers-event {
    margin: 5% 0;
}

#offers-event .item {}

#offers-event .owl-carousel .owl-item img {
    display: block;
  
    
    border-radius: 4px 4px 0 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 200%);
}

#offers-event .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#offers-event .heading-slider {
    align-items: baseline;
}

#offers-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#offers-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#offers-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#offers-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#offers-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#offers-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#offers-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#offers-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2% !important;
}

#offers-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2% !important;
}

#offers-event .owl-theme .owl-nav {
    margin-top: 45px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#offers-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#offers-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#offers-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#offers-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#offers-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#offers-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#offers-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#offers-event .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#offers-event .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#offers-event .card-body p.card-text {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#offers-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#offers-event .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#offers-event .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#offers-event .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#offers-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#offers-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #offers-event .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #offers-event .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*venues EVENTS start*/

@media only screen and (max-width: 768px) {
    #last-slider .owl-carousel .item .boxcontent {
        position: absolute !important;
        left: 50px !important;
        bottom: 8px !important;
    }
    #last-slider .owl-carousel .item .boxcontent h4 {
        color: #fff !important;
        font-size: 20px !important;
    }
    #last-slider .owl-carousel .item .boxcontent p {
        color: #fff !important;
        font-weight: normal !important;
        font-size: 15px !important;
    }
}

/*last-slider start*/

#last-slider {
    margin: 5% 0;
}

/*banner-slider*/

#last-slider .owl-carousel {
    background: #fff !important;
}

#last-slider .owl-carousel .item .boxcontent {
    position: absolute;
    left: 50px;
    bottom: 50px;
}

#last-slider .owl-carousel .item .boxcontent h4 {
    color: #fff;
}

#last-slider .owl-carousel .item .boxcontent p {
    color: #fff;
    font-weight: normal;
}

#last-slider .owl-carousel .item .boxcontent a.boxutton {
    background-color: #fff;
    border-color: #fff;
    color: red;
    border-radius: 10px;
}

/*banner-slider*/

#last-slider .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#last-slider .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#last-slider .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#last-slider .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#last-slider .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#last-slider .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#last-slider .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#last-slider .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#last-slider .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: none;
}

#last-slider .owl-nav .owl-prev {
    position: absolute !important;
    left: 0 !important;
}

#last-slider .owl-nav .owl-next {
    position: absolute !important;
    right: 11px !important;
}

#last-slider .owl-theme .owl-nav {
    margin-top: 25px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#last-slider button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#last-slider .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#last-slider .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#last-slider .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#last-slider .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#last-slider .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#last-slider .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#last-slider .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#last-slider .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#last-slider .card-body p.card-text {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#last-slider .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#last-slider .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#last-slider .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#last-slider .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#last-slider .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#last-slider .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

/*venues EVENTS start*/

/*artist EVENTS start*/

#artist {
    margin:0 0 5% 0;
}

#artist .item {}

#artist .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#artist .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#artist .heading-slider {
    align-items: baseline;
}

#artist .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#artist .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#artist .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#artist .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#artist .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#artist .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#artist .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#artist .owl-nav .owl-prev {
    position: absolute !important;
    left: -2% !important;
}

#artist .owl-nav .owl-next {
    position: absolute !important;
    right: -2% !important;
}

#artist .owl-theme .owl-nav {
    margin-top: 35px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#artist button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#artist .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#artist .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#artist .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#artist .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#artist .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#artist .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff
}

#artist .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#artist .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#artist .card-body p.card-text {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}

#artist .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#artist .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
    text-align: center;
    margin: 3px 0;
}

#artist .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#artist .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#artist .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#artist .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

#artist .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#artist .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    #artist .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #artist .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*artist start*/

/*recent-quiz start*/

#recent-quiz {
    margin: 1% 0 0 1%;
}

#recent-quiz .item {}

#recent-quiz .owl-carousel .owl-item img {
    display: block !important;
    width: fit-content;
    border-radius: 3px 0 0 3px !important;
}

#recent-quiz .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
     height: 177px;
}

#recent-quiz .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px #302A69 solid;
}

#recent-quiz .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #302A69; width: 20px;
}

#recent-quiz .heading-slider {
    align-items: baseline;
}

#recent-quiz .heading-slider h2 {
   font-size: 22px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;

}

#recent-quiz .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#recent-quiz .heading-slider label a {
    font-size: 18px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;
}

#recent-quiz .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#recent-quiz .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#recent-quiz .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#recent-quiz .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#recent-quiz .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#recent-quiz .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#recent-quiz .owl-theme .owl-nav {
    margin-top: 18px;
    text-align: center;
    -webkit-tap-highlight-color: transparent; height: 0;    display: none;
}

#recent-quiz button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#recent-quiz .owl-carousel .owl-nav button.owl-prev {  display: none;
    background: url(../images/left-arrow.svg) no-repeat;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
   /* border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;*/
}

#recent-quiz .owl-carousel .owl-nav button.owl-next { display: none;
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#recent-quiz .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #E2F5F8;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
}

#recent-quiz .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0.75rem;
    float: left;
}

#recent-quiz .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

/*#news .owl-carousel .owl-item img {
    display: block!important;
    width: 100%!important;
}*/

#recent-quiz .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff
}

#recent-quiz .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#recent-quiz .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#recent-quiz .card-body p.card-text {
    color: #000;
    font-family: Poppins!important;
   font-weight: 600;
    font-size: 16px;
}

#recent-quiz .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#recent-quiz .card-body h5.card-title {
    
    color: #302A69;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

#recent-quiz .card-body h3.card-title {
    
    color: #302A69;
    font-size: 16px;
    font-weight: 800;
    text-align: left; text-transform: uppercase;
}

#recent-quiz .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: Poppins-Bold;
    font-weight: bold;
}

#recent-quiz .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#recent-quiz .card-body a.card-link {
    margin-top: -3px;
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    float: right;
}

#recent-quiz .card-body .card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #recent-quiz .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #recent-quiz .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    #recent-quiz .card-body p.card-text {
        color: #686868;
        font-family: metropolis !important;
        font-weight: normal;
        font-size: 13px !important;
    }
    #recent-quiz .card-body h5.card-title {
        margin-top: 0 !important;
        color: #000;
        font-size: 18px;
        font-family: HelveticaNeue;
        font-weight: bold;
        text-align: left;
    }
}



/*testimonials start*/

#testimonials {
    margin: 1% 0 0 1%;
}
#testimonials .card-body p{
      color: #ffffff !important;
   }
#testimonials .item {}

#testimonials .owl-carousel .owl-item img {
    display: block !important;
    width: fit-content;
    border-radius: 50% !important;
}

#testimonials .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
     height: 170px;
}

#testimonials .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px #302A69 solid;
}

#testimonials .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #302A69; width: 20px;
}

#testimonials .heading-slider {
    align-items: baseline;
}

#testimonials .heading-slider h2 {
   font-size: 22px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;

}

#testimonials .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#testimonials .heading-slider label a {
    font-size: 18px;
    color: #002E5B;
    font-family: Poppins-SemiBold, sans-serif;
}

#testimonials .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#testimonials .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#testimonials .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#testimonials .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    display: block;
}

#testimonials .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#testimonials .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
}

#testimonials .owl-theme .owl-nav {
    margin-top: 18px;
    text-align: center;
    -webkit-tap-highlight-color: transparent; height: 0;    display: none;
}

#testimonials button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#testimonials .owl-carousel .owl-nav button.owl-prev {  display: none;
    background: url(../images/left-arrow.svg) no-repeat;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
   /* border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;*/
}

#testimonials .owl-carousel .owl-nav button.owl-next { display: none;
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#testimonials .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FF6AA0;
    background-clip: border-box;
    border: 0px solid #FF3D83;
    border-radius: 10px;
}

#testimonials .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0.75rem;
    float: left;
}

#testimonials .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

/*#news .owl-carousel .owl-item img {
    display: block!important;
    width: 100%!important;
}*/

#testimonials .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff
}

#testimonials .card-body p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#testimonials .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#testimonials .card-body p.card-text {
    color: #000;
    font-family: Poppins!important;
   font-weight: 600;
    font-size: 16px;
}

#testimonials .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#testimonials .card-body h5.card-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

#testimonials .card-role {
  font-size: 10px;
  color: #fff;
}

#testimonials h5{
	margin-bottom: 0px;
}

#testimonials .card-body h3.card-title {
    
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    text-align: left; text-transform: uppercase;
}

#testimonials .card-body h5.card-title label {
    color: #000;
    font-size: 22px;
    font-family: Poppins-Bold;
    font-weight: bold;
}

#testimonials .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#testimonials .card-body a.card-link {
    margin-top: -3px;
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    float: right;
}

#testimonials .card-body .card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #testimonials .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #testimonials .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    #testimonials .card-body p.card-text {
        color: #686868;
        font-family: metropolis !important;
        font-weight: normal;
        font-size: 13px !important;
    }
    #testimonials .card-body h5.card-title {
        margin-top: 0 !important;
        color: #000;
        font-size: 18px;
        font-family: HelveticaNeue;
        font-weight: bold;
        text-align: left;
    }
}

.testimonials-slider {
    background: #FEEEF9;
    padding: 1% 0 0 0;
}





/*news start*/

/*quizz start here*/
/*mutiple*/
.wrappermu {
   
    margin: 0 auto;
}

.wrappermu h2.title{color: #000;font-size: 25px}

.wrappermu .rewards-points{background: #F2F4FA;border-radius: 7px;    padding: 10px 15px;}

.wrappermu .rewards-points p{color: #000}

.wrappermu .content {
    padding: 0  0 0 0;
    padding-bottom: 0
}


.wrappermu .content.bag{background-color: #fff;border-radius: 5px;color: #002E5B;}

.wrappermu a:hover {
    text-decoration: none
}

.wrappermu
span {
   
    font-weight: 600;
    color: rgb(50, 141, 245);
    padding-bottom: 30px
}

.wrappermu p.text-muted {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px; ;
}

.wrappermu b {
    font-size: 15px;
    font-weight: bolder;color: #002E5B;
}


.quizzes-sumit.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.quizzes-sumit .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.quizzes-sumit .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;width: 100%;
}

.quizzes-sumit .modal-dialog {
   
    width:20%;
    
    
}

.quizzes-sumit .modal-body i.bi-check-circle-fill{

color: #008080; font-size: 40px;
}

.quizzes-sumit .modal-body h4 {

color: #008080; 
}

.quizzes-sumit .modal-body p{

color: #000;     font-weight: 100;
}

.quizzes-sumit .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0rem 0 34px 0;
    border-top: 0px solid #e9ecef;
}

.quizzes-sumit .btn {
    color: #000;
    background: #FDE428;
    font-size: 18px;
    line-height: 20px;
    width: 80%;
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin: auto;
    font-weight: 700;
}


.wrappermu .btn {
    color: #000;
    background: #FDE428;
    font-size: 18px;
    line-height: 20px;
    width: 20%;
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    display: inline-block;
    transition: all 0.3s ease 0s;
    margin: auto;
    font-weight: 700;
}

.wrappermu .btn:hover, .btn:focus {
    background: #302a69;
    outline: none;
    color: #fff;
}

.wrappermu .option {
    background-color: #ffffff;
    width: 100%;
    border: 1px #DADADA solid;color: #000;
}

.wrappermu .active55, .option:hover{
    background-color: #008080;
    width: 100%;
   color: #fff;
}


.wrappermu .option.greenbg {
    display: block;
    /* height: 40px; */
    background-color: #008080;color: #fff;
    position: relative;
    width: 100%;
    padding: 20px;cursor: pointer;
}



.wrappermu .content, .options label {
    margin-bottom: 13px!important;
}




.wrappermu .content ul{}
.wrappermu .content ul li{padding-left: 20px;}

.wrappermu .content p{padding-left: 0;color: #002E5B;}

.timewidth p{padding-left: 0;color: #002E5B; width: 60%; word-wrap: break-word;}

.timewidth .bi-eye-fill{color:#F4C430;font-size: 25px;}

.wrappermu label .option {
    background-color: #e8e8e8;
    cursor: pointer
}

.wrappermu .option .active:hover  {
    background-color: #e8e8e8;
    cursor: pointer
}

.wrappermu .option input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.wrappermu .checkmark,
.wrappermu .crossmark {
    position: absolute;
    top: 6px;
    right: 10px;
    height: 22px;
    width: 22px;
    background-color: #f4f4f4;
    border-radius: 2px;
    padding: 0
}












p.mb-4 {
    border-left: 3px solid green
}

p.my-2 {
    border-left: 3px solid red
}





.timewidth{width: 100%}

#eyesight {
  position: relative;
 
  height: 50px;
  width: 50px;
  text-align: center;
}

#countdown {
  position: relative;
 
  height: 50px;
  width: 50px;
  text-align: center;
}

#countdown-number {
  color: black;
  display: inline-block;
  line-height: 50px;   width: 160px;
    padding: 0px 20px;
    border-radius: 9px;
    background: #233a7e63;
}

svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
  stroke-dasharray: 140px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 4px;
  stroke: #FDE428;
  fill: none;
  animation: countdown 10s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 140px;
  }
}
/*end*/
/*quizz end */

/*quizzlist start*/

#accordionExample .bi-chevron-right::before {
    content: "\f285";
    font-weight: bold !important;
    font-size: 27px;
}

#accordionExample .headin-arrow {padding-top: 4px}

#accordionExample .card-header .title {
    color: #302A69; font-size: 17px;margin-bottom: 0;
}
#accordionExample .card-header .accicon {
  float: right;
    font-size: 30px;;
    width: 1.2em;
    color: #302A69;
}
#accordionExample .card-header{
  cursor: pointer;
  border-bottom: none;
}
#accordionExample .card{
  border: 1px solid #ddd;
}
#accordionExample .card-body{
  border-top: 1px solid #ddd;
    color: #7C7C7C;
    font-size: 15px;
    font-weight: 500;
}
#accordionExample .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(-180deg);
}

#accordionExample .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F0F2F5;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;    margin: 15px 0;

}

#accordionExample .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 0px solid rgba(0,0,0,.125);
}

#accordionExample p.title{color: #302A69; font-size: 17px}
#accordionExample small.titlebottom{color: #7C7C7C; font-size: 15px;font-weight: 600}
#accordionExample small.titlebottom b.counte{color: #FDE428;
    font-size: 15px;
    background: #302A69;
    padding: 3px 10px;
    border-radius: 50px;}






/*quizzlist end*/



/*faq start*/

#faq .headin-arrow {}

#faq .card-header .title {
    color: #302A69; font-size: 17px;margin-bottom: 0;
}
#faq .card-header .accicon {
  float: right;
    font-size: 30px;;
    width: 1.2em;
    color: #302A69;
}
#faq .card-header{
  cursor: pointer;
  border-bottom: none;
}
#faq .card{
  border: 0px solid #ddd;
}
#faq .card-body {
    /* border-top: 1px solid #ddd; */
    color: #7C7C7C;
    font-size: 15px;
    font-weight: 500;
    background:#002e5b0a;
}
#faq .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(-180deg);
}



#faq .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem 1.25rem 18px!important
}

#faq .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border-bottom: 1px solid #70707038;
    border-radius: 0;    margin: 15px 0;

}

#faq .card-header {
    padding:0.75rem 1.25rem 0;
    margin-bottom: 0;
    background-color: #002e5b0a;
    border-bottom: 0px solid rgba(0,0,0,.125);
}

#faq p.title{color: #302A69; font-size: 17px}
#faq small.titlebottom{color: #7C7C7C; font-size: 15px;font-weight: 600}
#faq small.titlebottom b.counte{color: #FDE428;
    font-size: 15px;
    background: #302A69;
    padding: 3px 10px;
    border-radius: 50px;}






/*faq end*/

#blog-event {
    margin: 3% 0;
}

#blog-event .item {}

#blog-event .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 3px 3px 0 0
}

#blog-event .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0;
}

#blog-event .heading-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#blog-event .heading-slider h2 {
    font-size: 24px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#blog-event .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#blog-event .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#blog-event .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#blog-event .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#blog-event .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#blog-event .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#blog-event .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
}

#blog-event .owl-nav .owl-next {
    position: absolute !important;
    right: -2% !important;
}

#blog-event .owl-theme .owl-nav {
    margin-top: -26px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#blog-event button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#blog-event .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#blog-event .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#blog-event .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F8F8F8;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#blog-event .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 10px 0.75rem;
}

#blog-event .card-body p.offerclub {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    eft: 12px;
}

#blog-event .card-body p.offerclub span.exclusive {
    border-radius: 2px;
    width: 20px;
    padding: 5px;
    color: #fff;
    font-size: 19px;
}

#blog-event .card-body p.offerclub span.offer {
    vertical-align: super;
    border-radius: 2px;
    width: 50px;
    margin-left: 0rem;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}

#blog-event .card p.offerclubheart {
    color: #fff;
    font-size: 35px;
    position: absolute;
    bottom: 110px;
    right: 15px;
}

#blog-event .card-body p.card-text {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 18px;
}

#blog-event .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#blog-event .card-body h5.card-title {
    margin-top: 10px;
    color: #000;
    font-size: 22px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#blog-event .card-body h5.card-title label {
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#blog-event .card-body h5 span {
    color: #686868;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 15px;
}

#blog-event .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}

#blog-event .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

@media only screen and (max-width: 767px) {
    #blog-event .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #blog-event .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
    #blog-event .heading-slider label a {
        color: #2699FB;
        text-decoration: none;
    }
}

/*venues EVENTS start*/

#happening .happening-inner h2 {
    font-size: 28px;
    color: #000000;
    display: block;
    font-family: HelveticaNeue;
}

#happening .happening-inner p {
    font-size: 22px;
    color: #000000;
    font-weight: 300;
    font-family: HelveticaNeue;
}

#happening .happening-inner ul.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

#happening .happening-inner ul li span.text-muted {
    width: 180px;
    color: #6c757d !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#happening .happening-inner ul li div h6 {
    color: #6c757d !important;
    font-size: 14px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#happening .happening-inner ul li div small.text-muted {
    color: #000 !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 25px;
    font-weight: bold;
}

/* EVENTS week start*/

#eventweek .eventweek-inner h2 {
    font-size: 28px;
    color: #000000;
    display: block;
    font-family: HelveticaNeue;
}

#eventweek .eventweek-inner p {
    font-size: 26px;
    color: #000000;
    font-weight: 300;
    font-family: HelveticaNeue;
}

#eventweek .eventweek-inner ul.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

#eventweek .eventweek-inner ul li span.text-muted {
    color: #CE004A !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#eventweek .eventweek-inner ul li div h6 {
    color: #6c757d !important;
    font-size: 14px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#eventweek .eventweek-inner ul li div h6.fontlower {
    color: #6c757d !important;
    font-size: 14px;
    font-family: HelveticaNeue;
    margin-top: 14px;
    font-weight: 300;
}

#eventweek .eventweek-inner ul li div small.text-muted {
    color: #000 !important;
    font-size: 20px;
    font-family: HelveticaNeue;
    margin-top: 25px;
    font-weight: bold;
}

#eventweek .eventweek-inner ul li div.roundered {
    border: 1px #CE004A solid;
    border-radius: 10px;
    padding: 4px 9px;
}

/*#happening .text-muted {
    color: #6c757d !important;
    margin-top: 14px;
    }*/

/*get touch*/

.call-action-content .buclass {
    margin: 10px 0;
    float: left;
}

.call-action-content .buclass p.andrioidcl {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    float: left;
}

.call-action-content .buclass p.andrioidcl a {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    margin-right: 15px;
}

.call-to-action {
    background-color: #F8F8F8;
    position: relative;
}

.call-action-image {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)*/
}

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

    .wrappermu .rewards-points p {
    color: #000;
    width: 62px;
}
    .call-action-image {
        position: relative;
        width: 100%;
    }
    .call-action-content .call-title {
        font-size: 32px !important;
    }
    .call-action-image {
        position: relative;
        width: 100%;
    }
    .call-action-content {
        margin: 0 0 !important;
        padding-top: 100px;
        padding-bottom: 256px;
    }
    .call-action-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

/*.call-action-image img {
   
    height: 100%;
    object-fit: cover;
    object-position: center center;
}*/

.call-action-content {
    margin: 0 10%;
    padding-top: 100px;
    padding-bottom: 256px;
}

.call-action-content .call-title {
    font-size: 37px;
    text-align: left;
    font-weight: 400;
    color: #fff;
    line-height: 55px;
    color: #000;
}

.call-action-content .text {
    font-size: 17px;
    text-align: left;
    line-height: 24px;
    margin-top: 16px;
    color: #000;
    font-weight: 200;
}

@media (max-width: 767px) {
    .call-action-content .text {
        font-size: 14px;
    }
}

.call-action-content .call-newsletter {
    max-width: 410px;
    position: relative;
}

.call-action-content .call-newsletter i {
    font-size: 26px;
    color: #0067f4;
    position: absolute;
    left: 18px;
    top: 15px;
}

.call-action-content .call-newsletter input {
    width: 100%;
    height: 56px;
    border: 1px solid #4b4f54;
    border-radius: 50px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 30px;
}

.call-action-content .call-newsletter input::placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter input::-moz-placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter input::-moz-placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter input::-webkit-input-placeholder {
    opacity: 1;
    color: #6c6c6c;
}

.call-action-content .call-newsletter button {
    border: 0;
    border-radius: 50px;
    height: 54px;
    padding: 0 35px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0px;
    background-color: #272727;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
    .call-action-content .call-newsletter button {
        position: relative;
        right: auto;
        margin-top: 15px;
        background-color: #272727;
        color: #fff;
    }
}

.call-action-content .call-newsletter button:hover {
    background-color: #4b4f54;
    color: #fff;
}

/*===========================
    6.CALL TO ACTION css 
    ===========================*/

/*get touch*/

/*topfooter*/

.container-fluid#topfooter {
    background: #670025;
}

/* #topfooter .topfooer{border: 1px red solid;}*/

#topfooter .topfooer h3 {
    font-size: 24px;
    font-weight: bold;
}

#topfooter .topfooer p {
    font-size: 13px;
    font-weight: 400;
}

#topmiddle {
    background: #CE004A;
}

/* #topfooter .topfooer{border: 1px red solid;}*/

#topmiddle h2 {
    font-size: 24px;
    font-weight: bold;
}

#topmiddle h3 {
    font-size: 22px;
    font-weight: bold;
}

#topmiddle p {
    word-spacing: 10px;
    font-size: 14.5px;
    font-weight: 200;
}

.fa-circle {
    font-size: 5px;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

/*topfooter*/

/**************************/

/*     General Styles     */

/**************************/

body,
@font-face {
    font-family: 'Poppins', sans-serif; !important;
    src: url(rama-puzzle/fonts/Poppins, sans-serif;) !important;
}

html {
    width: 100%;
    height: 100%;
    background-color: #2f2c3d;
}

body,
p {
    color: #f1f1f8;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

h1 {
    color: #f1f1f8;
    font: 700 2.75rem/3.5rem "Poppins", sans-serif;
}

h2 {
    color: #f1f1f8;
    font: 700 2rem/2.625rem "Poppins-SemiBold", sans-serif;
}

h3 {
    color: #f1f1f8;
    font: 700 1.5rem/2.25rem "Poppins", sans-serif;
}

h4 {
    color: #f1f1f8;
    font: 700 1.375rem/2.125rem "Poppins-SemiBold", sans-serif;
}

h5 {
    color: #f1f1f8;
    font: 700 1.125rem/1.625rem "Poppins", sans-serif;
}

h6 {
    color: #f1f1f8;
    font: 700 1rem/1.5rem "Poppins", sans-serif;
}

.p-large {
    font: 400 1.125rem/1.875rem "Poppins", sans-serif;
}

.p-small {
    font: 400 0.875rem/1.625rem "Poppins", sans-serif;
    color: #fff !important;
}

.p-small.footercolo {
    font: 400 0.875rem/1.625rem "Poppins", sans-serif;
    color: #aaa !important;
}

.testimonial-text {
    font-style: italic;
}

.testimonial-author {
    font: 700 1rem/1.5rem "Poppins", sans-serif;
}

.li-space-lg li {
    margin-bottom: 0.5rem;
}

a {
    color: #f1f1f8;
    /*text-decoration: underline;*/
}

a:hover {
    color: #f1f1f8;
    text-decoration: underline;
}

.blue {
    color: #00c9db;
}

.hr-heading {
    display: inline-block;
    width: 4.5rem;
    height: 0.125rem;
    margin-top: 0;
    border: none;
    background-color: #00c9db;
}

/*footer*/

.sociallink {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    /*padding: 10px 0.75rem*/
}

.sociallink a.solink {
    font-size: 10px;
    font-size: 24px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    padding: 2px 8px;
}

/*footer*/

.bg-dark-blue {
    background-color: #302A69;
}

.mb-6 {
    margin-bottom: 6rem;
}

.pt-6 {
    padding-top: 6rem;
}

.btn-solid-reg {
    display: inline-block;
    padding: 1.375rem 2.25rem 1.375rem 2.25rem;
    border: 1px solid #00c9db;
    border-radius: 2rem;
    background-color: #00c9db;
    color: #ffffff;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-solid-reg:hover {
    border: 1px solid #00c9db;
    background-color: transparent;
    color: #00c9db;
    text-decoration: none;
}

.btn-solid-lg {
    display: inline-block;
    padding: 1.625rem 2.5rem 1.625rem 2.5rem;
    border: 1px solid #00c9db;
    border-radius: 2rem;
    background-color: #00c9db;
    color: #ffffff;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-solid-lg:hover {
    border: 1px solid #00c9db;
    background-color: transparent;
    color: #00c9db;
    text-decoration: none;
}

.btn-solid-lg .fab {
    margin-right: 0.5rem;
    font-size: 1.25rem;
    line-height: 0;
    vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
    font-size: 1rem;
}

.btn-outline-reg {
    display: inline-block;
    padding: 1.375rem 2.25rem 1.375rem 2.25rem;
    border: 1px solid #f1f1f8;
    border-radius: 2rem;
    background-color: transparent;
    color: #f1f1f8;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-reg:hover {
    border: 1px solid #f1f1f8;
    background-color: #f1f1f8;
    color: #2f2c3d;
    text-decoration: none;
}

.btn-outline-lg {
    display: inline-block;
    padding: 1.5rem 2.375rem 1.5rem 2.375rem;
    border: 1px solid #f1f1f8;
    border-radius: 2rem;
    background-color: transparent;
    color: #f1f1f8;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-lg:hover {
    border: 1px solid #f1f1f8;
    background-color: #f1f1f8;
    color: #2f2c3d;
    text-decoration: none;
}

.btn-outline-sm {
    display: inline-block;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border: 1px solid #f1f1f8;
    border-radius: 2rem;
    background-color: transparent;
    color: #f1f1f8;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-sm:hover {
    border: 1px solid #f1f1f8;
    background-color: #f1f1f8;
    color: #2f2c3d;
    text-decoration: none;
}

.form-group {
    position: relative;
    margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
    margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
    margin-top: 0.375rem;
}

.label-control {
    position: absolute;
    top: 0.87rem;
    left: 1.375rem;
    color: #f1f1f8;
    opacity: 1;
    font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
    cursor: text;
    transition: all 0.2s ease;
}

.form-control-input:focus+.label-control,
.form-control-input.notEmpty+.label-control,
.form-control-textarea:focus+.label-control,
.form-control-textarea.notEmpty+.label-control {
    top: 0.125rem;
    opacity: 1;
    font-size: 0.75rem;
    font-weight: 700;
}

.form-control-input,
.form-control-select {
    display: block;
    /* needed for proper display of the label in Firefox, IE, Edge */
    width: 100%;
    padding-top: 1.0625rem;
    padding-bottom: 0.0625rem;
    padding-left: 1.3125rem;
    border: 1px solid #726e83;
    border-radius: 0.375rem;
    background-color: #423f52;
    color: #f1f1f8;
    font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
    transition: all 0.2s;
    -webkit-appearance: none;
    /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 3rem;
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

.form-control-textarea {
    display: block;
    /* used to eliminate a bottom gap difference between Chrome and IE/FF */
    width: 100%;
    height: 14rem;
    /* used instead of html rows to normalize height between Chrome and IE/FF */
    padding-top: 1.25rem;
    padding-left: 1.3125rem;
    border: 1px solid #726e83;
    border-radius: 0.375rem;
    background-color: #423f52;
    color: #f1f1f8;
    font: 400 0.875rem/1.75rem "Open Sans", sans-serif;
    transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
    border: 1px solid #a1a1a1;
    outline: none;
    /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
    border: 1px solid #a1a1a1;
}

input[type='checkbox'] {
    vertical-align: -10%;
    margin-right: 0.5rem;
}

.form-control-submit-button {
    display: inline-block;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #00c9db;
    border-radius: 0.375rem;
    background-color: #00c9db;
    color: #ffffff;
    font: 600 0.875rem/0 "Open Sans", sans-serif;
    cursor: pointer;
    transition: all 0.2s;
}

.form-control-submit-button:hover {
    border: 1px solid #00c9db;
    background-color: transparent;
    color: #00c9db;
}

/* Form Success And Error Message Formatting */

#cmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center {
    display: block;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1rem;
}

.help-block.with-errors .list-unstyled {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align: left;
}

.help-block.with-errors ul {
    margin-bottom: 0;
}

/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Details Lightbox - Magnific Popup */

/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
    -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
    transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
    -ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
    transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
    -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
    transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* end of fade-move animation for details lightbox - magnific popup */

/* Fade Animation For Image Lightbox - Magnific Popup */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation: fadeIn 0.6s;
    animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation: fadeOut 0.8s;
    animation: fadeOut 0.8s;
}

/* end of fade animation for image lightbox - magnific popup */

/**********************/

/*     Navigation     */

/**********************/




.topbgtop .navbar-dark .navbar-nav .nav-item .nav-link {
    color: #fff;
}

.topbgtop .navbar-dark .navbar-nav .nav-link.active2 a{color: #fff!important}

.topbgtop .navbar-dark .navbar-nav .nav-link.active2:hover, a.active2 {
    color: #FDE428 !important;
     border-radius: 50px;
}

.topbgtop .navbar-dark .navbar-nav .nav-link:hover{color:#FDE428}
.topbgtop .navbar-dark .navbar-nav .nav-link.active3 a{color: #fff!important}

.topbgtop .navbar-dark .navbar-nav .nav-link.active3:hover, a.active3 {
    color: #002E5B !important;
     border-radius: 50px; background: #FDE428!important;
}





.topbgtopsec .nav-link a{color: #fff!important}

.topbgtopsec .nav-link:hover, a.active {
    color: #FDE428 !important;
    background-color: #FDE428!important; border-radius: 50px;
}


.topbgtop .navarclass.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #fff !important;
}

.topbgtop .navarclass.navbar .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #212529;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
}

.topbgtop .navarclass.navbar .dropdown-item:hover {
    background-color: #fff;
    color: #CE004A;
}

.topbgtop .navbar i {
    font-style: italic;margin: 0 10px 0 0;
}

.topbgtop .navbar .nav-item a.nav-link span::after {
    content: '';
    position: relative;
    left: 30px;
    border-right: 1px #fff solid;
}

.topbgtop .navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 0.4rem;
}

.topbgtop .navbar .nav-item .nav-link h5.usertext {
    padding-top: 0.625rem;display: contents;
    padding-bottom: 0.625rem;
    color: #fff!important;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: Poppins, sans-serif !important;
    font-weight: bold;
}

.topbgtop .navbar .nav-item .nav-link h5.usertext small{position: relative;
    top: -15px;
    left: 51px;}

.topbgtop .navbar .nav-item .nav-link p.userprofile b{    padding: 0 0 0 28px;    font-size: 15px;
}

/*.topbgtop .navbar-nav .nav-link{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #fff!important;
    text-decoration: none;
    transition: all 0.2s ease;
    font-family: Poppins, sans-serif !important;
    font-weight: bold;
}*/




/*.topbgtop .navbar-nav .nav-link a{color: red}
}

.topbgtop .navbar-nav .nav-link a.active, .nav-link:hover{color: #000!important}*/











.topbgtop .navarclass .nav-link {
   
    padding: 10px 25px!important;
}







/*.navbar .nav-item .nav-link:hover, a.active {color: #008080!important;
}
*/

/*.nav-item span{ border-right:1px #fff solid;display: block!important; }*/







.topbgtopsec .navbar {
    background-color: #fff;
    font-family: Poppins, sans-serif !important;
    font-weight: normal!important; color: #302A69;
    font-size: 18px;
   /* box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.3);*/
}

.topbgtopsec .navarclass.navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: 0px red solid;
    background-color: #fff!important;box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.topbgtopsec .navbar .navbar-brand {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.topbgtopsec .navbar .logo-image img {
    width: 6.625rem;
    height: 2rem;
}

.topbgtopsec .navbar .logo-text {
    color: #f1f1f8;
    font: 700 2rem/1rem "Open Sans", sans-serif;
    text-decoration: none;
}

.topbgtopsec .offcanvas-collapse {
    position: fixed;
    top: 3.25rem;
    /* adjusts the height between the top of the page and the offcanvas menu */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #262431;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.topbgtopsec .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.topbgtopsec .navbar .navbar-nav {
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.topbgtopsec .navbar .nav-item .nav-link i{padding: 2px}

.topbgtopsec .navbar .nav-item .nav-link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #302A69!important;
    text-decoration: none;
    transition: all 0.2s ease; font-family: Poppins, sans-serif !important;
    font-weight: bold;
}





/*.navbar .nav-item .nav-link li:after{content: '|';
    border-right: 1px #fff solid;
    padding: 9px 50px!important; 

    content: url('');
    display: inline-block;
    width: 12px;
    height: 12px;
   
}*/

.topbgtopsec .navbar .nav-item a.nav-link span::after {
    content: '';position: relative;
    left: 30px;

   
 border-right: 1px #fff solid;
}


.topbgtopsec .navbar .nav-item:hover .nav-link,
.topbgtopsec .navbar .nav-item.active .nav-link {
    color: #fff;
}

/* Dropdown Menu */

.topbgtopsec .navbar .dropdown .dropdown-menu {
    animation: fadeDropdown 0.2s;
    /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.topbgtopsec .navbar .dropdown-menu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    background-color: #262431;
}

.topbgtopsec .navbar .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #f1f1f8;
    font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
    text-decoration: none;
}

.topbgtopsec .navbar .dropdown-item:hover {
    background-color: #262431;
    color: #00c9db;
}

.topbgtopsec .navbar .dropdown-divider {
    width: 100%;
    height: 1px;
    margin: 0.5rem auto 0.5rem auto;
    border: none;
    background-color: #3a3942;
}

/* end of dropdown menu */

.topbgtopsec .navbar .social-icons {
    display: block;
}

.topbgtopsec .navbar .fa-stack {
    width: 2em;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
    font-size: 0.75rem;
}

.topbgtopsec .navbar .fa-stack-2x {
    color: #00c9db;
    transition: all 0.2s ease;
}

.topbgtopsec .navbar .fa-stack-1x {
    color: #ffffff;
    transition: all 0.2s ease;
}

.topbgtopsec .navbar .fa-stack:hover .fa-stack-2x {
    color: #ffffff;
}

.topbgtopsec .navbar .fa-stack:hover .fa-stack-1x {
    color: #00c9db;
}

.topbgtopsec .navbar .navbar-toggler {
    padding: 0;
    border: none;
    font-size: 1.25rem;
    z-index: 5000;
}

/*****************/

/*    Header     */

/*****************/

.header {
    padding-top: 8rem;
    padding-bottom: 7.75rem;
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('../images/header-background.jpg') center center no-repeat;
    background-size: cover;
    text-align: center;
}

.header h1 {
    margin-bottom: 1rem;
}

.header h1 #js-rotating {
    color: #00c9db;
}

.header .p-large {
    margin-bottom: 2.5rem;
}

.header .btn-solid-lg {
    margin-right: 0.375rem;
    margin-bottom: 1.125rem;
    margin-left: 0.375rem;
}

.header .text-container {
    margin-bottom: 4rem;
}

/************************/

/*     Testimonials     */

/************************/

.slider-1 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.slider-1 .slider-container {
    position: relative;
}

.slider-1 .swiper-container {
    position: static;
    width: 86%;
    text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.slider-1 .swiper-button-prev {
    left: -0.875rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
    right: -0.875rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
    position: relative;
    border: none;
    background-color: transparent;
}

.slider-1 .card-image {
    width: 5rem;
    height: 5rem;
    margin-right: auto;
    margin-bottom: 1.25rem;
    margin-left: auto;
    border-radius: 50%;
}

.slider-1 .card-body {
    padding: 0;
}

.slider-1 .testimonial-text {
    margin-bottom: 0.75rem;
}

.slider-1 .testimonial-author {
    margin-bottom: 0;
}

/********************/

/*     Features     */

/********************/

.tabs {
    padding-top: 7.5rem;
    padding-bottom: 5.75rem;
    background-color: #2f2c3d;
}

.tabs h2 {
    text-align: center;
}

.tabs .p-heading {
    margin-bottom: 3.125rem;
    text-align: center;
}

.tabs .nav-tabs {
    margin-right: auto;
    margin-bottom: 2.5rem;
    margin-left: auto;
    justify-content: center;
    border-bottom: none;
}

.tabs .nav-link {
    margin-bottom: 1rem;
    padding: 0.5rem 1.375rem 0.25rem 1.375rem;
    border: none;
    border-bottom: 0.1875rem solid #f1f1f8;
    border-radius: 0;
    color: #f1f1f8;
    font: 700 1rem/1.75rem "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tabs .nav-link.active,
.tabs .nav-link:hover {
    border-bottom: 0.1875rem solid #00c9db;
    background-color: transparent;
    color: #00c9db;
}

.tabs .nav-link .fas {
    margin-right: 0.375rem;
    font-size: 1rem;
}

.tabs .tab-content {
    width: 100%;
    /* for proper display in IE11 */
}

.tabs .fa-stack {
    width: 2em;
    margin-right: 0.625rem;
    font-size: 1.25rem;
}

.tabs .fa-stack-2x {
    color: #00c9db;
}

.tabs .fa-stack-1x {
    color: #ffffff;
}

.tabs #tab-1 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.tabs #tab-1 img {
    display: block;
    margin: 2rem auto 5rem auto;
}

.tabs #tab-2 img {
    display: block;
    margin: 0 auto 4rem auto;
}

.tabs #tab-2 p.sub-heading {
    margin-bottom: 2.5rem;
}

.tabs #tab-2 .list-unstyled {
    margin-bottom: 0;
}

.tabs #tab-2 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.tabs #tab-2 h3 {
    margin-bottom: 0.75rem;
}

.tabs #tab-3 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.tabs #tab-3 h3 {
    margin-top: 1rem;
    margin-bottom: 0.75rem;
}

.tabs #tab-3 p.sub-heading {
    margin-bottom: 3rem;
}

.tabs #tab-3 img {
    display: block;
    margin: 1rem auto 2rem auto;
}

/*****************/

/*     Video     */

/*****************/

.basic-1 {
    padding-top: 7.5rem;
    padding-bottom: 8rem;
    background: url('../images/video-background.jpg') center center no-repeat;
    background-size: cover;
}

.basic-1 h2 {
    text-align: center;
}

.basic-1 .p-heading {
    margin-bottom: 4rem;
    text-align: center;
}

.basic-1 .image-container img {
    border-radius: 0.5rem;
}

.basic-1 .video-wrapper {
    position: relative;
}

/* Video Play Button */

.basic-1 .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    background: #00c9db;
    animation: pulse-border 1500ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background: #00c9db;
    transition: all 200ms;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button span {
    position: relative;
    display: block;
    z-index: 3;
    top: 0.375rem;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

/* end of video play button */

/*********************/

/*     Details 1     */

/*********************/

.basic-2 {
    padding-top: 8rem;
    padding-bottom: 4.25rem;
}

.basic-2 .image-container {
    margin-bottom: 4rem;
}

.basic-2 h2 {
    margin-bottom: 1.875rem;
}

.basic-2 p {
    margin-bottom: 1.75rem;
}

/******************************/

/*     Details 1 Lightbox     */

/******************************/

.lightbox-basic {
    position: relative;
    max-width: 71.875rem;
    margin: 2.5rem auto;
    padding: 3rem 1rem;
    background-color: #2f2c3d;
    text-align: left;
}

.lightbox-basic .image-container {
    margin-bottom: 3rem;
    text-align: center;
}

.lightbox-basic .image-container img {
    border-radius: 0.5rem;
}

.lightbox-basic h3 {
    margin-bottom: 0.5rem;
}

.lightbox-basic hr {
    width: 2.75rem;
    margin-top: 0.125rem;
    margin-bottom: 1rem;
    margin-left: 0;
    border-top: 0.125rem solid #00c9db;
}

.lightbox-basic h4 {
    margin-top: 1.75rem;
    margin-bottom: 0.625rem;
}

.lightbox-basic .list-unstyled {
    margin-bottom: 1.5rem;
}

.lightbox-basic .list-unstyled .fas {
    color: #00c9db;
    font-size: 0.875rem;
    line-height: 1.75rem;
}

.lightbox-basic .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.lightbox-basic .list-unstyled {
    margin-bottom: 1.5rem;
}

/* Action Button */

.lightbox-basic .btn-solid-reg.mfp-close {
    position: relative;
    width: auto;
    height: auto;
    color: #ffffff;
    opacity: 1;
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
    color: #00c9db;
}

/* end of action Button */

/* Back Button */

.lightbox-basic .btn-outline-reg.mfp-close.as-button {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: 0.375rem;
    padding: 1.375rem 2.25rem 1.375rem 2.25rem;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 1;
}

.lightbox-basic .btn-outline-reg.mfp-close.as-button:hover {
    background-color: #ffffff;
    color: #262431;
}

/* end of back button */

/* Close X Button */

.lightbox-basic button.mfp-close.x-button {
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    width: 2.75rem;
    height: 2.75rem;
    color: #ffffff;
}

/* end of close x button */

/*********************/

/*     Details 2     */

/*********************/

.basic-3 {
    padding-top: 4.25rem;
    padding-bottom: 4rem;
}

.basic-3 .text-container {
    margin-bottom: 4rem;
}

.basic-3 h2 {
    margin-bottom: 1.875rem;
}

.basic-3 p {
    margin-bottom: 1.75rem;
}

/**********************/

/*     Statistics     */

/**********************/

.counter {
    padding-top: 4rem;
    padding-bottom: 3.25rem;
    background-color: #262431;
    text-align: center;
}

.counter #counter {
    margin-bottom: 0.75rem;
}

.counter #counter .cell {
    display: inline-block;
    width: 7.375rem;
    margin-right: 1.5rem;
    margin-bottom: 4rem;
    margin-left: 1.5rem;
    vertical-align: top;
}

.counter #counter .fas {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    color: #00c9db;
}

.counter #counter .counter-value {
    color: #f1f1f8;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 3.375rem;
    line-height: 3.875rem;
    vertical-align: middle;
}

.counter #counter .counter-info {
    margin-bottom: 0;
    color: #f1f1f8;
    vertical-align: middle;
}

/***********************/

/*     Screenshots     */

/***********************/

.slider-2 {
    padding-top: 7.5rem;
    padding-bottom: 8.125rem;
}

.slider-2 .h2-heading {
    text-align: center;
}

.slider-2 .hr-heading {
    display: block;
    margin-right: auto;
    margin-bottom: 3.75rem;
    margin-left: auto;
}

.slider-2 .slider-container {
    position: relative;
}

.slider-2 .swiper-container {
    position: static;
    width: 90%;
    text-align: center;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
    top: 50%;
    width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.slider-2 .swiper-button-prev {
    left: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
    right: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

/********************/

/*     Download     */

/********************/

.basic-4 {
    padding-top: 7.75rem;
    padding-bottom: 8.125rem;
    background: url('../images/download-background.jpg') center center no-repeat;
    background-size: cover;
}

.basic-4 .text-container {
    margin-bottom: 3.5rem;
    text-align: center;
}

.basic-4 h3 {
    margin-bottom: 1.875rem;
}

.basic-4 .btn-solid-lg {
    margin-right: 0.375rem;
    margin-bottom: 1.125rem;
    margin-left: 0.375rem;
}

/******************/

/*     Footer     */

/******************/

.footer {
    padding-top: 5rem;
    padding-bottom: 0.5rem;
}

.footer a {
    text-decoration: none;
}

.footer .footer-col {
    margin-bottom: 3rem;
}

.footer h6 {
    margin-bottom: 0.625rem;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.footer p,
.footer a,
.footer ul {
    color: #AAAAAA;
    font-size: 16px;
}

.footer .li-space-lg li {
    margin-bottom: 0.10rem;
}

.footer .footer-col.third .fa-stack {
    width: 2em;
    margin-bottom: 1.25rem;
    margin-right: 0.375rem;
    font-size: 1.375rem;
}

.footer .footer-col.third .fa-stack .fa-stack-1x {
    color: #ffffff;
    transition: all 0.2s ease;
}

.footer .footer-col.third .fa-stack .fa-stack-2x {
    color: #3b384b;
    transition: all 0.2s ease;
}

.footer .footer-col.third .fa-stack:hover .fa-stack-1x {
    color: #ffffff;
}

.footer .footer-col.third .fa-stack:hover .fa-stack-2x {
    color: #00c9db;
}

@media (max-width: 768px) {
    .footer .footer-col.second {
        width: 10rem;
        margin-right: 18px;
        float: left;
        height: 184px;
    }
}

/*********************/

/*     Copyright     */

/*********************/

.copyright {
   
    text-align: center;
    bottom: 0;

}

.copyright p,
.copyright p a {
    color: #ffffff !important;
    text-decoration: none; font-size: 14px;
}



/******************************/

/*     Back To Top Button     */

/******************************/

a.back-to-top {
    position: fixed;
    z-index: 999;
    right: 0.75rem;
    bottom: 0.75rem;
    display: none;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 5px;
    background: #fff url("../images/Icon awesome-arrow-up.png") no-repeat center 47%;
    background-size: 1.125rem 1.125rem;
    text-indent: -9999px;
}

a:hover.back-to-top {
    background-color: #670025;
}

/***********************/

/*     Extra Pages     */

/***********************/

.ex-header {
    padding-top: 8.5rem;
    padding-bottom: 4rem;
}

.ex-basic-1 .list-unstyled .fas {
    color: #00c9db;
    font-size: 0.375rem;
    line-height: 1.75rem;
}

.ex-basic-1 .list-unstyled .media-body {
    margin-left: 0.5rem;
}

.ex-basic-1 .list-unstyled.list-icon-lg .media {
    margin-bottom: 2.5rem;
}

.ex-basic-1 .list-unstyled.list-icon-lg .list-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #00c9db;
    text-align: center;
}

.ex-basic-1 .list-unstyled.list-icon-lg .fas {
    color: #ffffff;
    font-size: 1rem;
    line-height: 3rem;
}

.ex-basic-1 .list-unstyled.list-icon-lg .media-body {
    margin-left: 1rem;
}

.ex-basic-1 .text-box {
    padding: 1.25rem 1.25rem 0.5rem 1.25rem;
    background-color: #423f52;
}

.ex-basic-1 .text-box .text-box-icon {
    color: #00c9db;
    font-size: 2.5rem;
}

.ex-basic-1 .map-responsive {
    overflow: hidden;
    position: relative;
    height: 0;
    margin-bottom: 3rem;
    padding-bottom: 56.25%;
    border-radius: 0.25rem;
}

.ex-basic-1 .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

.ex-cards-1 .card {
    border: none;
    background-color: transparent;
}

.ex-cards-1 .card .fa-stack {
    width: 2em;
    font-size: 1.125rem;
}

.ex-cards-1 .card .fa-stack-2x {
    color: #00c9db;
}

.ex-cards-1 .card .fa-stack-1x {
    color: #fff;
    font-weight: 700;
    line-height: 2.125rem;
}

.ex-cards-1 .card .list-unstyled .media-body {
    margin-left: 0.75rem;
}

.ex-cards-1 .card .list-unstyled .media-body h4 {
    margin-bottom: 0.25rem;
}

.ex-cards-2 {
    text-align: center;
}

.ex-cards-2 .card {
    max-width: 15.75rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    border: 1px solid #bdc7df;
    background-color: transparent;
}

.ex-cards-2 .card .card-body {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.ex-cards-2 .card .package {
    margin-bottom: 1.625rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.375rem;
}

.ex-cards-2 .card .price {
    margin-bottom: 0.5rem;
}

.ex-cards-2 .card .currency {
    position: relative;
    margin-right: 0.25rem;
    color: #00c9db;
    font-weight: 600;
    font-size: 1.5rem;
    top: -1.125rem;
}

.ex-cards-2 .card .value {
    color: #00c9db;
    font-weight: 700;
    font-size: 3.25rem;
}

.ex-cards-2 .card .period {
    margin-top: -0.25rem;
    margin-bottom: 1rem;
}

.ex-cards-2 .card p {
    margin-bottom: 1.625rem;
}

.ex-cards-2 .button-wrapper {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    left: 0;
}

.ex-cards-2 .btn-solid-reg:hover {
    border: 1px solid #00c9db;
    background-color: #ffffff;
}

.ex-cards-3 {
    text-align: center;
}

.ex-cards-3 .card {
    max-width: 20.375rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    border: none;
    background: transparent;
}

.ex-cards-3 .card .card-body {
    margin-bottom: 1.25rem;
    padding: 2.5rem 1.75rem 1.5rem 1.75rem;
    background-color: #423f52;
}

.ex-cards-3 .card .package {
    margin-bottom: 2.125rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.375rem;
}

.ex-cards-3 .card .price {
    margin-bottom: 0.5rem;
}

.ex-cards-3 .card .currency {
    position: relative;
    margin-right: 0.25rem;
    color: #00c9db;
    font-weight: 600;
    font-size: 1.5rem;
    top: -1.125rem;
}

.ex-cards-3 .card .value {
    color: #00c9db;
    font-weight: 700;
    font-size: 3.25rem;
}

.ex-cards-3 .card .period {
    margin-top: -0.25rem;
    margin-bottom: 1.75rem;
}

.ex-cards-3 .card .list-unstyled {
    text-align: left;
}

.ex-cards-3 .card .list-unstyled .fas {
    color: #00c9db;
    font-size: 1rem;
    line-height: 1.75rem;
}

.ex-cards-3 .card .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.ex-cards-3 .card .btn-solid-reg {
    border-radius: 0;
    width: 100%;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
}

.ex-cards-4 {
    text-align: center;
}

.ex-cards-4 .card {
    margin-right: 1.5rem;
    margin-bottom: 5rem;
    border: none;
    background-color: #423f52;
}

.ex-cards-4 .card .price {
    position: absolute;
    top: -1.25rem;
    right: -1.25rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: #00c9db;
    text-align: center;
}

.ex-cards-4 .card .value {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 4.5rem;
}

.ex-cards-4 .card .card-body {
    margin-bottom: 0.75rem;
    padding: 2.5rem 1.75rem 2.5rem 1.75rem;
}

.ex-cards-4 .card .package {
    margin-bottom: 1rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.375rem;
}

.ex-cards-4 .card p {
    margin-bottom: 1.5rem;
    text-align: left;
}

.ex-cards-4 .card .list-unstyled {
    margin-bottom: 1.75rem;
    text-align: left;
}

.ex-cards-4 .card .list-unstyled .fas {
    color: #00c9db;
    font-size: 0.375rem;
    line-height: 1.75rem;
}

.ex-cards-4 .card .list-unstyled .media-body {
    margin-left: 0.5rem;
}

.ex-form-1 .form-group {
    margin-bottom: 1.75rem;
}

.ex-form-1 .label-control {
    top: 1.375rem;
    left: 1.375rem;
    font-size: 1rem;
}

.ex-form-1 .form-control-input:focus+.label-control,
.ex-form-1 .form-control-input.notEmpty+.label-control,
.ex-form-1 .form-control-textarea:focus+.label-control,
.ex-form-1 .form-control-textarea.notEmpty+.label-control {
    top: 0.375rem;
}

.ex-form-1 .form-control-input {
    padding-top: 1.5rem;
    padding-bottom: 0.625rem;
}

.ex-form-1 .form-control-textarea {
    padding-top: 1.5rem;
}

.ex-form-1 .form-control-submit-button {
    height: 4rem;
    border-radius: 2.5rem;
}

/*************************/

/*     Media Queries     */

/*************************/

/* Min-width 768px */

@media (max-width: 767px) {
   

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        width: 17rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }
}

@media (min-width: 768px) {
    /* Header */
    .header {
        padding-top: 9rem;
    }
    .header .btn-solid-lg {
        margin-bottom: 0;
    }
    .header .text-container {
        margin-bottom: 5rem;
    }
    /* end of header */
    /* Features */
    .tabs .fa-stack {
        margin-right: 1rem;
        font-size: 2.25rem;
    }
    .tabs .fa-stack .fa-stack-1x {
        font-size: 1.75rem;
    }
    /* end of features */
    /* Screenshots */
    .slider-2 .swiper-button-prev {
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    .slider-2 .swiper-button-next {
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    /* end of screenshots */
    /* Extra Pages */
    .ex-basic-1 .list-unstyled.list-icon-lg .list-icon {
        width: 5rem;
        height: 5rem;
    }
    .ex-basic-1 .list-unstyled.list-icon-lg .fas {
        font-size: 2rem;
        line-height: 5rem;
    }
    .ex-basic-1 .list-unstyled.list-icon-lg .media-body {
        margin-left: 1.5rem;
    }
    .ex-basic-1 .text-box {
        padding: 1.75rem 2rem 0.875rem 2rem;
    }
    .ex-cards-2 .card {
        display: inline-block;
        margin-right: 0.625rem;
        margin-left: 0.625rem;
        vertical-align: top;
    }
    .ex-cards-3 .card {
        display: inline-block;
        margin-right: 1.25rem;
        margin-left: 1.25rem;
        vertical-align: top;
    }
    .ex-cards-3 .card .card-body {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .ex-cards-4 .card {
        display: inline-block;
        max-width: 20rem;
        margin-right: 1.25rem;
        margin-left: 1.25rem;
        vertical-align: top;
    }
    .ex-cards-4 .card .card-body {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    /* end of extra pages */
}

/* end of min-width 768px */

/* Min-width 992px */

@media (min-width: 992px) {


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.3rem;
/*    padding-left: 1.3rem;*/
}

    /* General Styles */
    h1 {
        font-size: 3.25rem;
        line-height: 4.125rem;
    }
    .h2-heading {
        width: 32rem;
        margin-right: auto;
        margin-left: auto;
    }
    .p-heading {
        width: 34rem;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of general styles */
    /* Navigation */
    .navbar {
        padding-top: 1rem;
    background-color: transparent;
    box-shadow: none;
    transition: all 0.2s;
    background-color: #fff;
    padding-bottom: 1rem;
    }
    .navbar.top-nav-collapse {
        padding-top: 0.5rem;
        background-color: #670025;
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.3);
    }
    .offcanvas-collapse {
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        padding-right: 0;
        padding-left: 0;
        background-color: transparent;
        overflow-y: visible;
        visibility: visible;
    }
    .offcanvas-collapse.open {
        -webkit-transform: none;
        transform: none;
    }
    .navbar .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar .nav-item .nav-link {
        margin-right: 0.75rem;
margin-left: 0.75rem;
    }
    .navbar .dropdown-menu {
        margin-top: 0.25rem;
        background-color: #262431;
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.025);
    }
    .navbar .dropdown-divider {
        width: 90%;
    }
    .navbar .social-icons {
        margin-left: 0.5rem;
    }
    .navbar .fa-stack {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0.25rem;
    }
    /* end of navigation */
    /* Header */
    .header {
        padding-top: 10rem;
        text-align: left;
    }
    .header .text-container {
        margin-top: 4rem;
        margin-bottom: 0;
    }
    .header .btn-solid-lg {
        margin-right: 0.625rem;
        margin-left: 0;
    }
    /* end of header */
    /* Testimonials */
    .slider-1 .swiper-container {
        width: 92%;
    }
    .slider-1 .swiper-button-prev {
        left: -1rem;
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    .slider-1 .swiper-button-next {
        right: -1rem;
        width: 1.375rem;
        background-size: 1.375rem 2.125rem;
    }
    /* end of testimonials */
    /* Features */
    .tabs #tab-1 .list-unstyled {
        margin-top: 2.5rem;
    }
    .tabs #tab-1 .li-space-lg li {
        margin-bottom: 1.875rem;
    }
    .tabs #tab-1 .first .fa-stack {
        position: absolute;
        right: 0;
    }
    .tabs #tab-1 .first .media-body {
        max-width: 12.625rem;
        text-align: right;
    }
    .tabs #tab-1 img {
        margin-top: 0;
        margin-bottom: 0;
    }
    .tabs #tab-2 img {
        margin-bottom: 0;
    }
    .tabs #tab-3 p.sub-heading {
        margin-bottom: 0;
    }
    /* end of features */
    /* Video */
    .basic-1 .image-container {
        max-width: 55rem;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of video */
    /* Details 1 */
    .basic-2 .image-container {
        margin-bottom: 0;
    }
    .basic-2 .text-container {
        margin-top: 3.5rem;
    }
    /* end of details 1 */
    /* Details 1 Lightbox */
    .lightbox-basic {
        padding: 3rem 3rem;
    }
    .lightbox-basic .image-container {
        margin-bottom: 0;
        text-align: left;
    }
    /* end of details 1 lightbox */
    /* Details 2 */
    .basic-3 .text-container {
        margin-top: 3.5rem;
        margin-bottom: 0;
    }
    /* end of details 2 */
    /* Screenshots */
    .slider-2 .swiper-container {
        width: 92%;
    }
    /* end of screenshots */
    /* Download */
    .basic-4 {
        padding-top: 8rem;
    }
    .basic-4 .text-container {
        margin-top: 6rem;
    }
    /* end of download */
    /* Footer */
    .footer .footer-col {
        margin-bottom: 2rem;
    }
    .footer .footer-col.first {
        display: inline-block;
        width: 20rem;
        margin-right: 1.75rem;
        vertical-align: top;
    }
    .footer .footer-col.second {
        display: inline-block;
        width: 20rem;
        margin-right: 1.75rem;
        vertical-align: top;
    }
    .footer .footer-col.third {
        display: inline-block;
        width: 14rem;
        text-align: right;
        vertical-align: top;
    }
    .footer .footer-col.third .fa-stack {
        margin-right: 0rem;
        margin-left: 0.375rem;
    }
    /* end of footer */
    /* Extra Pages */
    .ex-cards-1 .card {
        display: inline-block;
        width: 18.5rem;
        vertical-align: top;
    }
    .ex-cards-1 .card:nth-of-type(3n+2) {
        margin-right: 1rem;
        margin-left: 1rem;
    }
    /* end of extra pages */
}

/* end of min-width 992px */

/* Min-width 1200px */

@media (min-width: 1200px) {
    /* Header */
    .header {
        padding-top: 11rem;
    }
    .header .text-container {
        margin-top: 7.5rem;
        margin-left: 1.5rem;
    }
    .header img {
        margin-left: 2.5rem;
    }
    /* end of header */
    /* Testimonials */
    .slider-1 .swiper-button-prev {
        left: -1.5rem;
    }
    .slider-1 .swiper-button-next {
        right: -1.5rem;
    }
    /* end of testimonials */
    /* Features */
    .tabs {
        padding-bottom: 8rem;
    }
    .tabs img {
        width: 18.75rem;
    }
    .tabs #tab-1 .list-unstyled {
        margin-top: 3.875rem;
    }
    .tabs #tab-1 .li-space-lg li {
        margin-bottom: 2.875rem;
    }
    .tabs #tab-1 .first .media-body {
        max-width: 16.375rem;
        margin-right: 5.75rem;
        margin-left: auto;
    }
    .tabs #tab-2 h3 {
        margin-top: 0.5rem;
    }
    .tabs #tab-2 .list-unstyled {
        display: inline-block;
        width: 21.125rem;
        vertical-align: top;
    }
    .tabs #tab-2 .list-unstyled.first {
        margin-right: 3rem;
    }
    .tabs #tab-2 .li-space-lg li {
        margin-bottom: 1.5rem;
    }
    .tabs #tab-3 .list-unstyled {
        display: inline-block;
        width: 21.125rem;
        margin-top: 1rem;
        vertical-align: top;
    }
    .tabs #tab-3 .list-unstyled.first {
        margin-right: 3rem;
    }
    .tabs #tab-3 .li-space-lg li {
        margin-bottom: 1.5rem;
    }
    .tabs #tab-3 h3 {
        margin-top: 0;
    }
    /* end of features */
    /* Details 1 */
    .basic-2 .image-container {
        margin-left: 3rem;
    }
    .basic-2 .text-container {
        margin-right: 3rem;
        margin-left: 2.875rem;
    }
    .basic-2 h2 {
        width: 20rem;
    }
    /* end of details 1 */
    /* Details 1 Lightbox */
    .lightbox-basic .image-container {
        margin-right: 1.5rem;
    }
    /* end of details 1 lightbox */
    /* Details 2 */
    .basic-3 .text-container {
        margin-left: 3rem;
        margin-right: 2.75rem;
    }
    .basic-3 .image-container {
        margin-left: 2.875rem;
    }
    .basic-3 h2 {
        width: 20rem;
    }
    /* end of details 2 */
    /* Statistics */
    .counter #counter .cell {
        margin-right: 2.75rem;
        margin-left: 2.75rem;
    }
    .counter #counter .fas {
        margin-bottom: 1.25rem;
    }
    .counter #counter .counter-value {
        font-size: 3.75rem;
        line-height: 4rem;
    }
    /* end of statistics */
    /* Screenshots */
    .slider-2 .swiper-container {
        width: 100%;
    }
    .slider-2 .swiper-button-prev {
        left: -2rem;
    }
    .slider-2 .swiper-button-next {
        right: -2rem;
    }
    /* end of screenshots */
    /* Download */
    .basic-4 .text-container {
        margin-top: 10rem;
        margin-right: 3rem;
    }
    /* end of download */
    /* Footer */
    .footeright {
        float: right;
    }
    .footer .footer-col.first {
        width: 18rem;
        margin-right: 0;
    }
    .footer .footer-col.second {
        /*width: 20rem;
        margin-right: 5.5rem;*/
        width: 10rem;
        margin-right: 18px;
    }
}

.footer .footer-col.third {
    width: 14rem;
    text-align: right;
}

/* end of footer */

/* Extra Pages */

.ex-cards-1 .card {
    width: 21rem;
}

.ex-cards-1 .card:nth-of-type(3n+2) {
    margin-right: 2.875rem;
    margin-left: 2.875rem;
}

/* end of extra pages */

}

/* end of min-width 1200px 



/* my booking page  start */


#booking .card{}

#booking h2 {font-size: 28px;color: #000000; display: block; font-family: HelveticaNeue;}
#booking .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
   
}



#booking .card img{position: relative; right: 15px;}

#booking .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px;padding: 0.25rem;}

#booking .card-body h3{font-size: 16px;color: #000;}
#booking .card-body p{font-size: 12px;color: #000; font-weight: normal;}
#booking .card-body p.ticket {font-size: 12px;color: #CE004A; font-weight: normal;}
#booking .card-body p.ticket a{font-size: 12px;color: #CE004A; font-weight: normal; border-radius: 5px;border: 1px #CE004A solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;}

#booking .card-body p.table {font-size: 12px;color: #000; font-weight: normal;}
#booking .card-body p.table a{font-size: 12px;color: #938f8f; font-weight: normal; border-radius: 5px;border: 1px #938f8f solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;cursor: pointer;}  


#booking .card-body p.view{font-size: 14px;color:#2699FB; font-weight: 500;}
#booking .card-body p.view a{font-size: 14px;color:#2699FB; font-weight: 500;}
#booking .card-body p.view a:hover{color: #CE004A; text-decoration: none;}

#booking .row.box-visibilty{background: #fff; opacity: 0.5;}

/*@media only screen and (max-width:767px) {
    #booking .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
   
}*/
/* my booking page  end*/


/*/*favourite end*/ 

#favourite {
    margin: 0 0;
}



#favourite .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#favourite .heading-slider h2{font-size: 28px;
    color: #000000;
    display: block;
    font-family: HelveticaNeue;
}}

#favourite .card .favbox{width: 75%;}
#favourite .card .favboxs{width: 35%;}

#favourite .card p.offerclubheart {
   position: absolute;
right: 25px;
bottom: 174px;
}

#favourite .card p.offerclub {
   color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 8px;
}

#favourite .card p.clubgo-exclusive {
   color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: 20px;
    right: 12px;
}

#favourite .card span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;margin: 0 10px 0 0;
    
}


#favourite .card p.offer {margin-right: 1rem;
padding: 5px 10px;
color: #fff;
font-size: 9px;
font-weight: normal;
background: rgb(103, 0, 37);
background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);}
}


#favourite .card p.offerclub span.offer {
    border-radius: 2px;
    width: 50px;
    margin-left: 1rem;
    padding: 5px;
    color: #CE004A;
    font-size: 9px;
    font-weight: normal;
    background: #fff;
}




#favourite .card p.offerclubsecond{position: absolute;
    color: #fff;
font-size: 9px;
font-weight: normal;
position: absolute;
top: 20px;
right: 12px;}
   

#favourite .card p.offerclubs span.exclusive {
    border-radius: 2px;
    width: 50px;
    padding: 5px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
    
}

#favourite .card .overlaybotsecond {
    position: absolute;
    right: 0;
    bottom: 174px;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}



#favourite .card .overlaybot {
    position: absolute;
    right: 0;
    bottom: 153px;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

#favourite .card span.offer{border-radius: 2px;
margin-right: 1rem;
padding: 5px 10px;
color: #fff;
font-size: 9px;
font-weight: normal;
background: rgb(103, 0, 37);
background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);}



#favourite a.card-link{font-size: 10px;
font-family: HelveticaNeue;
color: #CE004A;
border-radius: 2px;
border: 1px #CE004A solid;margin: 0 7px 0 0;
padding: 2px 5px;}

#favourite .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    padding: 2px 5px;
}


#favourite .card .favbox h3{font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: bold; color:#000 ;}

#favourite .card .favbox span{
    font-family: HelveticaNeue; font-size: 14px;
    color:#313030 ; font-weight: 100;}

#favourite .card .favbox a.restau{
    color: #000;
    font-family: metropolis !important;
    font-weight: 500;
    font-size: 12px;border: 1px #cccecf solid;padding: 6px 15px;text-decoration: none;border-radius: 5px;}

#favourite .card .favbox a:hover.restau{
    color: #D7443E;
    font-family: metropolis !important;
    font-weight: 500;
    font-size: 12px;border: 1px #D7443E solid;padding: 6px 15px;text-decoration: none;border-radius: 5px;}

#favourite .card .opennow span a{
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 11px; text-decoration: none;
}

#favourite .card .opennow span a:hover{
    color: #D7443E;
   
}


@media only screen and (max-width: 767px) {
    #favourite .heading-slider h2 {
        font-size: 14px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #favourite .heading-slider label {
        color: #2699FB;
        font-size: 18px;
    }
}

/*favourite end*/


/* my favourite gallery page  start*/


#favo-gallery .card{}

#favo-gallery h2 {font-size: 28px;color: #000000; display: block; font-family: HelveticaNeue;}
#favo-gallery .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
   
}

#secondgallery .lightshadow{ background: #fff; opacity: 0.3; }
#secondgallery .card-body {
    -ms-flex: 1 1 auto; 
    flex: 1 1 auto;
    min-height: 1px;
    padding:0 0 0 1.25rem;
}

.g-0{ padding-left: 0; padding-right: 0; }

#secondgallery .card .card-body .headingtext{width: 100%;}
#secondgallery .card .card-body .headingtext h2{font-size: 26px;font-family: HelveticaNeue;font-weight: bold;color: #000;}
#secondgallery .card .card-body p{font-family: HelveticaNeue; font-size: 14px; color: #313030;font-weight: 100;}
#secondgallery .card .card-body p span a.more{font-family: HelveticaNeue; font-size: 12px; color: #313030;font-weight: 100; text-decoration: none;}
#secondgallery .card .card-body p span a.show-offer{font-family: HelveticaNeue; font-size: 16px; color: #99002E;font-weight: 500; text-decoration: none;}

#secondgallery .card .card-body p span.off{display: inline-block;background: #FDFD3A;color: #000;padding: 5px  10px;margin:0 0 5px 0;font-size:11px; font-weight: normal;}

#secondgallery .card .card-body img{margin: 0 2px 0 0;}


#favo-gallery .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px;padding: 0.25rem;}

#favo-gallery .card-body h2{font-size: 18px;font-family: HelveticaNeue;font-weight: bold;color: #000;}
#favo-gallery .card-body p{font-size: 12px;color: #000; font-weight: normal;}
#favo-gallery .card-body p.ticket {font-size: 12px;color: #CE004A; font-weight: normal;}
#favo-gallery .card-body p.ticket a{font-size: 12px;color: #CE004A; font-weight: normal; border-radius: 5px;border: 1px #CE004A solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;}

#favo-gallery .card-body p.table {font-size: 12px;color: #000; font-weight: normal;}
#favo-gallery .card-body p.table a{font-size: 12px;color: #938f8f; font-weight: normal; border-radius: 5px;border: 1px #938f8f solid;
    padding: 5px 10px;font-weight: 500; text-decoration: none;cursor: pointer;}  


#favo-gallery .card-body p.view{font-size: 14px;color:#2699FB; font-weight: 500;}
#favo-gallery .card-body p.view a{font-size: 14px;color:#2699FB; font-weight: 500;}
#favo-gallery .card-body p.view a:hover{color: #CE004A; text-decoration: none;}

#favo-gallery .row.box-visibilty{background: #fff; opacity: 0.5;}

/*@media only screen and (max-width:767px) {
    #booking .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
   
}*/
/* my favourite gallery page  end*/


/* header banner event details page start here*/
.even-header{ background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(58,58,58,1) 100%, rgba(58,58,58,1) 100%); padding: 20px;}

.even-header h2 {font-size: 35px;}
.even-header p {font-size: 25px;font-weight: initial;}

.even-header .nightwith{ height: 100%; display: flex; justify-content: start; align-items: center;}

.select-vanues{padding:1% 0}
.select-vanues  h2{font-size: 20px;color: #000;margin: 0 0 5px 0;}
.select-vanues .card .card-body h5{font-size: 16px;color: #000;margin: 0 0 5px 0;}
.select-vanues .card .card-body p{font-size: 14px;color: #000;font-weight: 400;margin: 0 0 5px 0;}

.select-vanues .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;margin: 0 0 20px 0;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
    text-align: left; 
}

/*.select-vanues .card .card-body h5{font-size: 16px;color: #000;margin: 0 0 5px 0;}
.select-vanues .card .card-body p{font-size: 14px;color: #000;font-weight: 400;margin: 0 0 5px 0;}*/


/* Style the buttons */
.select-vanues .btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer; color: #000;
}

/* Style the active class (and buttons on mouse-over) */
.select-vanues .card.active, .card.btn:hover {
  background-color: #99002E!important;
  color: white!important;
}









/* header banner event details page end here*/

.normal-values .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin: 0 0 0 0;
    border-bottom: 1px #F4F4F6 solid;
}

/* selct vanues right page start here*/
.normal-values .card-body h3{ color: #000; font-size: 18px;font-weight: 500;}
.normal-values .card-body p{ color: #000; font-size: 15px;}
.normal-values .card-body a{ color: #2699FB; font-size: 15px;}

.get-button a span img{margin: 0 10px 0 0;}
.get-button a{    
    color: #fff;
    font-size: 12px;
    background: #000;
   margin-top: 6px;
    padding: 5px 10px;
    display: inline-block;font-weight: 500;border-radius: 5px;text-decoration: none;
   
    }


/* selct vanues right page end here*/


/*discount-voucher start*/

#discount-voucher select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/arrow.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

#discount-voucher .form-control.timing{
    display: block;
    width: 84%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: transparent!important;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */

}

#discount-voucher .featre-slider {
    align-items: baseline;
    margin-bottom: 20px;
}

#discount-voucher .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}



#discount-voucher .iimagessize img {
    width: 100%;
    height: auto;
}

#discount-voucher .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#discount-voucher .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#discount-voucher .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#discount-voucher .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#discount-voucher .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#discount-voucher .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#discount-voucher .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#discount-voucher .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#discount-voucher button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#discount-voucher .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#discount-voucher .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#discount-voucher .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#discount-voucher .box-image{ background: url(../images/dicount-voucher-images-1.png) no-repeat; width: 399px; height: 207px;}
#discount-voucher .box-image2{ background: url(../images/discount-voucher-2.png) no-repeat; width: 399px; height: 207px;}

#discount-voucher .card-body {
    margin-top: 20px;
}

#discount-voucher .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#discount-voucher .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
   
    text-align: left;
}

#discount-voucher .card-body h3 {
    color: #000;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px;
}

#discount-voucher .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#discount-voucher .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

#discount-voucher .card-body p.card-text a{
    color: #2699FB;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

#discount-voucher .card-body p.ticket a{
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#discount-voucher .card-body p.ticket a:hover{
    color: #007bff;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#discount-voucher .card-body p.ticket a span{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#discount-voucher .card-body p.off{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#discount-voucher .card-body.cordspace{padding: 0 0 0 0;}

#discount-voucher .card-body p a.buy{
    color: #CE004A;
    font-family: metropolis !important;
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}


/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*discount-voucher start*/


/*free offers start*/


/* Hide the browser's default radio button */
 #free-offers .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#free-offers .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Create a custom radio button */
#free-offers .checkmark {
 position: absolute;
    top: -18px;
    left: 27px;
    height: 34px;
    width: 34px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #CE004A; 
}

/* On mouse-over, add a grey background color */
 #free-offers .customradio:hover input ~ .checkmark {
  background-color: transparent;
}





/* Create the indicator (the dot/circle - hidden when not checked) */
 #free-offers .checkmark:after {
  content: "";
  position: absolute;
  display: none; 
}

/* Show the indicator (dot/circle) when checked */
 #free-offers .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#free-offers .customradio .checkmark:after {
  top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
  border-radius: 50%;
  background: #CE004A;

}








#free-offers{ }

#free-offers .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#free-offers .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}



#free-offers .imagessize img {
    width: 100%;
    height: auto;
}

#free-offers .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#free-offers .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#free-offers .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#free-offers .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#free-offers .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#free-offers .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
     !important;
}

#free-offers .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
     !important;
}

#free-offers .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#free-offers button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#free-offers .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#free-offers .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#free-offers .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#free-offers .box-image{width: 100%;}

/*#free-offers .custom-control{}
#free-offers.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

#free-offers .card-body {
    margin-top: 0;
}

/*#free-offers .owl-stage {
    transform: translate3d(0px, 0px, 0px)!important;
}*/

#free-offers .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    
    margin: 0 0 0 0;
}


#free-offers .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 22px;
    text-align: left;
}

#free-offers .card-body h3 {
    color: #000;
    font-size: 18px;
    font-family: HelveticaNeue;
    font-weight: normal;
    line-height: 20px;
}

#free-offers .card-body h2 {
    color: #99002E;padding: 0 6px; border-radius: 5px;
    font-size: 14px;
    font-family: HelveticaNeue;
    font-weight: bold; line-height: 20px; border: 1px red dashed;
}

#free-offers .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

#free-offers .card-body p.card-text a{
    color: #2699FB;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 17px;
}





#free-offers .card-body p.ticket a{
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#free-offers .card-body p.ticket a:hover{
    color: #007bff;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 18px; text-decoration: none;
}

#free-offers .card-body p.ticket a span{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;margin: 0 5px 0 0;
    font-size: 14px;
}

#free-offers .card-body p.off{
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;padding: 2px 5px; 
    font-size: 11px; text-decoration: none;background: #FDFD3A;line-height: 20px;
    height: 20px;

}

#free-offers .card-body.cordspace{padding: 0 0 0 0;}

#free-offers .card-body p a.buy{
    color: #CE004A;
    font-family: metropolis !important;
    font-weight: normal;padding: 7px 10px; border-radius: 50px;
    font-size: 13px; text-decoration: none;background: #fff;
}


/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*free offers start*/


/*free offers start*/

#guest h5 {
    color: #000; font: 300 1.1rem "Montserrat", sans-serif;
   
}

#guest .close {
    float: right;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

#guest .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    align-items: baseline;
}

#ghuest-attending{ }

#guest .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    overflow: auto;
    height: 553px;
}

 

#guest .card-body .contguest p a {
    color: #2699FB;
    text-decoration: none;
}

#ghuest-attending .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#ghuest-attending .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#ghuest-attending .contguest{ text-align: center;width: 100%; }
#ghuest-attending .contguest p{color: #000; font-size: 15px; text-align: center;}
#ghuest-attending .contguest p a{color: #2699FB; text-decoration: none;}

#ghuest-attending .imagessize img {
    width: 100%;
    height: auto;
}

#ghuest-attending .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#ghuest-attending .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#ghuest-attending .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#ghuest-attending .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#ghuest-attending .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#ghuest-attending .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#ghuest-attending .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#ghuest-attending .owl-theme .owl-nav {
    margin-top: -29px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#ghuest-attending button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#ghuest-attending .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#ghuest-attending .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#ghuest-attending .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#ghuest-attending .box-image{ background: url(../images/free-background.png) no-repeat; width: 399px; height:119px;}

#ghuest-attending .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}

#ghuest-attending.card-body {
    margin-top: 20px;
}

#ghuest-attending .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    display: flex;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

#ghuest-attending .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#ghuest-attending .form-check-input {
    position: absolute;
    margin-top: -2.2rem;
    margin-left: 0.75rem;width: 2rem;
    height: 2.25rem;
}

#ghuest-attending .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0 0 0;
    text-align: left;
}




#ghuest-attending .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*free offers start*/


/*descritpion stat*/
.description .list-unstyled {padding-left: 23px;list-style: none; list-style: disc;}
.description{}
.description h2 { font-size: 20px;color: #211F1F;font-family: HelveticaNeue;}
.description p { font-size: 16px;color: #211F1F;font-family: HelveticaNeue;font-weight: 400;}
.description span a.card-link {
        font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #CE004A solid;
    margin: 0 7px 0 0;
    padding: 5px 13px;
    font-weight: 300;
}

.description ul li{color: #000;font-weight: 400;font-size: 16px;}


/*descritpion end*/


/*lineup start*/
#lineup{ }

#lineup .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    display: flex;
   
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

#lineup .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#lineup .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#lineup .contguest{ text-align: center;width: 100%; }
#lineup .contguest span{font-size: 14px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;margin: 0;}
    #lineup .contguest p{font-size: 10px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;}
#lineup .contguest p a{color: #2699FB; text-decoration: none;}

#lineup .imagessize img {
    width: 100%;
    height: auto;
}

#lineup .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#lineup .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#lineup .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#lineup .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#lineup .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#lineup .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#lineup .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#lineup .owl-theme .owl-nav {
    margin-top: -48px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#lineup button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#lineup .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#lineup .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#lineup .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#lineup .box-image{ background: url(../images/free-background.png) no-repeat; width: 399px; height:119px;}

#lineup .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}

#lineup.card-body {
    margin-top: 20px;
}

#lineup .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#lineup .form-check-input {
    position: absolute;
    margin-top: -2.2rem;
    margin-left: 0.75rem;width: 2rem;
    height: 2.25rem;
}

#lineup .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0;margin: 0 4px;

    text-align: left; background: #fff;
}




#lineup .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*lineup start*/


/*menu start*/
#menu{ }

#menu .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}

#menu .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 0;margin: 0 4px;

    text-align: left; background: #fff;
}

#menu .featre-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#menu .contguest{ text-align: center;width: 100%; }
#menu .contguest span{font-size: 16px;
    color: #211F1F;font-weight: 400;
    font-family: HelveticaNeue: bold;margin: 0;}
    #menu .contguest p{font-size: 10px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;}
#menu .contguest p a{color: #2699FB; text-decoration: none;}

#menu .imagessize img {
    width: 100%;
    height: auto;
}

#menu .featre-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#menu .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#menu .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#menu .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#menu .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#menu .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
     !important;
}

#menu .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
     !important;
}

#menu .owl-theme .owl-nav {
    margin-top: -49px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#menu button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#menu .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#menu .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#menu .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#menu .box-image{ background: url(../images/free-background.png) no-repeat; width: 399px; height:119px;}

#menu .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}

#menu.card-body {
    margin-top: 20px;
}

#menu .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin: 0 0 0 0;
}

#menu .form-check-input {
    position: absolute;
    margin-top: -2.2rem;
    margin-left: 0.75rem;width: 2rem;
    height: 2.25rem;
}





#menu .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 11px;
}

/*@media only screen and (max-width: 767px) {
    #fdiscount-voucher .featre-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #discount-voucher .featre-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}
*/
/*menu start*/


/*GENRE start*/
.select-vanues2 h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}


/* Style the buttons */


.select-vanues2 ul li.btn2 {
    font-size: 16px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 5px;
    border: 1px #CE004A solid;
    margin: 0 7px 0 0;
    padding: 5px 25px;
    font-weight: 400;cursor: pointer;
}

.select-vanues2 ul li.active1, .btn2:hover {
    background-color: #CE004A!important;

    color: white!important;
}



/*GENRE start*/


.reviews{
 /* padding: 15px;
  max-width: 768px;
  margin: 0 auto;*/
}

.review-item .socil{ font-size: 15px;color: #000;}

.review-item h4{font-size: 16px;
    color: #000;
    margin: 0 0 5px 0;}

.review-item p {
    font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.review-item span{
    
   font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;}


.review-item span.re {
    padding: 5px 10px;
    background: #029D1F;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    margin: 0 5px 0 0;
}

.review-item p a.cleabtn {
    border: 1px #CE004A solid;
    border-radius: 100px;
    color: #CE004A;
    text-decoration: none;
    height: 100px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    margin: 0 20px 0 0;
}

.review-item p a.cleabtn:hover {
    border: 1px #CE004A solid;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    height: 100px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    margin: 0 20px 0 0;background: #CE004A;
}

/*.review-item, .chat-review{width: 100%;margin-top: 20px;display: flex;}*/
.review-item span.res {
    padding: 5px 10px;
   
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    margin: 0 5px 0 0;
}

.review-item{
  background-color: white;
 
  
  /*box-shadow: 1px 1px 5px #343a40;*/
}

.review-item .review-date{
  color: #cecece;
}
.review-item .review-text{
  font-size: 16px;
  font-weight: normal;
  margin-top: 5px;
  color: #343a40;
}

.review-item .fl a {
    color: #2699FB;
    font-size: 18px;
    text-decoration: none;
}

.review-item .reviewer{
  width: 49px;
  height: 49px;
  /*border: 1px solid #cecece;*/
}






.review-item  p.viewall a{
    font-size: 16px;
    color: #2699FB;
    font-weight: 500;
    margin: 0 0 5px 0; text-decoration: none;
}


.review-item  .form-control {
    display: block; border-radius: 20px;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.review-item .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.8rem;
}


/*review start*/
#review .review h2{font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue
}

#review .review .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    margin: 0 0 20px 0;
}

#review .review .card-body{    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1rem 1rem 2rem;
    text-align: left;}


    #review .review .card-body span.re{    padding: 5px 10px;
    background: #029D1F;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;color: #fff;margin: 0 5px 0 0;
}

#review .review .card-body p span img{margin: 0 3px 0 0;}

#review .review .card .card-body p {font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;}


#review .review .card .cleabtn { 
    border: 1px #CE004A solid;
    border-radius: 100px;
    color: #CE004A; text-decoration: none;
    height: 100px;
    font-size: 15px;
    font-weight: 400;padding: 8px 20px;margin: 0 20px 0 0;
}

#review .review .card .cleabtn:hover{ background: #CE004A; color: #fff; }

#review .review .fl a{color: #2699FB; font-size: 18px; text-decoration: none;}

#review .review p.card-text{color: #000;font-size: 14px; font-weight: 200;}

#review .gallery img{margin: 0 20px 0 0;}

#review .gallery .socil{width: 400px;}
#review .gallery .socil label{color: #000; font-size: 14px; font-weight: 500;}
#review .gallery .socil label img {
    margin: 0 10px 0 0;
}


#review .sociachat{color: #000;}

#review .sociachat .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    margin: 0 0 20px 0;
}

#review .sociachat .card-body{    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1rem 1rem 0rem;
    text-align: left;}


#review .sociachat .card-body p span {margin: 0 12px 0 0;}


#review .sociachat .card .card-body h5 {
    font-size: 14px;
    color: #000;
    margin: 0 0 5px 0; font-weight: 500;
}


#review .sociachat .card .card-body p {
    font-size: 14px;
    color: #5c5959;
    font-weight: 400;
    margin: 0 0 5px 0;
}

#review .sociachat  p.viewall a{
    font-size: 16px;
    color: #2699FB;
    font-weight: 500;
    margin: 0 0 5px 0; text-decoration: none;
}


#review .sociachat .form-control {
    display: block; border-radius: 10px;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#review .sociachat .form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

::placeholder {
  font-size: 14px; color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size: 14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 font-size: 14px;
}
/*review end*/


.gress-code h2{font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue;}


.floor-code{width: 100%;}
 .floor-code {
    align-items: baseline;
    margin-bottom: 0;
}

#floor-popup .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
     background-color: transparent; 
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

#floor-popup .close {
    float: right;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: absolute;
    right: 10px;
}

@media (min-width: 576px) {
.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
}

#floor-popup .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
     padding: 0; 
}

.floor-code a {
    color: #2699FB;
    font-size: 18px;
    text-decoration: none;
}


/*trending EVENTS start*/

#similar-events {
    margin: 5% 0;
}

#similar-events .owl-carousel .item {
    width: 99%!important;
}

#similar-events .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

#similar-events .heading-slider {
    align-items: baseline;
}

#similar-events .heading-slider h2 {
    font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue: bold;
}

#similar-events .heading-slider label {
    color: #2699FB;
    font-size: 20px;
}

#similar-events .heading-slider label a {
    color: #2699FB;
    text-decoration: none;
}

#similar-events .owl-carousel .owl-item .item .imgbox {
    display: grid;
    justify-content: center;
}

#similar-events .owl-carousel .owl-item .imgbox img {
    display: block !important;
    width: 120px !important;
}

#similar-events .owl-carousel .owl-item .item .imgbox p {
    color: #000;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    text-align: center;
    font-family: HelveticaNeue;
    font-weight: 500;
}

#similar-events .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#similar-events .owl-nav .owl-prev {
    position: absolute !important;
    left: -3%;
}

#similar-events .owl-nav .owl-next {
    position: absolute !important;
    right: -3%;
}

#similar-events .owl-theme .owl-nav {
    margin-top: -37px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#similar-events button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#similar-events .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#similar-events .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#similar-events .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

#similar-events .card-body {
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2px 0.75rem;
}

#similar-events .owl-theme .offerclub {
    width: 93%;
    position: absolute;
    top: 20px;
}

#similar-events .owl-theme .offerclub p {
    border-radius: 2px;
    padding: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    background: rgb(103, 0, 37);
    background: linear-gradient(90deg, rgba(103, 0, 37, 0.9976365546218487) 0%, rgba(206, 0, 74, 1) 100%, rgba(206, 0, 74, 1) 100%);
}

#similar-events .owl-theme .offerclub label {
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    background: #FDFD3A;
}

#similar-events .card-body p.offerclub span.heart {
    color: #AAAAAA;
    font-size: 20px;
    margin-left: 1px;
}

#similar-events .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 14px;
}

#similar-events .card-body p.span {
    color: #fff;
    font-size: 10px;
    font-family: Nunito;
    font-weight: bold;
}

#similar-events .card-body h5.card-title {
    color: #000;
    font-size: 16px;
    font-family: HelveticaNeue;
    font-weight: bold;
}

#similar-events .card-body .card-link {
    font-size: 10px;
    font-family: HelveticaNeue;
    color: #CE004A;
    border-radius: 2px;
    border: 1px #CE004A solid;
    ;padding: 5px 8px;
}

#similar-events .card-body .card-link+.card-link {
    margin-left: 0.25rem;
}

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


    #free-offers .card-body.cordspace {
    padding: 0 39px 0 0;
}

    #discount-voucher .card-body h3 {
    color: #000;
    font-size: 12px;
    font-family: HelveticaNeue;
    font-weight: bold;
    line-height: 17px;
}

#discount-voucher .card-body p.ticket a {
    color: #000;
    font-family: metropolis !important;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

#discount-voucher .card-body p.card-text {
    color: #000;
    font-family: metropolis !important;
    font-weight: normal;
    font-size: 10px;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     padding:0rem; 
}

#discount-voucher .card-body {
    margin-top: 0!important;
}

.select-vanues .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 12px 10px 0 19px;
    text-align: left;
}

#discount-voucher .owl-theme .owl-nav {
    margin-top: -28px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    #similar-events .heading-slider h2 {
        font-size: 18px;
        color: #211F1F;
        font-family: HelveticaNeue: bold;
    }
    #similar-events .heading-slider label {
        color: #2699FB;
        font-size: 14px;
    }
}

/*trending EVENTS start*/


.custom-headline{.font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue}
.custom-headline P{color: #000; font-size: 16px;font-weight: 300;}



/*revent-oragniser start*/


#revent-oragniser .revent-oragniser h2{font-size: 20px;
    color: #211F1F;
    font-family: HelveticaNeue
}

#revent-oragniser .revent-oragniser .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    margin: 0 0 20px 0;
}

#revent-oragniser .revent-oragniser .card-body{    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1rem 1rem 2rem;
    text-align: left;}


    #revent-oragniser .revent-oragniser .card-body span.re{    padding: 5px 10px;
    background: #029D1F;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 500;color: #fff;margin: 0 5px 0 0;
}

#revent-oragniser .revent-oragniser .card-body p span img{margin: 0 3px 0 0;}

#revent-oragniser .revent-oragniser .card .card-body p {font-size: 15px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;}


#revent-oragniser .revent-oragniser .card .cleabtn { 
    background-color: #fff; 
    border-radius: 100px;
    color: #CE004A; text-decoration: none;
    height: 100px;
    font-size: 10px;
    font-weight: 400;padding:10px 10px;margin: 0 20px 0 0;
}

#revent-oragniser .revent-oragniser .card .cleabtn:hover{ background: #CE004A; color: #fff; }

#revent-oragniser .revent-oragniser .fl a{color: #2699FB; font-size: 18px; text-decoration: none;}

#revent-oragniser .revent-oragniser p.card-text{color: #000;font-size: 14px; font-weight: 200;}

#revent-oragniser .gallery img{margin: 0 20px 0 0;}

#revent-oragniser .gallery .socil{width: 400px;}
#revent-oragniser .gallery .socil label{color: #000; font-size: 14px; font-weight: 500;}
#revent-oragniser .gallery .socil label img {
    margin: 0 10px 0 0;
}

/*revent-oragniser start*/




/*my activities start*/
#my-ac .activities .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    align-items: flex-end;margin: 10px 0;
}
#my-ac .activities{border: 1px red soli;}
#my-ac .activities h2{ font-size: 28px; color: #000000;display: block;font-family: HelveticaNeue;}
#my-ac .activities h5{ color: #000; font-size: 18px; font-family: arial;}
#my-ac .activities .media .media-body p {
    color: #000;
    /*line-height: 4px;
    height: 4px;*/
    font-weight: 100;
    font-size: 12px;
}

#my-ac .activities .border-bottom {
    border-bottom: 1px solid #eef3f7 !important;
}

#my-ac .activities .media.mediagray {opacity: 0.5;}

#my-ac .activities .media img.imagegrayscale {filter: grayscale(100%);}

#my-ac .activities .media-body span.react {
    color: grey;
    /* border-radius: 42px; */
    border: 1px #dee2e6 solid;padding: 2px 5px;
    
  
}
/*my activities end*/

/*about us start*/



@media (min-width: 62em)
.featurette-heading {
    margin-top: 7rem;
}

@media (min-width: 40em)
.featurette-heading {
    font-size: 50px;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}


.featurette h2 {
    font-size: 60px; color: #2e2d2d;width: 95%;margin-left: 15px;margin-right: 15px;
}


.featurette p {
    font-size: 21px; color: #000;
}


section.topbottom{margin: 4% 0;}
/*about us end*/

/*ethics start*/
 .ethics {}
 .ethics h2{font-size: 60px; color: #2e2d2d;}
 .ethics h5{font-size: 30px; color: #2e2d2d;}
/*ethics end*/



/*free offers start*/
#our-journy{width: 100%;}

#our-journy .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}



#our-journy .featre-slider h2 {
    font-size: 60px;margin-bottom: 40px;
    color: #2e2d2d;
   
    /*margin-left: 15px;
    margin-right: 15px;*/
}

#our-journy .featre-slider p {
    font-size: 21px;
    color: #000;font-weight: 300;margin-right: 15px; margin-left: 15px;
}


#our-journy .owl-carousel {
    /*display: none;*/
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
  
}



#our-journy .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#our-journy .owl-nav .owl-prev {
    position: absolute !important;
    left: -0%;
     !important;
}

#our-journy .owl-nav .owl-next {
    position: absolute !important;
    right: -0%;
     !important;
}

#our-journy .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#our-journy button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#our-journy .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#our-journy .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#our-journy .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}



/*#our-journy .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

/*free offers start*/



/*checkus-out start*/
#checkus-out{width: 100%;}

#checkus-out .featre-slider {
    align-items: baseline;
    margin-bottom: 0;
}



#checkus-out .featre-slider h2 {
    font-size: 60px;margin-bottom: 40px;
    color: #2e2d2d;
   
    /*margin-left: 15px;
    margin-right: 15px;*/
}

#checkus-out .featre-slider p {
    font-size: 21px;
    color: #000;font-weight: 300;margin-right: 15px; margin-left: 15px;
}


#checkus-out .owl-carousel {
    /*display: none;*/
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
  
}

#checkus-out .owl-carousel .item-video{  height: 500px; }

#checkus-out .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 93px;
    width: 93px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/play-button.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

#checkus-out .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#checkus-out .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: url(../images/images-video.png); border-radius: 6px;
    
    margin-left: 20px;
    margin-right: 20px;
}



#checkus-out .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#checkus-out .owl-nav .owl-prev {
    position: absolute !important;
    left: -0%;
     !important;
}

#checkus-out .owl-nav .owl-next {
    position: absolute !important;
    right: -0%;
     !important;
}

#checkus-out .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#checkus-out button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

#checkus-out .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#checkus-out .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

/**/

#checkus-out .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}



/*#our-journy .custom-control{}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2rem;
    height: 2.25rem;
     opacity: 1; 
}*/

/*checkus-out start*/


@media only screen and (max-width: 767px) {
    .featurette h2 {
    font-size: 40px;
    color: #2e2d2d;
    width: 95%;
    margin-left: 15px;
    margin-right: 15px;
}
    #our-journy .featre-slider h2 {
    font-size: 40px;
    margin-bottom: 40px;
    color: #2e2d2d;
}

#checkus-out .featre-slider h2 {
    font-size: 40px;
    margin-bottom: 40px;
    color: #2e2d2d;
}
}


/*feedback modal start*/
.feedback1 .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.feedback1 h2 {
    font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.feedback1 .modal-header .close {
    float: right;
    font-size: 3rem;
    font-weight:200;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.feedback1 .modal-body label{ color: #545353; }

.feedback1 .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}


.feedback1 .modal-body .btn-primary {
    width: 50%;
    color: #fff;
    background-color: #CE004A!important;
    border-color: #CE004A!important;
}


.feedback1 .modal-body .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #CE004A!important;
    border-color: #CE004A!important;
}

/*feedback modal end*/


/*list your business start*/
#listyour .feed-content h2{color: #000;font-size:30px}
#listyour .feed-content p{color: #000;font-size:16px; font-weight: 400;}

#listyour .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #99002E!important;
    background-color: #fff; 
}

/*#listyour .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}*/

#listyour a {
    color: #000;
    text-decoration: none; font-size: 20px;
    background-color: transparent;
}

#listyour .nav-link {
    display: block;
    padding: 0.5rem 8rem 0 0;
}


#listyour .tab-pane label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #302f2f; font-size: 14px; font-weight: 400;margin-left: 18px;
}


#listyour .form-control {
    display: block;
    width: 100%;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.50rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#listyour .btn-primary{
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#listyour .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}



#listyour .btn-primary.active5, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .btn-primary{border: none;
  display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#listyour .btn-primary.listbtn {
    width: 40%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.60rem 0.75rem!important;
}


/* venue */
#listyour .btn-primary.venue {
    border: none;
    display: inline-block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#listyour .venue .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .venue .btn-primary.activev, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .venues .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .venues .btn-primary.actives, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .artist .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .artist .btn-primary.activear, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}


#listyour .artists .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#listyour .artists .btn-primary.activears, .btn:hover {
    /*color: #fff;*/
   
    border-color:#99002E;
}

/*venue*/


/*list your business end*/


/*account setting start*/

.prev-account-item i {
    font-size: 1em;margin: 0 20px 0 0;

    /* opacity: 0.2; */ color: #000;
}
.fa-cubes{
    color:#fbd885;
}
.fa-map-marker{
    color:#FFFF00;
}
.fa-cog{
    color:#48708d;
}
 .prev-account-item {
    /* box-shadow: 1px 1px 5px 1px #dadada; */
    margin: 5px;
     padding: 20px 25px; 
    background-color: #fff;
    /* height: auto; */
    border-radius: 20px;
    transition: .3s linear all;
    border: 1px solid #c1bdbd;
}
/* Transition to a bigger shadow on hover */
.prev-account-item:hover {
/*background: #eee;*/border: 1px solid #670025;
  
}
.prev-account-item a{
    color:#000;
} 

.prev-account-item a h5{
    color:#000;margin: 0 0 0 0;font-weight: 300;
    font-size: 14px;
 
} 
.prev-account-item a:hover { 
    text-decoration: none;
}

/*account setting end*/

/*edit profile start*/
#edit-profile .feed-content h2{color: #000;font-size:30px}
#edit-profile .feed-content p{color: #000;font-size:16px; font-weight: 400;}

#edit-profile .btn-primary.listbtn {
    width: 40%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 0.60rem 0.75rem!important;
}

#edit-profile .form-control {
    display: block;
    width: 100%;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.50rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#edit-profile .btn-primary{
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da!important;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#edit-profile .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    align-items: baseline;
}

#edit-profile .btn-primary.activeedit, .btn:hover {
   /* color: #fff;*/
   
   
    border-color:#99002E!important;
}


#edit-profile .btn-primary.listbtn {
    width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 1.2rem 0.75rem!important;
}



#edit-profile .feed-content i {
   font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
    color: #000;
}

#edit-profile label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #302f2f; font-size: 14px; font-weight: 400;margin-left: 18px;
}

#edit-profile a {
    color: #000;
    text-decoration: none; font-size: 20px;
    background-color: transparent;
}
/*edit profile end*/

/*edit privacy end*/

.listgr{margin-left: 0;margin-right: 0; border:1px red solid ;}




#listgr .list-group-item {
    position: relative;
color:#545050;font-weight: 300;
    display: block;
    padding: 0.75rem 0;
    background-color: #fff;
     border: 0px solid rgba(0, 0, 0, 0.125); 
}

#edit-profile .feed-content p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}




#edit-profile .radiotextsty {
  color: #A5A4BF;
  font-size: 18px;
}

#edit-profile .customradio {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
#edit-profile .customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
#edit-profile .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: white;
  border-radius: 50%;
  border:1px solid #BEBEBE;
}

/* On mouse-over, add a grey background color */
#edit-profile .customradio:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
#edit-profile .customradio input:checked ~ .checkmark {
  background-color: white;
  border:1px solid #CE004A;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#edit-profile .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
#edit-profile .customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#edit-profile .customradio .checkmark:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #CE004A;
}

/* Custom Radio Button End*/
/*edit privacy end*/



#edit-password .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    top: -1px;
    right: 2px;
}

#edit-password .feed-content h2{color: #000;font-size:30px}
#edit-password .feed-content p{color: #000;font-size:16px; font-weight: 400;}

#edit-password  label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #302f2f; font-size: 14px; font-weight: 400;margin-left: 18px;
}


#edit-password .form-control {
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#edit-password .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
     background-color: #fff; 
     border: 1px solid #fff; 
    border-radius: 0.25rem;
    position: absolute;
    top: 44px;
    right: 12px;
}


#edit-password .btn-primary.listbtn {
    width: 50%;
    color: #fff;
    background-color: #CE004A;
    border-color: #CE004A;
    font-size: 1rem!important;
    padding: 1.2rem 0.75rem!important;
}

#edit-password .feed-content i {
    font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
   /* color: #000;*/
}


#edit-password .btn-primary {
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/*contact block*/

#blocked-contacts .block-box{border-radius: 5px;}

#blocked-contacts .feed-content .boxsearch {
    /*border-bottom: 1px #efefef solid;*/
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    height: 80px;
}

#blocked-contacts .feed-content .btn-outline-success {
    color: #ced4da;
    border-color: #fff;
}

#blocked-contacts .feed-content .seachdiv{ /*border: 1px #ced4da solid;*/border-radius: 0.25rem;padding: 4px 0;
} }

#blocked-contacts .feed-content .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #ced4da;
}

.btn-outline-success {
    color: #ced4da;
    border-color: #ced4da;
}


#blocked-contacts .btn-outline-success:hover {
    color: #000;
    background-color: #fff;
    border-color: #ced4da;
}








#blocked-contacts .feed-content h2 {
    color: #000;
    font-size: 30px;
}

#blocked-contacts .feed-content i {
    font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
    /* color: #000; */
}



:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

#blocked-contacts button:focus {
     outline: 0px dotted; 
     outline: 0px auto -webkit-focus-ring-color; 
}

#blocked-contacts .sen.seachdiv {
   
    margin-bottom: 20px;padding: 15px 0;
}

#blocked-contacts .sen.seachdiv button {
    float: left;
    border-radius: 5px 0 0 5px;
    padding: 5px 0;
    margin-right: -1px;
    background: #fff;
    border: 0px #ddd solid;
    font-size: 14px;
    cursor: pointer;
}

#blocked-contacts .sen input[type=text] {
    padding:2px 0 2px 12px;
   width: 80%;
    font-size: 15px;
    border: none;
    border-radius: 0 5px 5px 0;
    border-left: 1px #ddd solid;
}

#blocked-contacts .block-box .card {
    position: relative; 
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin: 0 18px;
    border-bottom: 1px #F4F4F6 solid;
}

/* selct vanues right page start here*/
#blocked-contacts .block-box .card-body h3{ color: #000; font-size: 16px;font-weight: 400;}
#blocked-contacts .block-box .card-body p{ color: #000; font-size: 15px;margin: 0 0 0 0;}
#blocked-contacts .block-box .card-body a{ color: #2699FB; font-size: 14px;font-weight: 500;}

.get-button a span img{margin: 0 10px 0 0;}
.get-button a{    
    color: #fff;
    font-size: 12px;
    background: #000;
   margin-top: 6px;
    padding: 5px 10px;
    display: inline-block;font-weight: 500;border-radius: 5px;text-decoration: none;
   
    }

@media only screen and (max-width: 767px) {
    #blocked-contacts .block-box .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    margin: 0 18px;
    border-bottom: 1px #F4F4F6 solid;
    padding: 20px 0;
}

}


/*feedback modal start*/
.blo-cont .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.blo-cont h2 {
    font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.blo-cont p {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    color: #403e3e;
    text-decoration: none;
    background-color: transparent;
}

.blo-cont .modal-body .btn-primary.grey-parmary {
    width: 20%;
    color: #fff;
    margin: 0 10px;
    background-color: #A8A8A8!important;
    border-color: #A8A8A8!important;
    border-radius: 15px;
}





.blo-cont .modal-body .btn-primary {
    width: 20%;
    color: #fff;margin: 0 10px;
    background-color: #A8A8A8!important;
    border-color: #A8A8A8!important; border-radius: 15px;
}

.blo-cont .modal-body .btn-primary:active {
    width: 20%;
    color: #fff;margin: 0 10px;
    background-color: #A8A8A8!important;
    border-color: #A8A8A8!important; border-radius: 15px;
}

.blo-cont .modal-body .btn-primary:hover {
    width: 20%;
    color: #fff;margin: 0 10px;
    background-color: #CE004A!important;
    border-color: #CE004A!important; border-radius: 15px;
}


.blo-cont .modal-body .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #CE004A!important;
    border-color: #CE004A!important;
}

/*contact block*/


/*help-setting*/
#help-setting .feed-content h2 {
    color: #000;
    font-size: 30px;
}
#help-setting .feed-content i {
    font-size: 20px;
    margin: 0 15px;
    /* opacity: 0.2; */
    color: #000;
}
 #help-setting h6{ font-size: 16px ;color: #000;    font-weight: 600; }

 #help-setting p{ font-size: 16px ;color: #000;
    font-weight: 200; }

     #help-setting ul{margin: 0; padding: 15px;}

    #help-setting ul li{font-size: 16px ;color: #000;
    font-weight: 200; }

/*help-setting*/


/*my-feed start*/
/*#my-feed .my-feed-one {margin-top: 10%!important;}*/

#my-feed .my-feed-one .review-feed span {
    font-size: 13px;
    line-height: 20px!important;
    height: 20px!important;
    color: #000;
    font-weight: 400;
    margin: 0 0 5px 0;
}

#my-feed .my-feed-one .review-feed h4 {
    font-size: 20px;
    color: #000;
    margin: 0 0 5px 0;
}

#my-feed .my-feed-one .review-feed {
    background-color: white;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#my-feed .my-feed-one .review-feed p{
   color: #000!important;
   font-size: 17px;margin: 0; font-weight: normal;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#my-feed .my-feed-one .review-feed p span{
   color: #2699FB;
   font-size: 17px;margin: 0; font-weight: 400;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#my-feed .my-feed-one .review-feed .fl a {
    color: #2699FB;
    font-size: 16px;
    text-decoration: none;
}


#my-feed .videofeed .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    border-radius: 10px;
    /*background: #000;*/
    background: url(../images/myfeedthumnail.png) no-repeat;
}

#my-feed .videofeed .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 93px;
    width: 93px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/playbtn-feed.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

 #my-feed .videofeed .owl-carousel .item-video {
    height: 357px;
}

#my-feed  .videofeed .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
    !important: ;
}

#my-feed .my-feed-one .videofeed {
   width: 98%;
   
}

#my-feed .my-feed-one .soca h4 {
    font-size: 20px;
    color: #000;
    margin: 0 0 0 0;
    line-height: 24px;;
}

#my-feed .my-feed-one .soca span {
       font-size: 14px;
    color: #000;
    margin: 0 0 0 0;
    line-height: 10px;
    font-weight: 200;
}



#my-feed .videofeed .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    left: -92px;
   
}

#my-feed .videofeed .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#my-feed .videofeed .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
     !important;
}

#my-feed .videofeed .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
     !important;
}

#my-feed .videofeed .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#my-feed .videofeed button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
#my-feed .videofeed .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#my-feed .videofeed .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}


#my-feed .review-item .socilmy label {
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;
}

#my-feed .review-item .socilmy label  span{
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;padding-top: 10px;
    display: inline-block;
}

#my-feed .review-item .socilmy label img{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

#my-feed .review-item h4 {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px 0;
}

#my-feed .review-item .review-text {
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
    color: #343a40;
}

#my-feed .review-item p.viewall a {
    font-size: 16px;
    color: #2699FB;
    font-weight: 500;
    margin: 0 0 5px 0;
    text-decoration: none;
}

#my-feed .review-item .form-control.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.8rem;
}

#my-feed .review-item .form-control {
    display: block;
    border-radius: 20px;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#my-feed .my-feed-one .review-feed p.lasttext {
    color: #000!important;
    font-size: 16px;
    margin: 0;
    font-weight: normal;
    /* box-shadow: 1px 1px 5px #343a40; */
}



/*#my-feed .my-feed-one .ghuest-attending img{padding: 0 5px 10px 0;}*/

#my-feed .my-feed-one .ghuest-attendingsecond img{border-radius: 10px!important;}


#my-feed .rating-bg{width: 22%;
    background: #33D051;
    color: #fff;    height: 50px;
    border-radius: 10px;
    display: flex;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    text-align: center; }

    #thirdsoc .arse{}

    #thirdsoc .arse .rating-bg img{width: 15px;}

    #thirdsoc .arse .rating-bg a{ text-decoration: none; }

    #thirdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #thirdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
    #thirdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #thirdsoc .arse h4{color: #000; font-size: 17px;}
    #thirdsoc .arse p{color: #000; font-size: 14px; font-weight: 300;}


    .review-item .socil img{margin: 0 20px 0 0;}


#thirdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#thirdsoc .socil label img {
    margin: 0 10px 0 0;
}


#my-feed .socilmy label {
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;
}

#my-feed .socilmy label  span{
    color: #706b6b;
    font-size: 18px;
    font-weight: 400;padding-top: 10px;
    display: inline-block;
}

#my-feed .socilmy label img{
    color: #000;
    font-size: 14px;
    font-weight: 500;
}



#fourthdsoc .arse .rating-bg img{width: 15px;}

    #fourthdsoc .arse .rating-bg a{ text-decoration: none; }

    #fourthdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #fourthdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #fourthdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #fourthdsoc .arse h4{color: #000; font-size: 17px;}
    #fourthdsoc .arse p{color: #000; font-size: 14px; font-weight: 300;}


    .review-item .socil img{margin: 0 20px 0 0;}


#fourthdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#fourthdsoc .socil label img {
    margin: 0 10px 0 0;
}

#fourthdsoc p {
    color: #000!important;
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#fourthdsoc p.lasttext {
    color: #000!important;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    /* box-shadow: 1px 1px 5px #343a40; */
}




#fourthdsoc .videofeedsec {
    width: 96%;
}


#fourthdsoc .videofeedsec .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    border-radius: 10px;
    /*background: #000;*/
    background: url(../images/myfeedthumnail.png) no-repeat;
}

#fourthdsoc .videofeedsec .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 93px;
    width: 93px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/playbtn-feed.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

 #fourthdsoc .videofeedsec .owl-carousel .item-video {
    height: 357px;
}

#fourthdsoc .videofeedsec .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
    !important: ;
}

#fourthdsoc .videofeedsec .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    left: -92px;
   
}

#fourthdsoc .videofeedsec .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#fourthdsoc .videofeedsec .owl-nav .owl-prev {
    position: absolute !important;
    left: -2%;
     !important;
}

#fourthdsoc .videofeedsec .owl-nav .owl-next {
    position: absolute !important;
    right: -2%;
     !important;
}

#fourthdsoc .videofeedsec .owl-theme .owl-nav {
    margin-top: -15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#fourthdsoc .videofeedsec button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
#fourthdsoc .videofeedsec .owl-carousel .owl-nav button.owl-prev {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #CE004A;
}

#fourthdsoc .videofeedsec .owl-carousel .owl-nav button.owl-next {
    background: none;
    color: #CE004A;
    border: none;
    padding: 0 !important;
    font-size: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #CE004A;
}

#fourthdsoc .text-secondary.ptext{color: #000!important;
    font-size: 17px;
    font-weight: 400;}




    #fivethdsoc .arse .rating-bg img{width: 15px;}

    #fivethdsoc .arse .rating-bg a{ text-decoration: none; }

    #fivethdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #fivethdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #fivethdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #fivethdsoc .arse h4{color: #000; font-size: 23px;}
    #fivethdsoc .arse p{color: #000; font-size: 17px; font-weight: 300;}
    #fivethdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#fivethdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#fivethdsoc .socil label img {
    margin: 0 10px 0 0;
}

#fivethdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#fivethdsoc p span.offercos{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#fivethdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#fivethdsoc p.lasttext {
    color: #000!important;
    font-size: 17px;
    margin: 0;
    font-weight: bold;
    /* box-shadow: 1px 1px 5px #343a40; */
}



  #sixthdsoc .arse .rating-bg img{width: 15px;}

    #sixthdsoc .arse .rating-bg a{ text-decoration: none; }

    #sixthdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #sixthdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #sixthdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #sixthdsoc .arse h4{color: #000; font-size: 23px;}
    #sixthdsoc .arse p{color: #000; font-size: 13px; font-weight: 300;}
    #sixthdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#sixthdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#sixthdsoc .socil label img {
    margin: 0 10px 0 0;
}

#sixthdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#sixthdsoc p strong {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#sixthdsoc p span{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#sixthdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#sixthdsoc p.lasttext {
    color: #2699FB!important;
    font-size: 18px;
    margin: 0;
    font-weight:500;
    /* box-shadow: 1px 1px 5px #343a40; */
}






  #seventhdsoc .arse .rating-bg img{width: 15px;}

    #seventhdsoc .arse .rating-bg a{ text-decoration: none; }

    #seventhdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #seventhdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #seventhdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #seventhdsoc .arse h4{color: #000; font-size: 23px;}
    #seventhdsoc .arse p{color: #000; font-size: 13px; font-weight: 300;}
    #seventhdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#seventhdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#seventhdsoc .socil label img {
    margin: 0 10px 0 0;
}

#seventhdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#seventhdsoc p strong {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#seventhdsoc p span{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#seventhdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#seventhdsoc p.lasttext {
    color: #2699FB!important;
    font-size: 18px;
    margin: 0;
    font-weight:500;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#eightthdsoc .arse .rating-bg img{width: 15px;}

    #eightthdsoc .arse .rating-bg a{ text-decoration: none; }

    #eightthdsoc .arsesecond p {color: #000;    font-weight: 400!important;}

    #eightthdsoc .arsesecond p span.offer{width: 50px; background: #FDFD3A; color: #000;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}
   #eightthdsoc .arsesecond p span.event{width: 50px; background: #CE004A;color: #fff;margin: 0 8px 0 0;padding: 2px 6px;border-radius: 3px;}

    #eightthdsoc .arse h4{color: #000; font-size: 23px;}
    #eightthdsoc .arse p{color: #000; font-size: 13px; font-weight: 300;}
    #eightthdsoc .arse p span{color: #000; font-size: 14px; font-weight: 300;}



    .review-item .socil img{margin: 0 20px 0 0;}


#eightthdsoc .socil label{color: #706b6b;
    font-size: 18px;
    font-weight: 400;}
#seventhdsoc .socil label img {
    margin: 0 10px 0 0;
}

#eightthdsoc p {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: 300;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#eightthdsoc p strong {
    color: #000!important;
    font-size: 18px;
    margin: 0;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}

#eightthdsoc p span{
    color: #000!important;
    font-size: 15px;
    margin: 0;
    font-weight: 300;
    margin: 0 8px 0 0;
    border-radius: 5px;
    height: -3px;
    line-height: 39px;
    padding: 4px 8px;
    color: #fff;
    background: #FDFD3A;
    /* box-shadow: 1px 1px 5px #343a40;*/
}


#eightthdsoc p a {
    color: #000!important;
    font-size: 18px;
    margin:0 25px 0 0; text-decoration: none;
   font-weight: bold;;
    /* box-shadow: 1px 1px 5px #343a40; */
}


#eightthdsoc p.lasttext {
    color: #2699FB!important;
    font-size: 18px;
    margin: 0;
    font-weight:500;
    /* box-shadow: 1px 1px 5px #343a40; */
}




/*#my-feed a.createbtn{color: #CE004A; text-align: center;
    text-decoration: none;
    border: 1px #edeaea solid; font-size: 17px;
    padding: 10px 20px;width: 325px;display: block;
   
   
    border-radius: 5px; border: 1px red solid;}*/

/*button{
  position: absolute;
  z-index: 1;
  right: 0;
}
img {
  position: relative;
  width: 100%;
}
*/


/*my-feed start*/


.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1400px;
}

div:where(.swal2-containger) .swal2-html-container p {color: #002E5B;}
div:where(.swal2-containger) .swal2-html-container strong {color: #002E5B;}
#about h3, #about a{color: #002E5B;}