/************** Header *************************/
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ left:0; right:0; bottom:7%;} 
.MainBanner .carousel-caption h1 { font-size:64px; line-height:30px;}
.MainBanner .cus-wdth { width:55%;}
/********** Tab **************************************************************************************************/
.sec-2 {}
.sec-2 { position:relative; z-index:1;padding:200px 0;background-color:#000;}
.sec-2 .cus-wdth{ width:60%;}
.sec-2:before { background-image:url(../images/h-img2.jpg); background-position:center center; background-size:cover; width:100%; position:absolute; left:0; top:0; z-index:-1; height:100%; display:block; content:""; opacity: 0.5; filter: alpha(opacity=50); }
.gallery img {
height:309px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;	
}
.cus-hgt { height:100% !important;}
.f-80 { font-size:80px;}
.f-30 { font-size:30px;}
.contact-pg .cus-wdth {width:60%;}
.contact-bg {z-index:1;}
.contact-bg:before { background-image:url(https://d27i700kqg6hao.cloudfront.net/woodenflowers/wp-content/uploads/2025/05/20140352/contact-bg.jpg); background-position:center center; background-size:cover; width:100%; position:absolute; left:0; top:0; z-index:-1; height:100%; display:block; content:""; opacity: 0.5; filter: alpha(opacity=50); }

/********** Footer ***************************************************************************************************/

#Footer li a {color:#fff;}
#Footer a {color:#fff; }
#Footer a {color:#fff;}
#Footer a:hover { color:#000;}
.copyright p { font-size:20px!important; color:#fff;}
.social-rounded li a { background:#fff; width:25px; height:25px; line-height:25px; color:#000 !important; font-size:12px;}
.social-rounded li a:hover { background:#ccc; color:#000;}
.links .list-inline-item:not(:last-child) {
  margin-right: 1rem;
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}

/***************************/
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; z-index: 10;}
header  {position:absolute !important; }
.shrink {/*background: #2c2c2c !important; background:#82828233!important;*/  position:fixed !important; background: rgb(0 0 0 / 57%);}
/*.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}*/
.navbar-brand img {max-height:75px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {
.container { max-width:1750px!important;}
}
@media (min-width: 1600px) {.container {max-width:1540px;} }
@media (max-width: 1600px){
.navbar-nav>li+li {margin-left:13px;}	
.navbar-brand img {max-height:70px;}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.navbar-brand img {max-height:70px;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.navbar-brand img {max-height:50px;}
.cus-wdth { width:100% !important;}
.navbar .navbar-nav .nav-link {font-size:15px;}
.navbar-nav>li+li {margin-left:20px;}
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
#Header .container { max-width:100%;}
.navbar-brand img {max-height:50px;}
.navbar-nav>li+li {margin-left:20px;}
.navbar .navbar-nav .nav-link {font-size:15px;}
.sec-2 {padding: 90px 0!important;}
h2, .h2 {font-size:50px;}
.cus-wdth { width:100% !important;}
}
@media (min-width: 991.98px) {
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.navbar-brand img {max-height:90px;}
h2, .h2 {font-size:50px;}
.cus-wdth { width:100% !important;}
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}	
.sec-2 {padding: 90px 0!important;}
}
@media (max-width:768px) {
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
#Header .container { max-width:100%;}
.navbar-brand img {max-height: 40px;}
}
@media (max-width:575.98px) {
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}		
.navbar-brand img {max-height:40px;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.sec-2 {padding: 90px 0!important;}
h2, .h2 {font-size:45px;}
}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width:500px) {
.MainBanner .carousel-item  img {
    height:550px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.py-3.rounded-0.border-1.bg-transparent {
    height: 120px;
}

p.woocommerce-result-count {
    display: none;
}

form.woocommerce-ordering {
    display: none;
}
.xoo-wsc-basket {
    bottom: 70px;
    right: 17px;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0px 0px 15px 2px #0000001a;
    border-radius: 50%;
    display: flex;
    width: 60px;
    height: 60px;
}
.footer ul#menu-footer-menu li.menu-item {display: inline-block;}

#foogallery-gallery-569 .fg-caption {
    display: none; /* Hides the caption text */
}

#Footer{background-image: url('https://d27i700kqg6hao.cloudfront.net/woodenflowers/wp-content/uploads/2025/05/20140355/Footer-bg.jpg'); object-fit:cover;}

#foogallery-gallery-569 .fg-image {
    width: 200px;
}

#foogallery-gallery-569 .fg-image .text-class { /* Replace .text-class with the appropriate class or selector of the text you want to hide */
    display: none;
}
.dropdown:hover>.dropdown-menu {display: block;}
 
.dropdown-menu li {
  position: relative;
} 
.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #000;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #f8f9fa;
    background-color: hsl(0deg 0% 13%);
}

.bg-para{background-image: url(https://d27i700kqg6hao.cloudfront.net/woodenflowers/wp-content/uploads/2025/05/20140352/contact-bg.jpg);background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}



.wc-block-components-totals-coupon.wc-block-components-panel > div {
    padding-left: 10px !important;
}

.form-control {
    color: #fff!important;              /* Text ko white karega */
}

.form-control::placeholder {
    color: #fff!important;              /* Placeholder text ko bhi white karega */
    opacity: 0.8;             /* Thoda halka dikhane ke liye */
}