html.js-loading * {
  transition: none !important;
  animation: none !important;
}
.center{    text-align: center;}
.lvg{width: 130px;
height: 130px;
opacity: 1;
    border: 1px dashed #a7a7a7;
    padding: 10px;
    border-radius: 70%;
    background: #f0eeee;    text-align: center;}
.col a:hover .lvgp {
    color: #e60000; /* change to your desired color */
}

.col a:hover img {
    transform: scale(1.05);
}

.lvg {
    transition: transform 0.3s ease;
}

.lvgp {
    font-family: 'poppins';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #554b4b;
    margin-top: 8px;
    transition: all 0.35s ease;
    position: relative;
    display: inline-block;
}

/* LINE / UNDERLINE ANIMATION */
.lvgp:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: all 0.35s ease;
    transform: translateX(-50%);
}

/* Hyderabad hover */
.col a[href*="hyderabad"]:hover .lvgp {
    color: #D63384;
    text-shadow: 0px 0px 10px #D63384;
}
.col a[href*="hyderabad"]:hover .lvgp:after {
    width: 60%;
}

/* Bangalore hover */
.col a[href*="bangalore"]:hover .lvgp {
    color: #0078FF;
    text-shadow: 0px 0px 10px #0078FF;
}
.col a[href*="bangalore"]:hover .lvgp:after {
    width: 60%;
}

/* Coimbatore hover */
.col a[href*="coimbatore"]:hover .lvgp {
    color: #28A745;
    text-shadow: 0px 0px 10px #28A745;
}
.col a[href*="coimbatore"]:hover .lvgp:after {
    width: 60%;
}

/* Chennai hover */
.col a[href*="chennai"]:hover .lvgp {
    color: #FF6F00;
    text-shadow: 0px 0px 10px #FF6F00;
}
.col a[href*="chennai"]:hover .lvgp:after {
    width: 60%;
}

@media (max-width: 767px) 
{
     .rr34 {
            width: 200px;
        }
    .center{    
        text-align: center;}
   .lvg{width: 100px;
    height: 100px;
    opacity: 1;
    border: 1px dashed #a7a7a7;
    padding: 10px;
    border-radius: 70%;
    background: #f0eeee;    text-align: center;}
    
    
    .col a:hover .lvgp {
    color: #e60000; /* change to your desired color */
    }
    
    .col a:hover img {
    transform: scale(1.05);
    }

    .lvg {
    transition: transform 0.3s ease;
    }
    
    .lvgp {
    font-family: 'poppins';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #554b4b;
    margin-top: 8px;
    transition: all 0.35s ease;
    position: relative;
    display: inline-block;
}

/* LINE / UNDERLINE ANIMATION */
.lvgp:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: all 0.35s ease;
    transform: translateX(-50%);
}

/* Hyderabad hover */
.col a[href*="hyderabad"]:hover .lvgp {
    color: #D63384;
    text-shadow: 0px 0px 10px #D63384;
}
.col a[href*="hyderabad"]:hover .lvgp:after {
    width: 60%;
}

/* Bangalore hover */
.col a[href*="bangalore"]:hover .lvgp {
    color: #0078FF;
    text-shadow: 0px 0px 10px #0078FF;
}
.col a[href*="bangalore"]:hover .lvgp:after {
    width: 60%;
}

/* Coimbatore hover */
.col a[href*="coimbatore"]:hover .lvgp {
    color: #28A745;
    text-shadow: 0px 0px 10px #28A745;
}
.col a[href*="coimbatore"]:hover .lvgp:after {
    width: 60%;
}

/* Chennai hover */
.col a[href*="chennai"]:hover .lvgp {
    color: #FF6F00;
    text-shadow: 0px 0px 10px #FF6F00;
}
.col a[href*="chennai"]:hover .lvgp:after {
    width: 60%;
}
    
    .offcanvas-logo a img {
    width: 200px !important;
    }
    /*.rr34*/
    /*{*/
    /*width: 200px;*/
    /*}*/
	.lv2 {display:none !important;}	
	#exampleModalButton
	{
	position: absolute;
    right: 62px;
    top: 11px;
	}
	
		
.icon2 {
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #818181 !important;
    border-radius: 50px;
    border: 1px dashed var(--primary) !important;
}

	.offcanvas-top {
    padding-bottom: 0px;
    border-bottom: 1px solid var(--bd-border-primary);
    background: #818181;
}
.header-style-three {
        padding: 15px 15px 0 15px !important;
    }
}


@media screen (min-width: 321px) and (max-width: 375px) and (min-width: 376px) and (max-width: 390px) and (min-width: 391px) and (max-width: 430px)

{

    .center{    text-align: center;}
    .lvg{width: 100px;
    height: 100px;
    opacity: 1;
    border: 1px dashed #a7a7a7;
    padding: 10px;
    border-radius: 70%;
    background: #f0eeee;    text-align: center;}
    

.col a:hover img {
    transform: scale(1.05);
}

.lvg {
    transition: transform 0.3s ease;
}

.col a:hover .lvgp {
    color: #e60000; /* change to your desired color */
}

.lvgp {
    font-family: 'poppins';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #554b4b;
    margin-top: 8px;
    transition: all 0.35s ease;
    position: relative;
    display: inline-block;
}

/* LINE / UNDERLINE ANIMATION */
.lvgp:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: all 0.35s ease;
    transform: translateX(-50%);
}

/* Hyderabad hover */
.col a[href*="hyderabad"]:hover .lvgp {
    color: #D63384;
    text-shadow: 0px 0px 10px #D63384;
}
.col a[href*="hyderabad"]:hover .lvgp:after {
    width: 60%;
}

/* Bangalore hover */
.col a[href*="bangalore"]:hover .lvgp {
    color: #0078FF;
    text-shadow: 0px 0px 10px #0078FF;
}
.col a[href*="bangalore"]:hover .lvgp:after {
    width: 60%;
}

/* Coimbatore hover */
.col a[href*="coimbatore"]:hover .lvgp {
    color: #28A745;
    text-shadow: 0px 0px 10px #28A745;
}
.col a[href*="coimbatore"]:hover .lvgp:after {
    width: 60%;
}

/* Chennai hover */
.col a[href*="chennai"]:hover .lvgp {
    color: #FF6F00;
    text-shadow: 0px 0px 10px #FF6F00;
}
.col a[href*="chennai"]:hover .lvgp:after {
    width: 60%;
}


    .header-style-three {
        padding: 15px 15px 0 15px !important;
    }
.offcanvas-logo a img {
    width: 200px !important;
}
/*.rr34{    width: 200px;}*/
	
	
	.lv2 {display:none !important;}	
	#exampleModalButton
	{
	position: absolute;
    right: 62px;
    top: 11px;
	    
	}
	
		
.icon2 {
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #818181 !important;
    border-radius: 50px;
    border: 1px dashed var(--primary) !important;
}

	.offcanvas-top {
    padding-bottom: 0px;
    border-bottom: 1px solid var(--bd-border-primary);
    background: #818181;
}
}

		
		
.about-thumb-wrap.style-three {
    margin: 40px;
    position: relative;
}
		.featured-item.style-two .thumb img {
    width: 100%;
    transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
    height: 250px;
}
		img {
    max-width: 100%;
    object-fit: fill;
}
		.bd-meta {
    display: flex
;
    align-items: center;
    gap: 20px;
    width: 100%;
}
		.footer-widget-logo img {
    width: 290px;
}
		.bd-footer-area.style-two .footer-widget-links ul li a {
    font-size: 16px;
    position: relative;
    color: rgb(255 255 255);
}
		.bd-btn {
    background-color: #034155;
    color: var(--bd-white);
    z-index: 5;
    position: relative;
}
		.header-logo{max-width: 240px;}
		.logo32
		{ 
		    height: 100%;    
		    width: 100%;
		    
		}
		#exampleModal {
    background: #000000c2;
}
    .featured-item.style-two .thumb {
        overflow: hidden;
        margin-bottom: 20px;
        HEIGHT: 250PX;
    }
            .section-space {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    @media screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px)
    {
        .banner-style-three .banner-single-item {
            padding: 200px 0 75px !important;
        }
        .banner-from-three {
        margin-top: 40px;
    }		
        .banner-from-three .banner-booking-select {
        display: flex;
        align-items: center;
        gap: 0px;
        width: 75%;
        justify-content: center;
        margin: 0 auto;
    }

    .section-space {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .property-item.style-one .thumb img {
        height: 200px;
        width: 100%;
        transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
    }
                
        .featured-item.style-three .thumb-wrapper .thumb img {
        width: 100%;
        transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
        height: 150px;
    }		
    }
            

    @media screen and (min-width: 321px) and (max-width: 375px) and (min-width: 376px) and (max-width: 390px) and (min-width: 391px) and (max-width: 430px)    
    {
        .banner-style-three .banner-single-item {
            padding: 200px 0 75px !important;
        }
        .banner-from-three {
        margin-top: 40px;
    }		
        .banner-from-three .banner-booking-select {
        display: flex;
        align-items: center;
        gap: 0px;
        width: 75%;
        justify-content: center;
        margin: 0 auto;
    }

    .section-space {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .property-item.style-one .thumb img {
        height: 200px;
        width: 100%;
        transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
    }
                
        .featured-item.style-three .thumb-wrapper .thumb img {
        width: 100%;
        transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
        height: 150px;
    }
    }            
            
@media (min-width: 1920px) and (max-width: 1080px)  {
    .section-space {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-space {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
                
    .icon {
        padding: 5px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border-radius: 50px;
        border: 1px dashed var(--primary) !important;
    }

    .banner-style-three .banner-single-item {
            padding: 200px 0 200px;
        }
        .featured-item.style-three .thumb-wrapper .thumb img {
        width: 100%;
        transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
        height: 200px;
    }

    .featured-item.style-three .bd-meta {
        margin-top: 5px;
        flex-wrap: wrap;
        gap: 3px 5px;
    }
    .featured-item.style-three .content {
        padding: 15px 10px 10px 15px;
    }
    .featured-item.style-three .thumb-wrapper .thumb img {
        width: 100%;
        transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
        height: 170px;
    }
    .featured-item.style-three .bd-meta-profile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px 10px 10px;
        border-top: 1px solid var(--bd-border-primary);
    }

    }
	
	.footer-description
	
	{
	    font-family: 'Poppins', Sans-Serif;
	    font-size: 14px;
	    color: #fff;
	    justify-content: center;
	    
	}
		
	.gallery_main {
    transition: transform 0.25s ease;
    cursor: pointer;
}

/* Very light zoom */
.gallery_main:hover {
    transform: scale(1.01);
}

/* Smooth image effect */
.gallery_main .background-image {
    transition: transform 0.25s ease;
}

.gallery_main:hover .background-image {
    transform: scale(1.03);
}

.image-container1 img {
    animation: rotateMe 6s linear infinite;
}

.image-container1:hover img {
    animation-play-state: paused;
}

.contact-btn {
    padding: 5px 15px;
    border-radius: 15px;
    background: #ff6b4a;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}