@import url(https://fonts.googleapis.com/css?family=Hind:300,400&display=swap);*{box-sizing:border-box}*::before,*::after{box-sizing:border-box}.accordion{box-shadow:0 10px 20px #c18722;background:none;margin:5% 15%}.accordion .accordion-item{border-bottom:1px solid #c18722;background:#fff0}.accordion-item{border:1px solid #c18722}.accordion .accordion-item button[aria-expanded='true']{border-bottom:1px solid #c18722}.accordion button{position:relative;display:block;text-align:left;width:100%;padding:1em 0;color:#c18722;font-size:1.15rem;font-weight:400;border:none;background:#fff0;outline:none}.accordion button:hover,.accordion button:focus{cursor:pointer;color:#c18722}.accordion button:hover::after,.accordion button:focus::after{cursor:pointer;color:#c18722;border:1px solid #c18722}.accordion button .accordion-title{padding:1em 1.5em 1em 4%}.accordion button .icon{display:inline-block;position:absolute;top:18px;right:0;width:22px;height:22px;border:1px solid;border-radius:22px;right:4%}.accordion button .icon::before{display:block;position:absolute;content:'';top:9px;left:5px;width:10px;height:2px;background:currentColor}.accordion button .icon::after{display:block;position:absolute;content:'';top:5px;left:9px;width:2px;height:10px;background:currentColor}.accordion button[aria-expanded='true']{color:#c18722}.accordion button[aria-expanded='true'] .icon::after{width:0}.accordion button[aria-expanded='true']+.accordion-content{opacity:1;max-height:9em;transition:all 200ms linear;will-change:opacity,max-height;color:#fff;padding:0 5%}.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 200ms linear,max-height 200ms linear;will-change:opacity,max-height}.accordion .accordion-content p{font-size:1rem;font-weight:300;margin:2em 0}img#student-img-avatar{width:50px}.d-lo-flex{display:none}@media only screen and (max-width:768px){.d-lo-flex{display:block}.footer-links{width:49%}}.inquiry{position:relative;top:25px;border:0;background:none;font-size:16px;padding:13px 35px 13px 35px;background:#c18722;color:#fff;transition:0.3s;border-radius:50px}small{color:#c18722;font-size:14px;line-height:12px}.testimonial-img{max-width:90px;height:90px}hr{color:#9f6501;border:2px solid;opacity:.3}#preloader{display:none}.gallery-item,.gallery-item a,.gallery-item a img{width:100%;height:320px}.gallery-item{background-size:cover;background-position:center;background-repeat:no-repeat}span.img_title{position:absolute;font-weight:700;font-family:"Playfair Display",serif;color:#c18722;background-color:#fff0;padding:1px 12px;border-radius:15px;box-shadow:0 0 9px;z-index:9;margin:5px;border:1px solid #c18722}.text-dark{color:#c18722!important}a.avatar_nam,a.avatar_lout,a.avatar_lout{font-family:"Playfair Display",serif;position:relative;top:12px;font-weight:800}.features li{padding-left:10px;padding-bottom:0}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:unset;transform:unset}@media only screen and (max-width:600px){.col-s-1{width:8.33%}.col-s-2{width:16.66%}.col-s-3{width:25%}.col-s-4{width:33.33%}.col-s-5{width:41.66%}.col-s-6{width:50%}.col-s-7{width:58.33%}.col-s-8{width:66.66%}.col-s-9{width:75%}.col-s-10{width:83.33%}.col-s-11{width:91.66%}.col-s-12{width:100%}}.mobil_imgbox{width:24.5%;border:2px solid #c18722;margin:2px}.show_calendar{display:none}.main-content{float:left}@media only screen and (max-width:600px){.gallery-item,.gallery-item a,.gallery-item a img{width:100%;height:160px}.mobil_imgbox{width:48%;border:3px solid #c18722;margin:3px}.show_calendar{display:block;position:fixed;right:0;width:90px;height:45px;border-top-left-radius:15px;border-bottom-left-radius:15px;background:#c18722;z-index:10;padding-left:10px;color:#fff}#myDiv{width:100%;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;padding:75px 15px;box-shadow:0 0 10px rgb(0 0 0 / .1);border-radius:5px;z-index:8}#myDiv .content-wrapper{width:75%;margin:0 13%}#sidebar-nav.sticky{position:unset}.swiper-wrapper{z-index:0}.order-s-1{order:1!important}.order-s-2{order:2!important}.order-s-3{order:3!important}.detail_card{margin:0 15px}}.hidden{display:none!important}.mob_slider{display:none}@media only screen and (max-width:768px){.absolute-center{position:relative!important;top:0px!important;display:block!important}.mob_slider{position:absolute;top:80%;left:0;display:block;text-align:center;transform:translateY(-50%);margin:0 5px!important;width:98%!important}.mob_slider .swiper-slide{width:50%}.mobi_img{width:95%!important;height:100px!important}.round-ltrb{border-top-left-radius:30px!important;border-bottom-right-radius:30px!important;}.img-fluid.round-rtlb{border-top-right-radius:30px!important;border-bottom-left-radius:30px!important;}
#sidebar-nav.sticky {
    position: relative !important;
    right: -4% !important;
    width: 92% !important;
}
#sidebar-nav {
 	margin-left: 0px !important;
    width: 100% !important;
 	float: left !important;
}
button#proceed {
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin: 40px 0px 0px 0px !important;
    z-index: 9999;
    border-radius: unset;
    width: 100%;
}
#my0Div {
    bottom: 80px;
}
.mobi_link {
    border: 2px solid #c18722;
    border-radius: 30px;
    padding: 10px 20px;
    width: 90%;
    margin: 10px 5%;
}
.service_item .col-sm-2 {
    width: 50%;
}
}
.service_card {
    margin: 25px 0;
}
.row.service_item {
    margin: 30px 0;
}
.text-center.card_img img {
  width: 150px;
  height: 150px;
}
.text-center.card_title {
    font-size: 12px;
    color: #c18722;
}
.why-us .box:hover {
    background: #c18722;
    padding: 30px 30px 50px 30px;
    box-shadow: 10px 15px 30px rgb(0 0 0 / .18);
}
.why-us .box {
    padding: 35px 30px;
    margin: 10px 0;
    box-shadow: 0 2px 15px rgb(0 0 0 / .1);
    transition: all ease-in-out 0.3s;
    background: #1a1814;
    opacity: 0.9;
}

.taggbox {
    overflow: hidden !important; 
}
.box.aos-init.aos-animate {
    border-radius: 15px !important;
    background: #151515 !important;
}
.why-us .box:hover {
    box-shadow: 5px 5px 12px 5px #585858 !important;
    background: #151515 !important;
    padding: 35px 30px !important;
}
.content h3, .price span, .section-title h2 {
    font-weight: 700 !important;
    color: #c18722 !important;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, -5px) !important;
}
.section-title {
    position: relative !important;
}
.section-title h2::after {
    width: 140px !important;
    height: 2px !important;
    background: #c18722 !important;
}
.swiper-pagination-bullet-active {
    background:  #c18722 !important;
}

#main {
    scroll-behavior: smooth;
    background: url(../img/events-bg.webp) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.about, .events, .why-us, .testimonials, .theatre, .gallery, .contact{
    background: transparent;
    position: relative;
    border-top: 1px solid #c1871e;
    padding: 80px 0;
}
.social-feeds {
    background: transparent;
    position: relative;
    padding: 0 0 80px;
}
.about .content {
    position: relative;
    padding: 3%;
    font-size: 19px;
    margin-top: 3%;
}
.aos-init.aos-animate, .theatre #content, .gallery .container-fluid {
    position: relative;
}
.why-us:before, .testimonials:before, .social-feeds:before, .theatre:before, .gallery:before, .contact:before {
    content: "";
    background: rgb(0 0 0 / .8);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}




.iam{
    padding: 15px;
    display: inline-flex;
}
.text, .site_title {
    color: #cda45e;
    display: inline-flex;
}
.typing-container {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    color: whitesmoke;
    font-size: 2rem;
}
.typing-text::after {
    content: "|";
    animation: blink 1s step-end infinite;
}
@keyframes blink {
    0%,
    100% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }
}
#hero h1, #hero h2 {
    font-weight: 700px;
}
@media screen and (max-width: 768px) {
    #header {
      top: 0px; 
    }
    #hero {
        background: url(https://feelmetown.in/uploads/eros-mobile.webp) !important;
        background-position: center !important;
        background-size: 145% 100% !important;
        background-repeat: no-repeat !important;
    }
    #hero.top-hero {
        background-size: 420px 520px !important;
    }
    #hero .row {
      --bs-gutter-x: 0;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: 0;
      margin-right: 0;
      margin-left: 0;
    }
    .slider-container {
      width: 100%;
      height: auto;
      margin-bottom: 100px;
    }
    .slide-content {
      --bs-gutter-x: 0rem !important;
    }
    .typing-container {
      font-size: 25px;
    }
    .section-title {
        padding-top: 0px;
    }
    .about, .events, .why-us, .testimonials, .theatre, .gallery, .contact {
        padding: 50px 0;
    }
    .calendar-wrapper {
        margin-top: 0px !important;
        margin-bottom: 40px !important;
    }
}
.slider-container {
    width: 100%;
}
.iam {
    z-index: 9;
}
.typing-text, .typing-text1 {
    color: rgb(205, 164, 94);
    font-style: italic;
}
.typing-text::after {
    content: "|";
    animation: blink 1s step-end infinite;
}

.vdo_play_right .bi-youtube::before {
    content: "\f62b";
    position: relative;
    left: 75%;
}

.whats-float {
    position: fixed;
    transform:translate(108px,0px);
    bottom: 10%;
    right:0;
    width:150px;
    overflow: hidden;
    background-color: #25d366;
    color: #FFF;
    border-radius: 25px 0 0 25px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    vertical-align: middle
}
.whats-float a span {
    color: white;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform:rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align:center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform:translate(0px,0px);
}

.whats-float:hover i  {
    transform:rotate(360deg);
}
.floating_btn {
    display: none;
}
.es-widget-header-details-text {
    color: #fff !important;
}
.contact .google_map, .contact .container {
    position: relative;
}
#footer {
    z-index: 99999 !important;
    position: relative;
}
#eapps-instagram-feed-1 a {
    color: #fff !important;
}
/*.social-feeds {
    margin-bottom: -46px;
    padding-bottom: 0px;
}*/

@media screen and (max-width: 768px) {
    .whats-float {
        display: none;
    }
    .floating_btn {
      position: fixed;
      bottom: 60px;
      right: 0px;
      width: 100px;
      height: 100px;
      display: flex;
      flex-direction: column;
      align-items:center;
      justify-content:center;
      z-index: 10;
    }

    @keyframes pulsing {
      to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
      }
    }

    .contact_icon {
      background-color: #42db87;
      color: #fff;
      width: 60px;
      height: 60px;
      font-size:30px;
      border-radius: 50px;
      text-align: center;
      box-shadow: 2px 2px 3px #999;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: translatey(0px);
      animation: pulse 1.5s infinite;
      box-shadow: 0 0 0 0 #42db87;
      -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      font-weight: normal;
      font-family: sans-serif;
      text-decoration: none !important;
      transition: all 300ms ease-in-out;
    }


    .text_icon {
      margin-top: 8px;
      color: #fff;
      font-size: 13px;
    }
}