@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//brandofy.co.in/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.1") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(http://brandofy.co.in/wp-content/uploads/2021/09/electronics-2-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgb(66,134,246);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:600;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(66,134,246);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(66,134,246);
}
:root{
--btn-accented-bgcolor-hover:rgb(66,134,246);
}
:root{
--notices-success-bg:rgb(66,133,245);
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
									--wd-form-brd-radius: 35px;
			
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-accented-brd-radius: 35px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
<style>
  .custom-popup-content {

   background-size: cover;
    position: relative;
    padding: 20px;
    border-radius: 10px;
  }

  .custom-popup-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: 1;
    border-radius: 10px;
  }

  .custom-popup-content > * {
    position: relative;
    z-index: 2;
  }

  .popup-columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }

  .popup-column {
    flex: 1;
  }

  .popup-right img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }


  @media (max-width: 768px) {
    .popup-columns {
      flex-direction: column;
      text-align: center;
    }

    .popup-right img {
      margin-top: 20px;
    }
  }
</style>



.pum-theme-brandofy {
    background: url('http://brandofy.co.in/wp-content/uploads/2025/03/your-theme-image.png') no-repeat center center !important;
    background-size: cover !important;
    border-radius: 10px; /* Popup के किनारे Rounded होंगे */
    padding: 20px;
}

/* Popup Overlay हल्का Transparent करें */
.pum-overlay {
    background: rgba(0, 0, 0, 0.4) !important; /* Overlay हल्का Transparent होगा */
}

/* Popup Box भी Transparent करें */
.pum-container {
    background: rgba(255, 255, 255, 0.9) !important; */
    backdrop-filter: blur(5px); 
    border-radius: 10px;
}


@media (max-width: 768px) {
    .pum-container {
        text-align: center;
    }
}

html.pum-open {
    overflow: auto !important;
}

.pum-overlay {
    background: rgba(0, 0, 0, 0.3) !important;
    pointer-events: none !important; 
}


.pum-container {
    position: relative;
    z-index: 10001;
}


.pum-container * {
    pointer-events: auto !important;
}

.custom-popup-content .wpcf7-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.custom-popup-content .wpcf7-form input[type="submit"] {
    display: block;
    margin: 0 auto;
	background-color: #4085F3;
	color : white;
	border-radius: 10px;
}

.custom-popup-content .wpcf7-form input[type="text"],
.custom-popup-content .wpcf7-form input[type="email"],
.custom-popup-content .wpcf7-form input[type="tel"],
.custom-popup-content .wpcf7-form textarea {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #ccc; /* Optional: Border color */
}

.popup-right {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensure full height for centering */
}

.popup-right img {
    max-width: 100%;
    height: auto;
}
.custom-popup-content {
    border-radius: 10px; 
    overflow: hidden; 
}
.custom-popup-content {
/*     background: linear-gradient(to bottom, #4286F6, #ffffff); */
    border-radius: 10px; /* हल्का rounded effect */
    padding: 20px; /* कुछ padding के लिए */
}
#popmake-brandofy-popup {
    background: transparent !important;
    box-shadow: none !important;
}
.popup-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-right img {
    margin: auto 0;
    display: block; 
    max-width: 100%; 
    height: auto;
}
.popup-columns {
    display: flex;
    align-items: center; /* Form और Image दोनों को vertical center करेगा */
    justify-content: center; /* दोनों elements को horizontally भी center करेगा */
}

popup-left{
    margin-top:auto;
	margin-bottom : auto
	
}
.custom-popup-content .wpcf7-form input[type="submit"] {
    margin-bottom: 0px !important;
}
.custom-popup-content h2,
.custom-popup-content p {
    color: #000; 
}

.custom-popup-content h2 span,
.custom-popup-content p span {
    color: #4286F6; /* Free Gift के लिए Blue कलर */
    font-weight: bold;
}
@keyframes floatAnimation {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); } /* थोड़ा ऊपर जाएगा */
    100% { transform: translateY(0px); }
}

.popup-right img {
    animation: floatAnimation 1.5s ease-in-out infinite;
}

.custom-popup-content {
    position: relative;
   
    border-radius: 12px;
    overflow: hidden;
}

/* Falling Elements Container */
.falling-elements {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}

.falling-elements span {
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: fallAnimation linear infinite;
    opacity: 0.7;
}

/* Animation for Falling Effect */
@keyframes fallAnimation {
    0% { transform: translateY(-100px) rotate(0deg); opacity: 0.4; }
    100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}

.pum-close.popmake-close{
	color:#ababab !important;
	font-family: 'Lato' !important;
}

span.wpcf7-not-valid-tip {
    color: red !important;
    font-weight: bold;
    font-size: 14px;
}

span.wpcf7-not-valid-tip {
    color: red !important;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}





/* ========================pdf======================== */
.pdf-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 30px 0;
}

@media (max-width: 768px) {
  .pdf-grid {
    grid-template-columns: 1fr;
  }
}

.pdf-card {
  background: #fff;
  border: 1px solid #4286f6;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}

.pdf-card h3 {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}

.pdf-container {
  width: 100%;
  margin-bottom: 15px;
}

.pdf-download {
  background: #4286f6;
  color: white;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 5px;
  display: block;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}

.load-more-wrap {
  text-align: center;
  margin-top: 30px;
}

#loadMoreBtn {
  background-color:#4286f6;
  color: #fff;
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
}

#loadMoreBtn:hover {
  background-color: #4286f6;
}


/* =======================h2 effact==================== */
h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  padding-bottom: 15px;
  font-weight: 700;
  font-size: 30px;
}

h2::after {
  content: "";
  position: absolute;
  bottom: -15px; /* 15px below h2 */
  left: 0;
  right: 0;
  margin: auto;
  height: 4px;
  background: linear-gradient(90deg, #00f0ff, #008cff);
  border-radius: 50px;
  transform-origin: center;
  width: 100%;
  animation: stretchLine 2.5s ease-in-out infinite;
}

@keyframes stretchLine {
  0%, 100% {
    transform: scaleX(0.5);
  }
  50% {
    transform: scaleX(1);
  }
}

woodmart-search-full-screen {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.single-article .entry-thumbnail {
    display: none !important;
}
.wd-post-date.wd-style-with-bg {
    position: absolute;
    top: 40px !important;
  
}