[class*=entypo-]:before,
body {
    font-family: Poppins, sans-serif
}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
  }
  
  /* Caption text */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .active {
    background-color: #717171;
  }
  
  /* Fading animation */
  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px}
  }

.nav-prime li a,
a {
    text-decoration: none
}

.icon-box div,
p {
    line-height: 26px
}

.btm-right,
.card,
.card-area,
.hotel .thumb,
.pricing {
    overflow: hidden
}

.pricing:hover{
    background-color: #15037a;
}

.pricing .head:hover{
    background-color: #03fa18;
    font-weight: bold;
}

.pricing :hover{
    font-weight: bold;
}

.Genfaqs li,
.Genfaqs p,
.pricing p,
.rowing li,
.banglore-full ul li {
    font-style: italic
}

.clear-both,
.container {
    clear: both
}

figure,
h1,
h2,
h3,
h4,
h5,
h6,
label,
p,
ul {
    margin: 0
}

b {
    color: #02e60d;
    font-weight: bolder
}

.wrap,
body,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

body {
    margin: 0 auto;
    color: #666;
    background: #000
}

input[type=button],
input[type=submit] {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s
}

.banglore-btn,
.bangloretab ul li a {
    transition: .3s;
    font-weight: 300;
    display: inline-block;
    white-space: nowrap
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #fff
}

a:focus,
a:hover {
    color: #63ee51
}

.img-responsive {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.row {
    margin: auto 0;
    padding: 15px 0;
    float: left;
    width: 100%
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    height: auto
}

.logobox,
.bangloretop {
    margin: auto 0;
    float: left
}

.bangloretop {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #666
}

.logobox {
    width: 33.33%;
    padding: 0;
    text-align: center !important
}

.bantext,
.nav-prime,
.bangloremenu {
    width: 100%
}

.bantext,
.head2,
.head3,
.icon-box,
.icon-box img,
.nav-prime li a,
.text-center {
    text-align: center
}

.banglore-btn {
    margin: 5px 0;
    color: #fff;
    border-radius: 4px;
    padding: 7px 25px 8px;
    font-size: 18px;
    border: 1px solid transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #f40a60, #f99f05);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
    font-family: Nunito, sans-serif
}

.head1,
.head2 {
    font-weight: 700
}

.footlinks li:hover,
.banglore-btn:hover,
.bangloretab ul li a:hover {
    box-shadow: none;
    color: #fff
}

.banglorebanner {
    background: url(images/) right top/cover no-repeat;
    margin: 0;
    float: left;
    width: 100%;
    padding: 0
}

.bantext {
    margin: auto 0;
    padding: 30px 0;
    float: left
}

.head1,
.head2,
.head3 {
    margin: auto auto 15px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase
}

.head1 {
    font-size: 26px !important;
    color: #05cafb;
    padding: 0 30%
}

.head2 {
    font-size: 36px !important;
    color: #fbf705;
    padding: 0 25%
}

.head3 {
    font-size: 50px !important;
    font-weight: 900;
    color: #02e60d;
    padding: 0 20%
}

.banglorebt {
    font-family: Poppins, sans-serif;
    padding: 15px 60px !important;
    margin-right: 15px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    border: 1px solid #d64699;
    background: #aa076b;
    background: -webkit-linear-gradient(to right, #61045f, #aa076b);
    background: linear-gradient(to right, #fa04f6, #6105f4)
}

.hrding,
h1 {
    color: lime;
}

.nav-prime,
.bangloreicon,
.bangloremain,
.bangloremenu {
    margin: auto 0;
    float: left
}

.icon-box,
.bangloretab ul li a {
    background-image: linear-gradient(rgba(60, 11, 240, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #a640ff, #f42c09);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
    font-family: Poppins, sans-serif;
}

.banglorebt:hover {
    background: #25a34c;
    border: 1px solid #fff;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .302), 0 1px 3px 1px rgba(60, 64, 67, .149)
}

.bangloremenu {
    padding: 10px 0;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666
}

.nav-prime li {
    float: left;
    list-style: none
}

.nav-prime li a {
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 48px;
    color: #fff;
    padding: 0 15px;
    font-family: Poppins, sans-serif;
    transition: .25s;
    font-weight: 300;
    background-position: 50%;
    text-shadow: 0 0 4px rgb(0 0 0 / 34%);
    border-radius: 30px;
    margin-left: .7rem;
    background-color: #111924;
    background: linear-gradient(165deg, #111924, rgba(43, 42, 51));
    box-shadow: inset -10px -7px 20px -12px #2b2a33
}

.icon-box,
.icon-box div a {
    transition: .3s ease-in-out
}

.nav-prime li a.active,
.nav-prime li a:hover {
    color: #eef610;
    font-weight: bolder;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #ff4040, #c156ff)
}

.bangloremain {
    width: 96%;
    padding: 2%
}

.bangloreicon {
    width: 100%;
    padding: 10px 0
}

.icon-box {
    float: left;
    margin: 1%;
    width: 18%;
    padding: 2%;
    height: 100%;
    border: 1px solid transparent
}

.check-list-info li,
.rowing li {
    text-align: justify;
    position: relative
}

.icon-box div {
    font-weight: 700;
    color: #fff;
    margin: 10px 0 0;
    padding: 0;
    font-size: 18px
}

.icon-box div a {
    color: #fff
}

.icon-box div a:hover {
    color: #25a34c
}

.icon-box:hover {
    border-color: #25a34c;
    box-shadow: 2px 1000px 1px #4504eb inset;
}

.banglore-full {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    float: left
}

.heading {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin-bottom: 5px
}

.heading span {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #03fa18;
    line-height: 30px
}

.heading span:hover {
    color: #fae603;
}

h1 {
    margin: auto;
    font-size: 36px
}

.detel p a,
.detel p span,
.Genfaqs li a,
.banglore-full ul li,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p span {
    color: #02e60d
}

p span:hover {
    color: #fae603;
    font-weight: bold;
}

.Genfaqs h4 span,
.Genfaqs li a:hover,
.info .text a:hover,
.rowing li a,
.banglore-full ul li:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover {
    color: #fedd39
}

.banglore-full, .banglore-half a{
    color: #fafe02;
}

.banglore-full, .banglore-half a:hover{
    color: #02e60d;
}

.banglorebg h3, h4:hover{
    color: #fe0303;
}

h2,
h3,
h4,
h5,
h6 {
    margin: auto;
    font-size: 30px;
    color: #fcf80d;
}

.h:hover{
    color: #fe0303;
}


p {
    margin: auto auto 10px;
    font-size: 17px;
    color: #fff;
    padding: 5px 0;
    font-family: Poppins, sans-serif
}

.Genfaqs .dis a,
p a {
    color: #eefb3f;
    font-weight: 700
}

.Genfaqs .dis a,
p a:hover {
    color: #f50707;
    font-weight: 700
}

.banglore-full ul {
    list-style: none;
    padding: 0;
    margin: 10px 0
}

.banglore-full ul li {
    padding: 0 0 8px 26px;
    position: relative;
    background: url(images/right.webp) left top no-repeat;
    font-size: 16px;
    color: #cdcccc;
    font-family: Poppins, sans-serif
}

.banglore-full p:last-child {
    margin-bottom: 0
}

.check-list-info {
    margin-top: -.5em;
    margin-bottom: -.5em
}

.hrding,
.banglore-half {
    margin: auto 0;
    float: left;
    height: auto
}

.banglore-half .imgs{
    height: 1050px;
    width: 550px;
}

.banglore-half .img1{
    height: 700px;
    width: 550px;
}

.banglore-half .imgw{
    height: 850px;
    width: 550px;
}

.check-list-info li {
    padding: .5rem 0 .5rem 1.875rem;
    font-size: 1rem;
    line-height: 1.5
}

.check-list-info li:before {
    position: absolute;
    top: 10px;
    left: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #05e84b
}

.banglore-half {
    padding: 1%;
    width: 48%
}

.rowing li {
    background: url(images/right3.webp) left top no-repeat;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 25px;
    color: #fff
}

.hrding,
.info,
.info .message,
.localbox i,
.bangloretab ul li a {
    text-align: center
}

.Genfaqs li:hover,
.rowing li a:hover,
.rowing li:hover {
    color: #05e84b
}

.detel p,
.localbox:hover i {
    color: #ffffff
}

.hrding {
    padding: 2% 0;
    width: 99%;
    background: url(images/star.webp) right top no-repeat #000;
    border: 3px solid #1b1b1b;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase
}

.detel,
.banglorebg {
    background: url(images/h.webp) #1b1b1b
}

.detel {
    margin: auto 0 25px;
    padding: 3%;
    width: 94%;
    height: auto;
    float: left;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.hotel,
.local,
.banglorebg,
.bangloretab {
    margin: 0 auto;
    float: left
}

.detel p {
    margin: auto auto 10px;
    font-size: 16px;
    line-height: 26px;
    padding: 5px 0;
    font-family: Poppins, sans-serif
}

.detel p a:hover {
    color: #0fda00
}

.banglorebg {
    width: 98%;
    padding: 2% 1%;
    border-radius: 10px
}

.bangloretab {
    width: 100%
}

.bangloretab ul {
    margin: 0;
    padding: 0
}

.bangloretab ul li {
    width: 24%;
    display: inline-block;
    list-style: none;
    padding: 5px 4px
}

.bangloretab ul li a {
    padding: 5% 2%;
    width: 96%;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid transparent;
    text-transform: uppercase
}

.hotel,
.local {
    width: 23%;
    padding: 1%
}

.localbox {
    border: 1px solid #7b7b7b;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .08);
    min-height: 40px;
    padding: 25px 4px 25px 75px;
    border-radius: 10px;
    position: relative;
    background-color: #000
}

.card,
.localbox:hover,
.localbox:hover local {
    background-color: #080808;
}

.localbox:hover i {
    background-color: #fff;
}

.localbox:hover {
    border: 1px solid #7b7b7b
}

.localbox i {
    background: url(images/girl.webp) center no-repeat #eefb3f;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 30px;
    color: #fb236a;
    width: 60px;
    height: 50px;
    border-radius: 0 100% 100% 0;
    padding-top: 18px;
    margin-top: -36px;
    border: 1px solid #7b7b7b;
    border-left: none;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.localbox a {
    color: #fff;
    line-height: 30px;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.localbox a:hover {
    color: #fc55d0
}

.localbox small {
    font-size: 13px;
    color: #fff
}

.localbox span {
    background: url(images/star.webp) right top no-repeat;
    position: absolute;
    right: 5px;
    top: 8px;
    width: 80px;
    height: 70px;
    color: #999;
    opacity: .2;
    line-height: 1
}

.hotel .thumb {
    position: relative;
    z-index: 1
}

.hotel .thumb img {
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -ms-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out
}

.hotel:hover .thumb img {
    opacity: .6 !important
}

.hotel .info .text a:hover{
    color: #f42c09;
}

.info {
    background: #eef610;
    padding: 40px 20px 20px;
    position: relative;
    z-index: 9
}

.info:hover {
    background: #fff;
}

.info .message {
    height: 50px;
    line-height: 40px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 0;
    width: 50px;
    background: url(images/hotel.webp) center no-repeat #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    box-sizing: border-box;
    color: #ff5a6e;
    display: inline-block;
    font-size: 20px
}

.info .text a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize
}

.hotel .text{
    margin-left: -32px;
}

.card {
    width: 22%;
    margin: 1%;
    float: left;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
    border: 2px solid #fedd39;
    margin-top: 10px;
    text-align: center !important
}

.clientsays hd,
.title {
    border-left: 8px solid #f50707;
    text-transform: uppercase
}

.clientsays hd:hover{
    color: #02fc0e;
}

.clientsays a:hover{
    color: #fff;
}

.pricing,
.ribbon {
    display: inline-block;
    text-align: center
}

.ribbon {
    position: absolute;
    padding: 4px 0;
    right: -51px;
    top: 13px;
    width: 160px;
    font-size: 14px;
    line-height: 16px;
    background: linear-gradient(to top, #0d0e0d 0, #e7fa85 100%);
    color: #fff;
    text-shadow: 0 2px 2px #56a1f3;
    letter-spacing: .05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.ribbon:hover{
    background: #f44336;
    font-weight: bold;
}

.btm-right,
.hi-icon,
.para {
    position: relative
}

.ribbon::after,
.ribbon::before {
    position: absolute;
    content: "";
    border-top: 4px solid #3672b6;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px
}

.ribbon::before {
    left: 14px
}

.ribbon::after {
    right: 18px
}

.card-body {
    width: 100%;
    margin: auto 0;
    float: left;
    padding: 0;
    background: radial-gradient(169.96% 71.53% at 0 20.35%, #333 0, #181718 100%)
}

.card-area {
    width: 100%;
    margin: auto 0 5px;
    float: left;
    background: #eefb3f;
    font-weight: 600;
    padding: 7px 0;
    font-size: 16px;
    color: #000
}

.card-area:hover{
    color: #fff;
    background: #f44336;
}

.card-name {
    color: #fff;
    font-size: 18px;
    padding: 5px 0
}

.card-text {
    font-size: 14px;
    line-height: 18px
}

.pricing {
    margin: 1%;
    float: left;
    width: 23%;
    height: auto;
    background: #670404;
    color: #283d3b;
    border-radius: 20px;
    box-shadow: 0 11px 26px 1px #250254e1, inset 0 -16px 90px #c4453640;
    padding-bottom: 20px
}

.bangloreleft,
.bangloreright {
    margin: 0 auto;
    float: left
}

.pricing .head {
    margin: 0;
    width: 100%;
    font-size: 22px;
    background: #fedd39;
    padding: 10px 0;
    color: #000;
    box-shadow: inset 0 5px 4px -4px #ecddd461
}

.pricing .rs{
    color: #fff;
}

.pricing .select a,
.title {
    color: #03f90b
}

.title:hover {
    color: #f9f103
}

.pricing .rs {
    margin: 10px 0;
    font-size: 40px;
    text-shadow: 3px 2px 2px #283d3b38
}

.pricing .rs span {
    font-size: 20px
}

.pricing p {
    background: #111;
    font-size: 16px;
    color: #eef610;
    margin: 0 0 30px
}

.pricing p:hover{
    color: white;
}

.pricing ul {
    text-align: left;
    padding: 0 50px;
    margin: 0
}

.btm-right .captn,
.feature,
.footlinks ul,
.hi-icon,
.hi-icon-wrap,
.para p,
.para span,
.says-grid {
    text-align: center
}

.pricing ul li {
    color: #ddd;
    display: block
}

.pricing ul li:not(:last-child) {
    margin-bottom: 10px
}

.pricing .select {
    cursor: pointer;
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px solid #ff4486;
    font-weight: 700;
    background: #000;
    color: #efefef;
    font-size: 15px;
    font-family: inherit;
    box-shadow: 0 8px 18px 4px #283d3b4d
}

.pricing .select:hover {
    color: #000;
    background: #2305e4
}

.pricing .select::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 15px
}

.bangloreleft {
    padding: 20px 0;
    width: 60%
}

.bangloreright {
    padding: 20px;
    width: 36%
}

.title {
    font-weight: 700;
    font-size: 2em;
    line-height: 1.4em;
    padding-left: 14px;
    margin-bottom: .5em
}

.feature-grid {
    padding: 2em 0
}

.feature {
    width: 45%;
    float: left;
    margin-right: 1%;
    padding: 10px;
    background-color: #141415
}

.feature .features-info p:hover{
    color: #02e60d;
}

.features-info {
    margin-top: 10px
}

.features-info hd {
    color: #fedd39;
    font-size: 1.4em;
    font-weight: 600
}

.features-info hd:hover {
    color: #06ec02;
}
.clientsays p,
.features-info p {
    color: #fff;
    font-size: .9em;
    line-height: 1.9em;
    margin: 0
}

.captn h4,
.captn p,
.clientsays hd {
    font-size: 2em;
    color: #eef610
}

.btm-right {
    margin: 7em 0;
    display: block
}

.btm-right .captn,
.footlinks li,
.hi-icon,
.s-icon,
.s-icon a {
    display: inline-block
}

.btm-right img {
    width: 100%
}

.btm-right .captn {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: -89%;
    right: 0;
    background-color: rgba(255, 159, 15, .54);
    -o-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.btm-right:hover .captn {
    bottom: 0
}

.captn h4 {
    padding: .8em 0 .2em;
    font-weight: 600
}

.btm-right:hover .captn h4 {
    margin-top: 370px
}

.hi-icon-effect-9a .hi-icon:hover {
    box-shadow: 0 0 0 5px #efa52c
}

a.hi-icon img {
    margin: 22px 0 0
}

.hi-icon-wrap {
    padding: 0;
    margin: 0 auto
}

.hi-icon {
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
    color: #fff
}

.hi-icon:after,
.para span {
    position: absolute;
    border-radius: 50%
}

.hi-icon:after {
    pointer-events: none;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.hi-icon:before {
    font-family: ecoicon;
    speak: none;
    font-size: 48px;
    line-height: 60px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased
}

.hi-icon-effect-9 .hi-icon {
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s
}

.hi-icon-effect-9 .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #fedd39;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s
}

.hi-icon-effect-9a .hi-icon:hover:after {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    opacity: .5
}

.hi-icon-effect-9a .hi-icon:hover {
    box-shadow: 0 0 0 5px #fedd39;
    color: #fff
}

.hi-icon-effect-9b .hi-icon:hover:after {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.hi-icon-effect-9b .hi-icon:hover {
    box-shadow: 0 0 0 10px #333;
    color: #fff
}

.clientsays {
    margin: auto 0;
    width: 100%;
    padding: 0;
    float: left
}

.clientsays hd {
    font-weight: 700;
    line-height: 1.4em;
    padding-left: 14px;
    margin-bottom: .5em
}

.says-grid {
    width: 31.33%;
    float: left;
    margin: 7% 1% 1%;
    padding: 0
}

.para span {
    color: #fff;
    background: #999;
    top: -70px;
    left: 128px;
    padding: .3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.para img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.para p {
    color: #ddd;
    font-size: 14px;
    line-height: 1.8em;
    margin: 0;
    border: 1px dashed #999;
    padding: 4em 2em 2em
}

.para p a {
    color: #fedd39;
    font-weight: 700
}

.Genfaqs {
    margin: 1%;
    width: 46%;
    padding: 0;
    float: left
}

.Genfaqs hd {
    color:#eef610;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.4em;
    border-left: 8px solid #f50707;
    padding-left: 14px;
    margin-bottom: .5em
}

.Genfaqs hd:hover{
    color: #02fc0e;
}

.Genfaqs .hdline {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    padding: 15px 0 15px 15px
}

.Genfaqs h4 {
    font-size: 21px;
    font-weight: 700;
    color: #02e60d;
    line-height: 30px;
    margin: 0
}

.Genfaqs .dis,
.Genfaqs p {
    border: 1px dashed #414040;
    font-size: .9em
}

.Genfaqs p {
    color: #fff;
    padding: 2%;
    line-height: 1.9em;
    margin: 1em
}

.Genfaqs li {
    background: url(images/right3.webp) left top no-repeat;
    position: relative;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 25px;
    color: #fff
}

.Genfaqs .dis,
.footlinks p {
    font-style: italic;
    line-height: 1.9em
}

.footlinks li,
.footlinks li a {
    color: #fff !important
}

.Genfaqs .dis {
    color: #fff;
    padding: 5px;
    margin: 2px 0
}

.Genfaqs .dis:hover {
    color: #02e60d
}

.Genfaqs .dis a:hover {
    color: #36e507
}

.footlinks {
    margin: 3% 0;
    width: 100%;
    padding: 10px 0;
    float: left;
    text-align: center !important
}

.footlinks ul {
    padding: 0
}

.footlinks li {
    font-family: Poppins, sans-serif;
    padding: 5px 15px;
    border: 1px solid transparent;
    margin: 5px;
    cursor: pointer;
    border-radius: .25rem;
    white-space: nowrap;
    transition: .3s;
    font-size: 18px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg, #ff4087, #ffc056);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #000 inset;
    font-weight: 300
}

.footlinks p,
.s-icon {
    border: 1px dashed #414040;
    padding: 1%
}

.footlinks p {
    color: #fff;
    font-size: .9em;
    margin: 1em 0
}

.s-icon {
    margin: 2em 0;
    width: 100%
}

.s-icon a {
    background: #323232;
    color: #9c9c9c;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    vertical-align: middle;
    border-style: none
}

.lcol a,
.rcol a {
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: 700
}

.s-icon a img {
    vertical-align: middle !important;
    width: 30px;
    height: 30px
}

.s-icon a:hover {
    background: #2196f3
}

.nowcall {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

.nowcall a:hover{
    color: #000;
}

.lcol,
.rcol {
    float: left;
    width: 50%
}

.lcol {
    background-color: #025bfe !important
}

.lcol:hover {
    background-color: #eef610 !important
}

.rcol {
    background-color: #02fc0e !important
}

.rcol:hover {
    background-color: #f50707 !important
}

.lcol a {
    display: block;
    color: #fff
}

.rcol a {
    display: block;
    color: #000
}

@media screen and (min-width:961px) and (max-width:1199px) {

    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }

    .container {
        padding: 0
    }

    .nav-prime li a {
        margin-bottom: 5px
    }

    .bangloretab ul li {
        width: 32%
    }

    .bangloreleft {
        width: 59%
    }

    .para span {
        top: -55px;
        left: 30%
    }
}

@media screen and (min-width:801px) and (max-width:960px) {

    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }

    .container {
        padding: 0
    }

    .nav-prime li a {
        margin-bottom: 5px
    }

    .hotel,
    .local,
    .pricing,
    .bangloretab ul li {
        width: 48%
    }

    .card {
        width: 47%;
        border: 2px solid #fedd39
    }

    .bangloreleft {
        width: 100%
    }

    .feature {
        width: 45%
    }

    .btm-right {
        margin: 1em 0
    }

    .bangloreright {
        width: 100%;
        padding: 2% 0
    }

    .says-grid {
        width: 48%;
        margin: 15% 1% 1%
    }

    .para span {
        top: -55px;
        left: 30%
    }
}

@media screen and (min-width:621px) and (max-width:800px) {

    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }

    .s-icon a,
    .banglore-half {
        margin-bottom: 10px
    }

    .container {
        padding: 0
    }

    .head1,
    .head2,
    .head3 {
        padding: 0 1%
    }

    .logobox {
        width: 93%
    }

    .head2 {
        font-size: 28px !important
    }

    .head3 {
        font-size: 40px !important
    }

    .nav-prime li a {
        margin-bottom: 5px
    }

    .icon-box {
        width: 43%
    }

    .icon-box div {
        font-size: 15px
    }

    .banglore-half {
        padding: 2% 0;
        width: 100%
    }

    .hotel,
    .local,
    .pricing,
    .bangloretab ul li {
        width: 48%
    }

    .card {
        width: 47%;
        border: 2px solid #fedd39
    }

    .localbox a {
        font-size: 16px
    }

    .bangloreleft {
        width: 100%
    }

    .feature {
        width: 45%
    }

    .btm-right {
        margin: 1em 0
    }

    .bangloreright {
        width: 100%;
        padding: 2% 0
    }

    .Genfaqs {
        margin: 2% 0;
        width: 100%
    }

    .says-grid {
        width: 48%;
        margin: 15% 1% 1%
    }

    .para span {
        top: -55px;
        left: 30%
    }
}

@media screen and (min-width:481px) and (max-width:620px) {

    .container,
    .wrap {
        margin: 0 auto;
        width: 100%;
        height: auto;
        clear: both
    }

    .s-icon a,
    .banglore-half {
        margin-bottom: 10px
    }

    .container {
        padding: 0
    }

    .head1,
    .head2,
    .head3 {
        padding: 0 1%
    }

    .logobox {
        width: 93%
    }

    .head2 {
        font-size: 28px !important
    }

    .head3 {
        font-size: 40px !important
    }

    .nav-prime li a {
        margin-bottom: 5px
    }

    .icon-box {
        width: 43%
    }

    .banglore-half,
    .bangloreright,
    .bangloretab ul li {
        width: 100%;
        padding: 2% 0
    }

    .icon-box div {
        font-size: 15px
    }

    .bangloretab ul li a {
        padding: 3% 1%
    }

    .card {
        width: 47%;
        border: 2px solid #fedd39
    }

    .local {
        margin: 1% 0;
        width: 98%
    }

    .feature,
    .hotel,
    .says-grid,
    .bangloreleft {
        width: 100%
    }

    .Genfaqs,
    .pricing {
        margin: 2% 0;
        width: 100%
    }

    .feature {
        margin: 1% 0
    }

    .btm-right {
        margin: 1em 0
    }

    .hotel {
        padding: 2% 0
    }

    .says-grid {
        margin: 25% 0 1%
    }

    .para span {
        top: -55px;
        left: 33%
    }
}

@media screen and (min-width:320px) and (max-width:480px) {

    .container,
    .wrap {
        margin: 0 auto;
        height: auto;
        clear: both;
        width: 100%
    }

    .container {
        padding: 0
    }

    .head1,
    .head2,
    .head3 {
        padding: 0 1%
    }

    .logobox {
        width: 93%
    }

    .head2 {
        font-size: 28px !important
    }

    .head3 {
        font-size: 40px !important
    }

    .hotel,
    .banglore-half,
    .bangloreright {
        padding: 2% 0
    }

    .nav-prime li a {
        margin-bottom: 5px
    }

    .icon-box {
        margin: 2% 0;
        width: 96%
    }

    .s-icon a,
    .banglore-half {
        margin-bottom: 10px
    }

    .banglore-half {
        width: 100%
    }

    .bangloretab ul li {
        width: 98%;
        padding: 2% 0
    }

    .card {
        margin: 2% 0;
        width: 98%
    }

    .local {
        margin: 1% 0;
        width: 98%
    }

    .feature,
    .hotel,
    .says-grid,
    .bangloreleft,
    .bangloreright {
        width: 100%
    }

    .Genfaqs,
    .pricing {
        margin: 2% 0;
        width: 100%
    }

    .feature {
        margin: 1% 0
    }

    .says-grid {
        margin: 25% 0 1%
    }

    .para span {
        top: -55px;
        left: 33%
    }
}

.starsec,
.starthird {
    width: 3px;
    height: 3px;
    content: " ";
    background: 0 0;
    box-shadow: 571px 173px #00bcd4, 1732px 143px #00bcd4, 1745px 454px #ff5722, 234px 784px #00bcd4, 1793px 1123px #ff9800, 1076px 504px #03a9f4, 633px 601px #ff5722, 350px 630px #ffeb3b, 1164px 782px #00bcd4, 76px 690px #3f51b5, 1825px 701px #cddc39, 1646px 578px #ffeb3b, 544px 293px #2196f3, 445px 1061px #673ab7, 928px 47px #00bcd4, 168px 1410px #8bc34a, 777px 782px #9c27b0, 1235px 1941px #9c27b0, 104px 1690px #8bc34a, 1167px 1338px #e91e63, 345px 1652px #009688, 1682px 1196px #f44336, 1995px 494px #8bc34a, 428px 798px #ff5722, 340px 1623px #f44336, 605px 349px #9c27b0, 1339px 1344px #673ab7, 1102px 1745px #3f51b5, 1592px 1676px #2196f3, 419px 1024px #ff9800, 630px 1033px #4caf50, 1995px 1644px #00bcd4, 1092px 712px #9c27b0, 1355px 606px #f44336, 622px 1881px #cddc39, 1481px 621px #9e9e9e, 19px 1348px #8bc34a, 864px 1780px #e91e63, 442px 1136px #2196f3, 67px 712px #ff5722, 89px 1406px #f44336, 275px 321px #009688, 592px 630px #e91e63, 1012px 1690px #9c27b0, 1749px 23px #673ab7, 94px 1542px #ffeb3b, 1201px 1657px #3f51b5, 1505px 692px #2196f3, 1799px 601px #03a9f4, 656px 811px #00bcd4, 701px 597px #00bcd4, 1202px 46px #ff5722, 890px 569px #ff5722, 1613px 813px #2196f3, 223px 252px #ff9800, 983px 1093px #f44336, 726px 1029px #ffc107, 1764px 778px #cddc39, 622px 1643px #f44336, 174px 1559px #673ab7, 212px 517px #00bcd4, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #f44336, 849px 391px #ff9800, 228px 1824px #fff, 1119px 1680px #ffc107, 812px 1480px #3f51b5, 1438px 1585px #cddc39, 137px 1397px #fff, 1080px 456px #673ab7, 1208px 1437px #03a9f4, 857px 281px #f44336, 1254px 1306px #cddc39, 987px 990px #4caf50, 1655px 911px #00bcd4, 1102px 1216px #ff5722, 1807px 1044px #fff, 660px 435px #03a9f4, 299px 678px #4caf50, 1193px 115px #ff9800, 918px 290px #cddc39, 1447px 1422px #ffeb3b, 91px 1273px #9c27b0, 108px 223px #ffeb3b, 146px 754px #00bcd4, 461px 1446px #ff5722, 1004px 391px #673ab7, 1529px 516px #f44336, 1206px 845px #cddc39, 347px 583px #009688, 1102px 1332px #f44336, 709px 1756px #00bcd4, 1972px 248px #fff, 1669px 1344px #ff5722, 1132px 406px #f44336, 320px 1076px #cddc39, 126px 943px #ffeb3b, 263px 604px #ff5722, 1546px 692px #f44336;
    position: absolute
}

.starsec {
    animation: 150s linear infinite animStar
}

.starthird {
    animation: 10s linear infinite animStar
}

.starfourth {
    content: " ";
    position: absolute;
    width: 2px;
    height: 2px;
    background: 0 0;
    box-shadow: 571px 173px #00bcd4, 1732px 143px #00bcd4, 1745px 454px #ff5722, 234px 784px #00bcd4, 1793px 1123px #ff9800, 1076px 504px #03a9f4, 633px 601px #ff5722, 350px 630px #ffeb3b, 1164px 782px #00bcd4, 76px 690px #3f51b5, 1825px 701px #cddc39, 1646px 578px #ffeb3b, 544px 293px #2196f3, 445px 1061px #673ab7, 928px 47px #00bcd4, 168px 1410px #8bc34a, 777px 782px #9c27b0, 1235px 1941px #9c27b0, 104px 1690px #8bc34a, 1167px 1338px #e91e63, 345px 1652px #009688, 1682px 1196px #f44336, 1995px 494px #8bc34a, 428px 798px #ff5722, 340px 1623px #f44336, 605px 349px #9c27b0, 1339px 1344px #673ab7, 1102px 1745px #3f51b5, 1592px 1676px #2196f3, 419px 1024px #ff9800, 630px 1033px #4caf50, 1995px 1644px #00bcd4, 1092px 712px #9c27b0, 1355px 606px #f44336, 622px 1881px #cddc39, 1481px 621px #9e9e9e, 19px 1348px #8bc34a, 864px 1780px #e91e63, 442px 1136px #2196f3, 67px 712px #ff5722, 89px 1406px #f44336, 275px 321px #009688, 592px 630px #e91e63, 1012px 1690px #9c27b0, 1749px 23px #673ab7, 94px 1542px #ffeb3b, 1201px 1657px #3f51b5, 1505px 692px #2196f3, 1799px 601px #03a9f4, 656px 811px #00bcd4, 701px 597px #00bcd4, 1202px 46px #ff5722, 890px 569px #ff5722, 1613px 813px #2196f3, 223px 252px #ff9800, 983px 1093px #f44336, 726px 1029px #ffc107, 1764px 778px #cddc39, 622px 1643px #f44336, 174px 1559px #673ab7, 212px 517px #00bcd4, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #f44336, 849px 391px #ff9800, 228px 1824px #fff, 1119px 1680px #ffc107, 812px 1480px #3f51b5, 1438px 1585px #cddc39, 137px 1397px #fff, 1080px 456px #673ab7, 1208px 1437px #03a9f4, 857px 281px #f44336, 1254px 1306px #cddc39, 987px 990px #4caf50, 1655px 911px #00bcd4, 1102px 1216px #ff5722, 1807px 1044px #fff, 660px 435px #03a9f4, 299px 678px #4caf50, 1193px 115px #ff9800, 918px 290px #cddc39, 1447px 1422px #ffeb3b, 91px 1273px #9c27b0, 108px 223px #ffeb3b, 146px 754px #00bcd4, 461px 1446px #ff5722, 1004px 391px #673ab7, 1529px 516px #f44336, 1206px 845px #cddc39, 347px 583px #009688, 1102px 1332px #f44336, 709px 1756px #00bcd4, 1972px 248px #fff, 1669px 1344px #ff5722, 1132px 406px #f44336, 320px 1076px #cddc39, 126px 943px #ffeb3b, 263px 604px #ff5722, 1546px 692px #f44336;
    animation: 50s linear infinite animStar
}

.starfifth {
    content: " ";
    position: absolute;
    width: 1px;
    height: 1px;
    background: 0 0;
    box-shadow: 571px 173px #00bcd4, 1732px 143px #00bcd4, 1745px 454px #ff5722, 234px 784px #00bcd4, 1793px 1123px #ff9800, 1076px 504px #03a9f4, 633px 601px #ff5722, 350px 630px #ffeb3b, 1164px 782px #00bcd4, 76px 690px #3f51b5, 1825px 701px #cddc39, 1646px 578px #ffeb3b, 544px 293px #2196f3, 445px 1061px #673ab7, 928px 47px #00bcd4, 168px 1410px #8bc34a, 777px 782px #9c27b0, 1235px 1941px #9c27b0, 104px 1690px #8bc34a, 1167px 1338px #e91e63, 345px 1652px #009688, 1682px 1196px #f44336, 1995px 494px #8bc34a, 428px 798px #ff5722, 340px 1623px #f44336, 605px 349px #9c27b0, 1339px 1344px #673ab7, 1102px 1745px #3f51b5, 1592px 1676px #2196f3, 419px 1024px #ff9800, 630px 1033px #4caf50, 1995px 1644px #00bcd4, 1092px 712px #9c27b0, 1355px 606px #f44336, 622px 1881px #cddc39, 1481px 621px #9e9e9e, 19px 1348px #8bc34a, 864px 1780px #e91e63, 442px 1136px #2196f3, 67px 712px #ff5722, 89px 1406px #f44336, 275px 321px #009688, 592px 630px #e91e63, 1012px 1690px #9c27b0, 1749px 23px #673ab7, 94px 1542px #ffeb3b, 1201px 1657px #3f51b5, 1505px 692px #2196f3, 1799px 601px #03a9f4, 656px 811px #00bcd4, 701px 597px #00bcd4, 1202px 46px #ff5722, 890px 569px #ff5722, 1613px 813px #2196f3, 223px 252px #ff9800, 983px 1093px #f44336, 726px 1029px #ffc107, 1764px 778px #cddc39, 622px 1643px #f44336, 174px 1559px #673ab7, 212px 517px #00bcd4, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #f44336, 849px 391px #ff9800, 228px 1824px #fff, 1119px 1680px #ffc107, 812px 1480px #3f51b5, 1438px 1585px #cddc39, 137px 1397px #fff, 1080px 456px #673ab7, 1208px 1437px #03a9f4, 857px 281px #f44336, 1254px 1306px #cddc39, 987px 990px #4caf50, 1655px 911px #00bcd4, 1102px 1216px #ff5722, 1807px 1044px #fff, 660px 435px #03a9f4, 299px 678px #4caf50, 1193px 115px #ff9800, 918px 290px #cddc39, 1447px 1422px #ffeb3b, 91px 1273px #9c27b0, 108px 223px #ffeb3b, 146px 754px #00bcd4, 461px 1446px #ff5722, 1004px 391px #673ab7, 1529px 516px #f44336, 1206px 845px #cddc39, 347px 583px #009688, 1102px 1332px #f44336, 709px 1756px #00bcd4, 1972px 248px #fff, 1669px 1344px #ff5722, 1132px 406px #f44336, 320px 1076px #cddc39, 126px 943px #ffeb3b, 263px 604px #ff5722, 1546px 692px #f44336;
    animation: 80s linear infinite animStar
}

@keyframes animStar {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-2000px)
    }
}

.review-form {
    border-radius: 10px;
    margin: 0 0 auto;
    float: left;
    width: 90%;
    padding: 5%;
    background: url(images/h.webp) #1b1b1b
}

.review-form .form-group {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.review-form .form-group .ui-selectmenu-button.ui-button,
.review-form .form-group input[type=email],
.review-form .form-group input[type=password],
.review-form .form-group input[type=tel],
.review-form .form-group input[type=text],
.review-form .form-group select {
    position: relative;
    display: block;
    width: 96%;
    padding: 2%;
    color: #222;
    line-height: 26px;
    margin-bottom: 10px;
    background: #000;
    border: 1px solid #343434;
    border-radius: 3px
}

.review-form .form-group .ui-selectmenu-button.ui-button {
    line-height: 45px !important
}

.review-form .form-group .ui-selectmenu-button.ui-button:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 70px;
    height: 64px;
    z-index: 10
}

.review-form .form-group .check-box label {
    font-weight: 400
}

.review-form .form-group input[type=email]:focus,
.review-form .form-group input[type=password]:focus,
.review-form .form-group input[type=tel]:focus,
.review-form .form-group input[type=text]:focus,
.review-form .form-group select:focus,
.review-form .form-group textarea:focus {
    border-color: #f8b830;
    background-color: #fff
}

.review-form .form-group textarea {
    position: relative;
    display: block;
    width: 96%;
    padding: 2%;
    line-height: 24px;
    height: 110px;
    resize: none;
    background: #000;
    border: 1px solid #343434;
    border-radius: 3px
}

.review-form button {
    margin-top: 10px;
    position: relative;
    padding: 10px 50px;
    font-size: 16px;
    font-weight: 400;
    background: #fedd39;
    font-family: Montserrat, sans-serif
}

.review-form input:focus,
.review-form select:focus,
.review-form textarea:focus {
    border-color: #f06529
}







/* Ensure the link container clips the image during scaling */
.card a {
  position: relative;
  display: block;
  overflow: hidden;
}

/* Set the default state of the image with a smooth transition */
.card .img-responsive {
  transition: transform 0.3s ease;
  display: block;
  width: 100%;
  height: auto;
}

/* Zoom out the image when the user hovers over the link */
.card a:hover .img-responsive {
  transform: scale(0.9); /* Scales down to 90% of its size */
}

/* Style the overlay to cover the link area completely and keep it hidden */
.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Dark semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* Style the "Hello" text */
.card-overlay span {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}

/* Reveal the overlay when hovering over the link */
.card a:hover .card-overlay {
  opacity: 1;
}