z  *{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}

h1, h2, h3, h4, h5, h6{font-family: "EB Garamond";}

body{font-family: "EB Garamond";}

.headertop {padding: 5px 0px; background-color: #6e0000;}
.headertop .top-info {display: flex; list-style: none; justify-content: space-between; align-items: center;}
.headertop .top-info li a{color: #fff;}

header .header-med{padding: 10px 0px;}
header .header-med .top-logo img{width: 94px;}
header .header-med .search-from{position: relative;}
header .header-med .search-from .form-control{width: 350px; border-radius: 40px; padding: 8px 20px; border: 1px solid #003851; color: #003851; box-shadow: none;}
header .header-med .search-from .btn{position: absolute; right: 7px; border-radius: 40px; background-color: #6e0000; padding: 8px 13px; color: #fff; border: 1px solid #6e0000; transition: .5s;}
header .header-med .search-from .btn:hover{background-color: transparent; color: #003851;}
header .header-med .enquiry-btn{display: inline-block; padding: 10px 20px; background-color: #6e0000; border-radius: 3px; color: #fff;}
.sticky {
  left: 0;
  right: 0;
  z-index: 9;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

/* header */

header {position: unset; left: 0; right: 0; top: 0; z-index: 99;}
header .headermn {background-color: #000000;}
.sticky .headermn{background-color: #fff;}
.sticky .headermn .navbar-nav .nav-link{color: #000;}
header .headermn .navbar .navbar-brand {width: 8%;}
header .navbar-nav .acctive.nav-link {padding: 20px 20px; transition: .5s; background-color: #6e0000; color: #fff !important;}
header .navbar .navbar-nav .nav-link {padding: 10px 13px; transition: .5s; color: #ffffff; text-transform: uppercase; font-size: 13px;}
header .navbar .navbar-nav .nav-link:hover {background-color: #6e0000; color: #fff;}
header .navbar-nav {gap: 3px;}
header .navbar-toggler {border: none; color: #6e0000; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus {box-shadow: none;}
header .offcanvas-title img {width: 34%;}
.headermn .navbar-nav {align-items: center;}
header .navbar .offcanvas {width: 300px;}

header .dropdown-menu{background-color: #fff; border: none; border-radius: 0; box-shadow: 0 0 10px #00000026;}
header .dropdown-menu .nav-item .nav-link{color: #000; border-bottom:1px solid #e3e3e3;}
header .dropdown-menu .dropdown-item:hover{background-color: #6e0000; color: #fff;} 

.headermn .navbar .navbar-brand{display: none;}
.sticky .headermn .navbar .navbar-nav{justify-content: end !important;}
.sticky .headermn .navbar .navbar-brand{display: block;}
.sticky .headermn .navbar .navbar-brand {
  width: 7%;
}
.sticky .navbar .navbar-nav .nav-link{padding: 10px 8px;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}




/* slider */

#slider{overflow: hidden;}


/* about */

#about{padding: 70px 0px; background-color: #eeefe7; margin-top: 30px;}
#about .row{justify-content: center;}
#about .iner{text-align: center;}
#about .iner h2{font-size: 40px; color: #6e0000; margin-bottom: 20px;} 
#about .iner .text{font-size: 18px; margin-bottom: 25px;}
#about .iner a{padding: 11px 30px; display: inline-block; background-color: #000; border-radius: 2px; color: #fff; transition: .5s;}
#about .iner a:hover{border-radius: 30px;}

/* our-service */

#our-service {padding: 60px 0px;}
#our-service .row {row-gap: 50px;}
#our-service h2 {font-weight: 600; font-size: 34px; line-height: 34px; margin-top: 0; color: #000000; text-align: center; margin-bottom: 5px;}
#our-service .imgsc{text-align: center; margin-bottom: 60px;}
#our-service .iner .imgs {overflow: hidden; border: 1px solid #000; padding: 3px;}
#our-service .iner .imgs img {transition: 3s;}
#our-service .iner .imgs:hover img {transform: scale(1.3);}
#our-service .iner h3 a:hover {color: #6e0000;}
#our-service .iner h3{text-align: center;}
#our-service .iner h3 a {font-size: 18px; font-weight: 600; display: inline-block; margin: 20px 0 5px; color: #000000; transition: .5s;}

/* why-chouse */

#why-chouse {padding: 60px 0px; background-attachment: fixed; background-image: url(../images/category-bg.jpg);
background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;z-index: 1;}
#why-chouse::before {position: absolute; content: ""; bottom: 0px; right: 0px; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.78); z-index: -1;}
#why-chouse .content{background-color: #fff; padding: 30px;}
#why-chouse .content h2 {color: #484848; font-size: 35px; margin-bottom: 20px; font-weight: bold; text-align: center; margin-bottom: 20px;}
#why-chouse .content h2 span {color: #6e0000;}
#why-chouse .content .text{margin-bottom: 15px; font-size: 18px; color: #212529;}

/* category */

#category {padding: 60px 0px;}
#category .row {row-gap: 50px;}
#category h2 {font-weight: 600; font-size: 34px; line-height: 34px; margin-top: 0; color: #000000; text-align: center; margin-bottom: 5px;}
#category .imgsc{text-align: center; margin-bottom: 60px;}
#category .iner{border: 1px solid #ccc;}
#category .iner .imgs{overflow: hidden;}
#category .iner .imgs img{transition: .5s;}
#category .iner .imgs:hover img{transform: scale(1.1);}
#category .iner .content{padding: 20px 10px;}
#category .iner .content h3{font-size: 20px; font-weight: 600;}
#category .iner .content h5{font-size: 15px; margin-bottom: 15px;}
#category .iner .content ul li .enquiry{display: inline-block; padding: 10px 12px; background-color: #000; transition: .5s; color: #fff;}
#category .iner .content ul li .enquiry.whatapp{background-color: #0c641a;}
#category .iner .content ul li .enquiry:hover{border-radius: 10px 0 10px 0;}

/* gallery */

#gallery {background-color: #eeefe7; padding: 50px 0; border-bottom: 1px solid #d2d1d1;}
#gallery h2 {font-size: 38px; color: #6e0000; font-weight: bold; text-align: center; margin-bottom:5px;}
#gallery h2 span {color: #000;}
#gallery .imgsc{text-align: center; margin-bottom: 60px;}
#gallery .img-wrapper {position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 8px #00000033;}
#gallery .img-wrapper img {width: 100%;}
#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#overlay img {
  width: 50%;
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}


/*Thanks page*/

*{
  box-sizing:border-box;
 /* outline:1px solid ;*/
}
body{
background: #ffffff;
background: linear-gradient(to bottom, #ffffff 0%,#e1e8ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e8ed',GradientType=0 );
    height: 100%;
        margin: 0;
        background-repeat: no-repeat;
        background-attachment: fixed;
  
}

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}
.wrapper-1 h1{
    font-family: 'Kaushan Script', cursive;
  font-size:4em;
  letter-spacing:3px;
  color:#6e0000 ;
  margin:0;
  margin-bottom:20px;
}
.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#000000;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing:1px;
}
.go-home{
  color:#fff;
  background:#6e0000;
  border:none;
  padding:10px 50px;
  margin:30px 0;
  border-radius:30px;
  text-transform:capitalize;
  box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}
.footer-like{
  margin-top: auto; 
  background:#D7E6FE;
  padding:6px;
  text-align:center;
}
.footer-like p{
  margin:0;
  padding:4px;
  color:#6e0000;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing:1px;
}
.footer-like p a{
  text-decoration:none;
  color:#000000;
  font-weight:600;
}

@media (min-width:360px){
.wrapper-1  .h1{
    font-size:4.5em;
  }
  .go-home{
    margin-bottom:20px;
  }
}

@media (min-width:600px){
  .content{
  max-width:1000px;
  margin:0 auto;
}
  .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(255, 0, 0, 0.2);
}
  
}

/* blog */

#blog {padding: 50px 0; background-color: #ffffff;}
#blog .row {row-gap: 30px;}
#blog h2 {font-size: 38px; color: #000; font-weight: bold; text-align: center; margin-bottom: 5px;}
#blog h2 span {color: #6e0000;}
#blog .imgsc{text-align: center; margin-bottom: 60px;}
#blog .inner {border: 2px solid #f5f5f5;}
#blog .inner img {width: 100%;}
#blog .text {padding: 20px;}
#blog .text h5 a {color: #000; margin: 15px 0; display: inline-block; transition: .5s; font-family: "EB Garamond";}
#blog .text h5 a:hover {color: #6e0000;}
#blog .text span {color: #6d6d6d; display: inline-block; font-size: 15px;}
#blog .text span i {color: #6e0000;}
#blog .text p {color: #101010; font-size: 14px;}
#blog .text .read {color: #fff; background-color: transparent; border: 1px solid #6e0000; color: #6e0000; padding: 10px 20px; font-size: 14px; font-weight: 500; display: inline-block;
transition: .5s; border-radius: 0px; margin-top: 20px;}
#blog .text .read i{transition: .5s;}
#blog .text .read:hover{background-color: #6e0000; color: #fff;}
#blog .text .read:hover i{margin-left: 5px;}

/* testimonaiol-bg */

#testimonaiol-bg {padding: 60px 0px; border-bottom: 1px solid #c5c5c5; background-color: #e2dfdf;}
#testimonaiol-bg .row{justify-content: center;}
#testimonaiol-bg h2 {font-family: 'Roboto Slab', serif; color: #000000; font-size: 35px; margin-bottom: 5px; text-align: center; font-weight: bold;}
#testimonaiol-bg .imgsc{text-align: center; margin-bottom: 60px;}
#testimonaiol-bg .iner{text-align: center;}
#testimonaiol-bg .iner .text{font-size: 15px; margin-bottom: 15px;}
#testimonaiol-bg .iner h3{font-size: 16px; position: relative;}
#testimonaiol-bg .iner h3::before{position: absolute; content: ''; width: 17px; height: 1px; top: 8px; background-color: #000; left: 343px;}
#testimonaiol-bg .iner h5 a{color: #000; font-weight: 400; font-size: 16px;}

/* footer */

footer{background-color: #272727; padding: 50px 0px 5px;}
footer .row{row-gap: 30px;}
/* footer .footerinr{border-right: 1px solid #000; height: 100%;} */
footer .footerinr .about img{width: 45%; filter: invert(1);}
footer .footerinr .about p{font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 15px; text-align: justify;}
footer .footerinr .about .soical li a{height:35px; width:35px; border-radius:50px; color:#f39206; display:inline-block; line-height:35px; border:1px solid #f39206; text-align:center;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul li{color: #fff; margin-bottom: 10px; font-size: 18px;}
footer .footerinr h4{color: #fff; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
footer .footerinr ul li p{font-size: 17px; font-weight: 500; color: #fff; width: 90%;}
footer .footerinr ul li i{font-size: 20px; color: #fff;}
footer .footerinr ul li a{display: inline-block; color: #fff; font-weight: 500; font-size: 17px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px; color: #fff;}
footer .social-link{border-top: #fff 1px solid; padding: 15px 0px; margin-top: 30px; list-style: none; display: flex; justify-content: center; align-items: center;}
footer .social-link .social-icon a{color: #fff; font-weight: bold; font-size: 25px;}
footer .img{width: 18%;}
footer .img a img{background-color: #6e0000; padding: 0 10px 6px; border-radius: 100px;}

.footerboo p {
    text-align: center;
    padding: 10px 0px 10px;
}

/* quickcontact */

.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}

/* quick-social */

.quick-social{position: fixed; z-index: 102; bottom: 60px; left: 15px; list-style: none;}
.quick-social li{text-align: center; margin-bottom: 8px;}
.quick-social li a{display: inline-block; width: 30px; height: 30px; line-height: 28px; border-radius: 10px;}
.quick-social li:first-child a{color: #3b5998; font-size: 27px;}
.quick-social li:nth-child(2) a{color: #fff;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); font-size: 24px;}
.quick-social li:last-child a{color: #00acee; font-size: 27px;}

/* modal */

/* modal */
.modal .modal-title{color: #85232b;}
.modal .close{color: #85232b; font-size: 25px; background-color: transparent; border: none;}
.modal .modal-header{border-color: #85232b;}
.modal form{row-gap: 20px;}
.modal .modal-content{background-color: #ffffffd4; padding: 15px; border-radius: 30px;}
.modal form .form-control, .modal form .form-select{border: none; border-bottom: 1px solid #000000; background-color: #85232b00; border-radius: 0px; color: #000000;}
.modal form .label{color: #000000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.modal form .form-control:focus, .modal form .form-select:focus{box-shadow: none; border-color: #1f1a17;}
.modal form .form-control::placeholder, .modal form .form-select::placeholder{color: #000000;}
.modal form .submit{background-color: #434341; color: #fff; width: 100%; font-weight: 500; border: transparent; padding: 10px;}

/* ======================================
            inner page
======================================= */

/* heading */
#heading{background-image: url(../images/cat-banner.webp); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#heading .heading-bg{padding: 195px 0;}
#heading .content{text-align: center;}
#heading h2{font-size: 34px; font-weight: bold; color: #000;}
#heading p, #heading a{font-size: 16px; color: #000; font-weight: bold; transition: .5s;}
#heading a:hover{color: #6e0000;}

/* Breadcrumb */
.bg-gray-2 {background-color: #efefef;}
.breadcrumb {padding:10px;}
.breadcrumb h6, .breadcrumb a {color:#000;margin:0px;}


/* contact */
#contact{padding: 60px 0;}
#contact .row{row-gap: 30px;}
#contact .inner{text-align: center; padding: 40px 20px; background-color: #FAF9FF; position: relative; height: 100%;}
#contact .inner i{width: 70px; height: 70px; line-height: 70px; background-color: #dbdbdb; border-radius: 50%; text-align: center; font-size: 25px; transition: .5s;}
#contact .inner h5{color: #000; margin: 20px 0 15px; font-weight: bold; transition: .5s;}
#contact .inner p{color: grey; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .inner a{color: grey; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .inner .text{position: relative; z-index: 9;}
#contact .inner::before{position: absolute; content: ''; top: 0; left: 0; background-color: #6e0000; transform: scale(0); transition: .5s; z-index: 3;}

#contact .inner:hover::before{width: 100%; height: 100%; transform: scale(1);}
#contact .inner:hover i{background-color: #fff; color: #6e0000;}
#contact .inner:hover h5{color: #fff;}
#contact .inner:hover p{color: #fff;}
#contact .inner:hover a{color: #fff;}

#contact form.row{background-color: #FAF9FF; padding: 30px; row-gap: 20px; margin: 0;}
#contact form.row h3{color: #000; font-weight: bold;}
#contact form .form-control{border-radius: 0; padding: 10px 20px; color: #000; background-color: transparent; border-color: #6e0000;}
#contact form button{font-size: 16px; background-color: #6e0000; color:  #fff; font-weight: 500; display: inline-block; padding: 10px 30px; border: 2px solid #6e0000; border-radius: 5px; transition: .5s;}
#contact form button:hover{background-color: #fff; color: #6e0000;}



/* zoomp */
#zoomp{padding: 60px 0px;}
#zoomp .row{row-gap: 30px; margin-bottom: 40px;}
#zoomp .zoom-gallery .selectors{margin: 10px 0px 0px 10px;}
#zoomp .zoom-gallery a img{width: 70px; margin: auto;}
#zoomp .content h3{font-size: 25px; font-weight: bold; margin-bottom: 20px;}
#zoomp .content h2 .linetrot{text-decoration: line-through; padding-right: 15px;}
#zoomp .content h2 .text-danger{margin-left: 15px;}
#zoomp .content h2{font-size: 18px;}
/* #zoomp .content h4 span{text-decoration: line-through;} */
#zoomp .content p{color: #212529; font-size: 18px; margin-top: 20px; text-align: justify;}
#zoomp .content a{background-color: #6e0000; display: inline-block; padding: 10px 30px; border-radius: 8px; font-size: 16px; font-weight: 500; color: #fff; margin-top: 30px;}

.online-service{
  padding: 30px 0px;
}

.service-content h5 {
  font-size: 16px;
  color: #cacaca;
  margin-bottom: 0px;
  padding-top: 10px;
}

.service-content p {
  font-size: 14px;
  color: #cacaca;
  margin-bottom: 0px;
}




/* blog-page */
#blog-page{padding: 70px 0;}
#blog-page .row{row-gap: 30px;}
#blog-page .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #6e0000;}
#blog-page h2{color: #000; font-size: 36px; text-align: center; margin-bottom: 30px;}
#blog-page .inner{box-shadow: 0 0 10px #00000033;}
#blog-page .text{padding: 20px;}
#blog-page .text h5 a{color: #000; }
#blog-page .text span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-page .text span i{color: #6e0000;}
#blog-page .text p{color: #6d6d6d; font-size: 16px;}
#blog-page .text .read{color: #6e0000; font-weight: 500; font-size: 16px; display: inline-block; margin-top: 20px; transition: .5s;}
#blog-page .text .read:hover{color: #000;}



#product{padding:15px 0px;}
#product h1{margin:15px 0px;}

/* blog-detail */
#blog-detail{padding: 70px 0;}
#blog-detail .row{row-gap: 30px; justify-content: center;}
#blog-detail .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #6e0000;}
#blog-detail h2 {color: #000; font-size: 33px; text-align: center; margin-bottom: 40px;}
#blog-detail .img img {width: 100%; border-radius: 15px;}
#blog-detail .content h5 a{color: #000; font-size: 26px;}
#blog-detail .content span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-detail .content span i{color: #6e0000;}
#blog-detail .content p {color: #000000;font-size: 16px;text-align: justify;font-weight: normal;margin-bottom: 10px;}
#blog-detail .content h3 {color: #6e0000;}
#blog-detail .content ul {margin-left:20px;margin-bottom:10px;}
#blog-detail .blog{background-color: #f5f5f5; padding: 15px; position: sticky; top: 100px;}
#blog-detail .blog h4{color: #6e0000; margin-bottom: 25px; text-align: center; font-size: 28px; font-weight: bold;}
/* #blog-detail .blog ul{list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;} */
#blog-detail .blog ul li{row-gap: 10px; align-items: center;}
#blog-detail .blog ul li:last-child{margin-bottom: 0;}
#blog-detail .blog a{color: #000; font-size: 17px; display: inline-block;}
#blog-detail .blog p{color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i{color: #6e0000;}


/* border-img */
.border-img .text{text-align: center;}
.border-img .text h2{font-weight: bold; color: #000; font-size: 40px;}
.border-img .text img{text-align: center;}

#product .text{text-align: center;}
#product .text h2{text-align: center; margin-bottom: 10px;}

.fixed-button {
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 23px 0 rgba(12, 0, 46, 0.15);
  -moz-box-shadow: 0 3px 23px 0 rgba(12, 0, 46, 0.15);
  box-shadow: 0 3px 23px 0 rgba(12, 0, 46, 0.15);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  position: fixed;
  bottom: 20px;
  z-index: 999999;
  -webkit-animation: button-updown 1s infinite alternate;
  -moz-animation: button-updown 1s infinite alternate;
  animation: button-updown 1s infinite alternate;
}
.whatsapp-button {
  right: 40px;
  background: #4ec95c;
}
.fixed-button a {
  display: block;
}
.whatsapp-button a {
  color: #fff;
}

@-webkit-keyframes button-updown {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes button-updown {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-15px);
  }
}
@keyframes button-updown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}