.thumbnail img {
  height: 60px;
}

.h36{
height:36px;
}

.spl--20{
padding-left:20px;
}

.annhotel-logo{
height:60px;
}
@media only screen and (max-width:568px){
.annhotel-logo{
  height:32px;
}
.thumbnail img {
  height: 32px;
}
}

.br20{
border-radius:20px;
}

.rts-hero-dupe {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url('hero-vid.mp4') no-repeat center center fixed;
  background-size: cover;
}

video {
  filter: brightness(0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.rts-hero-dupe-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.rts-hero-dupe-content p,
.rts-hero-dupe h1{
  color: var(--color-the-gold);
}

@media (max-width: 1024px) {
.rts-hero {
  height: 400px; 
}
}


@media (max-width: 768px) {
.rts-hero {
  height: 300px;
}

.main-header{
  height:72px;
}
}

@media only screen and (max-width: 1200px) {
.spl--20{
  padding-left:0px;
}
}


/*style for our brands container in index*/
.business-case-cards{
display:flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
}
.business-case-cards-item {
margin: 20px 20px;

box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 1;

width: 24%;
}

.card7plus{
width:20%;
}
.business-case-cards-item::after {
content: "";
position: absolute;
background-image: url(../images/business-case/icon/shape-3.png);
height: 100%;
width: 100%;
top: -64%;
right: -56%;
z-index: 0;
background-repeat: no-repeat;
transition: 0.3s;
}
.business-case-cards-item .thumbnail {

overflow: hidden;
}
.business-case-cards-item .thumbnail img {
height:100%;
overflow: hidden;
transition: 0.3s;

}
.business-case-cards-item .inner {
backdrop-filter: blur(1px);
height:160px;
padding: 12px;
text-align: center;
position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
width: 84%;
background: #ffffff70;
border-radius: 20px;
overflow: hidden;
z-index: 10;
}

.business-case-cards-item .inner a:hover .title {
color: var(--color-primary-2);
}
.business-case-cards-item .inner span {
color: #000;
font-size: 16px;
position: relative;
}
.business-case-cards-item .inner span::after {
position: absolute;
content: "";
background-image: url(../images/business-case/icon/02.png);
height: 58px;
width: 58px;
bottom: -85px;
left: -144px;
transition: 0.3s;
}
.business-case-cards-item .inner .title {
margin-bottom: 2px;
transition: 0.3s;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #1C2539;
}

.business-case-cards-item:hover .thumbnail img {
transform: scale(1.1);
filter: grayscale(1);
}
.business-case-cards-item:hover::after {
top: -16%;
right: -56%;
}
.business-case-cards-item:hover .inner span::after {
bottom: -55px;
left: -111px;
}

.business-case-cards-item.style-home-7S .thumbnail img {
width: 100%;
}

.business-case-cards-item.style-home-7S::after {
content: "";
position: absolute;
background-image: url(../images/business-case/icon/shape-2.png);
height: 100%;
width: 100%;
top: -64%;
right: -56%;
z-index: 0;
background-repeat: no-repeat;
transition: 0.3s;
}

.business-case-cards-item.style-home-7S:hover::after {
top: -83px;
right: -55%;
}

.business-case-cards-item.style-home-7S .inner span::after {
position: absolute;
content: "";
background-image: url(../images/business-case/icon/03.png);
height: 58px;
width: 58px;
bottom: -85px;
left: -144px;
transition: 0.3s;
}

.business-case-cards-item.style-home-7S:hover .inner span::after {
bottom: -61px;
left: -124px;
}

.business-case-cards-item.style-home-7S .inner a:hover .title {
color: var(--color-primary-5);
}

.col-204 {
width: 20%;
float: left;
box-sizing: border-box; 
padding: 0 15px;
}


@media (min-width: 768px) and (max-width: 991px) {
.business-case-cards-item .inner {
  line-height:1;
  height: 120px;
  padding: 10px;
}
.business-case-cards-item .inner span{
  font-size: 12px;}

.business-case-cards-item{
  width:auto;
  height:200px;
  margin:10px 10px;
}
.business-case-cards-item .inner .title {
  font-size: 20px;
}
}
@media (min-width:560px) and (max-width: 767px) {
.business-case-cards-item .inner span{
  line-height:20px;
  font-size: 12px;}
.business-case-cards-item .inner {
  font-size:10px;
  line-height:1;
  height: 120px;
  padding: 15px;
}
.business-case-cards-item{
  width:27.4%;
  margin:10px 5px;
}
.business-case-cards-item .inner .title {
  font-size: 18px;
  margin-bottom: -4px;
}
.thumbnail img {
  height: 36px;
}
}
@media (min-width:991px) and (max-width: 1200px) {
.business-case-cards-item{
  width: auto;
  height: 300px;
}
}
@media only screen and (max-wdith: 560px){
.business-case-cards-item{
  width:42%;
  margin:10px 5px;
}
.thumbnail img {
  height: 36px;
}

.annhotel-logo{
  height:36px;
}
}

.logo{
height: 60px;
}

@media only screen and (max-width:568px){
.logo{
  height: 36px !important;
}
}


@media only screen and (max-width:1199px){
#submenu-navlink{
  display:none;
}
}

.h80{
  height:80px;
}


.service-one-inner-four .big-thumbnail-area .thumbnail img {
  height: 300px;
  width: 100%;
}

.service-one-inner-four .big-thumbnail-area::after {
position: absolute;
bottom: 0;
}

.text-jusify{
text-align:justify;
}
column
.service-one-inner-four .big-thumbnail-area .content {
overflow:visible !important;
}

.service-one-inner-four .big-thumbnail-area .content img {
margin-bottom:0px !important;
}

.nav-link {
padding: 0px, im !important;
}

.single-contact-one-inner .content{
height:inherit;
background-color: #faeebe !important;
}

.rts-title-area::after {
display: none;
}

.justify-center{
justify-content:center;
}

.m10{
margin:10px;
}

.hero-part_1{
position:absolute;
display:flex;
justify-content: center;
align-items:center;
color:#fff;
font-size:40px;
font-weight:700px;
text-transform: uppercase;
flex-direction:column;
width: 100%;
height: 100%;
    animation: slideIn 2ms;
}

.portfolio-area.style-5 .item{
  max-height: 250px !important;
    overflow: hidden;
    border-radius: 40px;
}


@media(max-width:992px){
  .rts-client-reviews-h2 {
    height: 200px;
    padding: 25px 25px 15px 25px;
}
}

@media(max-width:768px)
{
  .rts-client-reviews-h2 {

    padding: 50px 50px 30px 50px;
  }
  #swiper-wrapper-020aaca5212c6af10 {
    gap: 20px;
    flex-direction: column;
    display: flex;
}
}