@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&family=Playfair+Display&display=swap');

html { margin: 0; padding:0; overflow-x:hidden; scroll-behavior: smooth;}
body{ 
font-family: 'Josefin Sans', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; font-weight:300; padding-right:0!important; overflow-x:hidden; background:#fff; position:relative;
font-size:17px;
line-height:1.5;
min-height:100%;
}
body:before{position:absolute; left:0; right:0; height:1px; background:var(--blue); content:''; display:block; z-index:-1;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

:root{--red:#a60000; --yellow:#f67829; --blue:#8a0812;}

img{border:0;}
a{color:var(--5a9078); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--yellow);}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}


.container-fluid{ max-width:1500px;}

.landingArea{ position:relative; display:block; overflow:hidden; height:100vh; text-align:center; background:var(--red); background-size:cover; /*background-blend-mode:soft-light;*/}
.landingArea:after{display:block; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; content:''; animation: resize 30s linear infinite; background:var(--red) url('../images/landingbg2.jpg') no-repeat center center fixed; /*mix-blend-mode:soft-light;*/ background-size:cover; z-index:1;}
.landingArea > div{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; width:700px; max-width:95%; padding:30px; z-index:5;
background: rgba(255, 255, 255, 0.7);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.landingArea > div > img{margin:25px 0; height:200px;}
.landingArea > div p{ font-size:20px; color:#111;}
.landingArea > div p a{color:#fff; margin:0 15px;}
.landingArea > div p a:hover{color:var(--yellow);}



@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
0% {transform:scale(1);}
}


@keyframes blinker {
  50% { opacity: 0.2;}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:5; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--blue);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--blue);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}



.menuArea{position:relative; z-index:100; width:100%; float:left;}
a.logo{text-align:center;}
a.logo img{max-width:200px;/*-webkit-filter: drop-shadow(0px 0px 3px #3a5f4f); filter: drop-shadow(0px 0px 3px #3a5f4f);*/ position:relative; z-index:5; transition:all .2s ease-in-out;}
#myHeader{margin-top:0.5px; background:url('../images/redBg.jpg') repeat; background-size:cover; text-align:center; float:left; width:100%; padding:10px 0;}
.sticky {
position: fixed!important; margin-top:0!important;
top: 0; bottom:auto!important;
width: 100%; z-index:999;
background: rgb(0,0,0,0.8);
}
.sticky a.logo img{width:80px!important; content:url("https://www.drmukeshpatekar.com/wp-content/uploads/2026/02/DMP-logo.png"); transition:all .2s ease-in-out;}

.menuArea .row [class^="col-lg-"]:first-child{background:#fff; position:relative;}
.menuArea .row [class^="col-lg-"]:first-child:before{position:absolute; right:-10px; left:-1000%; top:-10px; bottom:-10px; z-index:1; content:''; display:block; background:#fff;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}


.centerArea{display:block; clear:both; padding:20px 0 70px; position:relative;}
.centerArea > div > a{display:block; overflow:hidden; padding:10px; border:1px #ddd solid; text-align:center; border-radius:5px; font-weight:500; text-transform:uppercase; font-size:14px;}
.videoListing{padding:20px 0 10px;}
.videoListing > div{padding:20px; position:relative; background:#fff; border:1px #ddd solid; margin-bottom:30px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.videoListing > div > img{position:absolute; left:20px; top:20px; width:20%;}
.videoListing > div > h3{position:absolute; display:none; right:30px; top:30px; margin:0; padding:8px; background:rgba(255,255,255,0.85); color:#c55910; font-size:14px; text-transform:uppercase; font-weight:600;}
.videoListing > div p{margin:20px 0 0; font-weight:500;}





.submenu-wrapper {
  margin: 12px 0;
  background: #a94312;
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.45);
  position: relative;
  z-index: 10;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* MOBILE TOGGLE */
.submenu-toggle {
  width: 100%;
  background: linear-gradient(to bottom, #f07a2b, #a94312);
  color: #fff;
  border: none;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 800;
  display: none;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.submenu-toggle .arrow {
  font-size: 16px;
  transition: transform 0.3s ease;
}

/* MENU BAR */
.submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #a94312;
  overflow: hidden;
}

/* ITEMS */
.submenu li {
  float: left;
  width: 20%;
  border-right: 2px solid rgba(0,0,0,0.35);
}

.submenu li:last-child {
  border-right: none;
}

/* LINKS */
.submenu li a {
  display: block;
  padding: 10px;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;

  background: linear-gradient(
    to bottom,
    #ff9f55 0%,
    #f07024 50%,
    #c74f14 100%
  );

  text-shadow: 1px 1px 3px rgba(0,0,0,0.85);

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.35),
    inset 0 -2px 0 rgba(0,0,0,0.55);

  transition: all 0.25s ease;
}

/* DARK ALTERNATE */
.submenu li:nth-child(even) a {
  background: linear-gradient(
    to bottom,
    #e06824 0%,
    #bf4e18 50%,
    #9f3e12 100%
  );
}

/* HOVER */
.submenu li a:hover {
  background: linear-gradient(to bottom, #ffd1a3, #f26c1d);
  color: #3b1200;
  text-shadow: none;
  box-shadow:
    inset 0 3px 6px rgba(0,0,0,0.4),
    0 0 14px rgba(255,170,90,0.9);
}

/* ACTIVE */
.submenu li a:active {
  transform: translateY(2px);
}

/* MOBILE */
@media (max-width: 768px) {
  .submenu-toggle {
    display: flex;
  }

  .submenu {
    max-height: 0;
    transition: max-height 0.4s ease;
  }

  .submenu.open {
    max-height: 300px;
    max-height: 50vh;
    overflow-y: auto;
  }

  .submenu li {
    width: 100%;
    border-right: none;
    border-bottom: 2px solid rgba(0,0,0,0.4);
  }

  .submenu li:last-child {
    border-bottom: none;
  }

  .submenu-wrapper.active .arrow {
    transform: rotate(180deg);
  }

  .submenu-wrapper.is-fixed {
    top: 85px;
  }
}

/* DESKTOP */
@media (min-width: 769px) {
  .submenu {
    max-height: none;
  }
}

/* ================= FIXED STATE ================= */
.submenu-wrapper.is-fixed {
position: fixed;
  top: 60px; /* adjust for header height */
  left: 0;
  width: 100%;
  z-index: 998;
  box-shadow: 0 6px 18px rgba(0,0,0,0.55);
  border-radius: 0;
  transform: translateY(-30px);
  animation: slideDown 0.4s forwards ease;
}

@keyframes slideDown {
  from { transform: translateY(-30px); }
  to { transform: translateY(0); }
}




.footer{width:100%; float:left; display:block; clear:both; background:var(--red); padding:80px 0 30px; position:relative;}
.footer .yellowArea{background:var(--yellow); padding:25px 30px; line-height:1; display:block;color:#fff; border-radius:20px; font-size:18px; font-weight:600; position:relative; top:-120px; margin-bottom:-80px;}
.footer .yellowArea a{margin-bottom:0; font-size:26px;}
.footer .yellowArea a i{background:#fff; color:var(--yellow); width:40px; height:40px; text-align:center; margin-right:5px; line-height:40px; text-align:center; font-size:20px; border-radius:50%;}
.footer .yellowArea a:hover{color:#fff;}
.footer .yellowArea a:hover i{background:var(--blue);}

.footer img{width:100px;}
.footer .footermenu{list-style-type:none; margin:0 0 10px; padding:0 0 10px; display:block; border-bottom:2px #e5ffcb dotted;}
.footer .footermenu li{margin:0; padding:0; list-style-type:none; display:inline-block; font-size:14px;}
.footer .footermenu li a{ color:#fff; margin:0 15px; font-weight:600;}
.footer .footermenu li a:hover{color:#e5ffcb;}

.footer span{color:#fff;} .footer span strong{color:#e5ffcb;}
.footer .row ul{list-style-type:none; margin:0; padding:0; display:inline-block;}
.footer .row ul li{display:inline-block; margin-right:8px; color:#fff; font-size:30px;}
.footer .row ul li a{color:#fff;}


#scroll-icon{position:fixed; bottom:10px; right:10px; z-index:1500; width:30px; height:30px; text-align:center; color:#fff; font-size:20px; line-height:30px; border-radius:50%; background:var(--blue);}

.innerpage h2{font-size:26px;}
.innerpage h3{font-size:22px;}
.contactarea{max-width:600px!important}
.wpforms-submit{width:100%!important; display:block!important; overflow:hidden!important; padding:10px!important; background:url('../images/redBg.jpg') repeat!important; background-size:cover!important; color:#fff!important; font-weight:800!important; text-transform:uppercase!important;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
}


@media (max-width: 1024px){

}

@media (max-width: 991px){
.sticky{}
.sticky .headerTop{display:none;}

.menuArea > a{text-align: left;
width: 100%;
display: block;
padding: 0 10px;}
a.logo img{max-width:130px;{}

.midcontentArea{padding:20px 0 60px;}
.footer .yellowArea a{font-size:18px;}


.bannerArea .carousel-control-prev i, .bannerArea .carousel-control-next i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    font-size: 16px;
}

.welcomeArea{text-align:center; padding-bottom:0;}
.welcomeArea > img{position:static; width:100%;}

.midcontentArea [class^="col-"]:last-child > div{padding:15px;}

}

@media (max-width: 767px){

.landingArea > div{padding:30px 10px;}
.landingArea > div > img{height:100px; margin:10px 0;}
.landingArea > div p{ font-size:17px; line-height:1.2;}
.landingArea > div p a{margin:0 5px;}

.midcontentArea [class^="col-"]:last-child > div > h3{font-size:12px; padding:5px;}

.footer .yellowArea{text-align:left; padding:15px 15 0;}
.footer .yellowArea a{font-size:18px;}

.footer .footermenu li{display:block; clear:both; overflow:hidden; padding:5px;}

.submenu li {width: 100%;}
.submenu li a{text-align:left;}


.videoListing > div p{font-size:14px; font-weight:400; line-height:1.3;}

}

@media (max-width: 500px){
.landingArea > img{max-width:70%;}
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}