/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html{
	 scroll-padding-top: 100px;
}

.why-choose-cubinn .elementor-widget-image-box{
    background: linear-gradient(145deg, #ffffff, #FFDA1A1A);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
	border-radius: 38px;
}

.why-choose-cubinn .elementor-widget-image-box:hover{
   
  transform: translateY(-5px);
}
.upcoming {
    position: relative;
    display: inline-block;
}

.upcoming-h2,.upcoming img{
	opacity:0.8;
}
.upcoming::before {
    content: "Upcoming";
    position: absolute;
    top: 8px;
    left: -2px;
    background-color: #0051BA;
    color: white;
    padding: 4px 8px;
    font-size: 20px;
    border-radius: 4px;
    z-index: 1;
    width: auto;
    height: 41px;
    font-weight: bold;
    padding: 4px 21px 8px 21px;
}
/* header */
#amenities-fea h3 span:after {
    content: "";
    display: block;
    border-bottom: 3px solid #FFDA1A;
    width: 54px;
    margin-top: 1px;
    position: relative;
    top: 8px;
    margin-bottom: 29px;
}

#qdisplay1,#qdisplay2,#qdisplay3,#qdisplay4,#qdisplay5,#qdisplay6,#qdisplay7,#qdisplay8,#qdisplay9{
	display:none;
}
#border-none{
	border-bottom:0px;
}
#amenities-fea .elementor-icon-box-wrapper{
		background-color:#0051BA;
		padding: 13px;
		border-radius:10px;
	}
	
#amenities-fea h3,#amenities-fea p{
		color:#fff;
		
}	
@media (max-width:768px){
	.amenities-title h2{
		color:#fff!important;
}
}

@media (min-width:1024px){
	.cubinn-btn {
		background-color: #FFDA1A;
		border: 2px solid #FFDA1A;
		color: #0051BA;
		font-weight: bold;
		height: 45px;
		padding: 3px 5px !important;
		transition: all 0.3s ease;
		border-width: 2px 2px 2px 2px !important;
	}

	.cubinn-btn a {
		color: #0051BA !important;
		font-weight: bold !important;
	}

	.cubinn-btn:hover {
		background-color: transparent;
		border: 2px solid #FFDA1A; /* Keep full border */
		color: #0051BA;
		font-weight: bold;
		cursor: pointer;
		padding: 3px 5px !important; /* No padding change */
		/* Removed border-bottom: 0px solid... */
	}
	#cubin-main-menu li{
	border-bottom:2px solid transparent;
	
	}

	#cubin-main-menu li:hover{
		border-bottom:2px solid #0051BA!important;
	}

	#cubin-main-menu li:hover a{
		color:#0051BA!important;
	}

	.cubinn-btn:last-child{
			margin-left: 20px;
	}


	#cubin-main-menu li:last-child,#cubin-main-menu li:nth-child(6){
		cursor: pointer;
		border-bottom: 2px solid #FFDA1A!important;
		border-radius:4px;
	}
	
	/*#cubin-main-menu .elementor-item-active{
		color:#0051BA!important;
		border-bottom:2px solid #0051BA!important
	}*/
}

/* 110% view */

@media only screen and (min-width: 1600px) and (max-width: 1750px){
	.header .elementor-button{
		    padding: 12px 10px;
	}
	
	.about-us img{
		    max-width: 93%!important;
	}
	
	.hero h2{
		font-size:36px!important;
	}
	
	.our-properties h2{
		font-size:24px!important;
	}
}


/* 125% view */

@media only screen and (min-width: 1367px) and (max-width: 1600px){
	.header .elementor-button{
		    padding: 12px 8px;
	}
	.header a{
		font-size:16px!important;
	}
	.about-us img{
		    max-width: 93%!important;
	}
	
	.hero h2{
		font-size:34px!important;
	}
	.our-properties h2{
		font-size:24px!important;
	}
}

/* 150% view */

@media only screen and (min-width: 1270px) and (max-width: 1367px){
	.header .elementor-button{
		    padding: 12px 8px;
	}
	.header a{
		font-size:14px!important;
	}
	
	.header .elementor-widget-button .elementor-widget-container,.header .elementor-widget-icon-list .elementor-widget-container{
		padding:0px!important;
	}
	.about-us img{
		width:84%!important;
		    max-width: 84%!important;
		min-height: 350px !important;
        max-height: 350px !important;
        height: 350px !important;
		object-fit:cover!important;
	}
	
	.about-title h3{
		    margin-right: 21px;
	}
	h2{
		font-size:28px!important;
	}
	
	h3{
		font-size:24px!important;
	}
	
	h4{
		font-size:24px!important;
	}
	.hero img{
		    height: 300px!important;
	}
	
	p{
		font-size:16px!important;
	}
	
	.why-choose-cubinn h3{
		font-size:20px!important;
	}
	
	.footer h2 {
        font-size: 20px !important;
	}
	.our-properties h2{
		font-size:20px!important;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1270px){
	.header .elementor-button{
		    padding: 12px 7px;
	}
	.header a{
		font-size:12px!important;
	}
	
	.header .elementor-widget-button .elementor-widget-container,.header .elementor-widget-icon-list .elementor-widget-container{
		padding:0px!important;
	}
	.about-us img{
		width:84%!important;
		    max-width: 84%!important;
	}
	
	h2{
		font-size:28px!important;
	}
	
	h3{
		font-size:24px!important;
	}
	
	h4{
		font-size:24px!important;
	}
	.hero img{
		    height: 300px!important;
	}
	
	p{
		font-size:16px!important;
	}
	
	.why-choose-cubinn h3{
		font-size:20px!important;
	}
	
	.footer h2 {
        font-size: 20px !important;
	}
}