.ab-cnt {
     padding: 30px 0;
     margin: 30px 0px;
     background-color: #084208;
 }
.ab-cnt .row{}
 .ab-cnt p {
     color: #fff;
     text-align: justify;
     margin-bottom: 10px;
     font-size: 18px;
 }

 .contentbg {
     background-color: #084208;
     padding: 50px 40px;
 }
 .contentbg h2{color: #ce9c37;}

 .ab-cnt a {
     color: #fff;
     border-radius: 0;
     padding: 10px 20px;
     font-size: 15px;
     border: 1px solid #fff;
     display: inline-block;
     margin-top: 30px;
     transition: .5s;
     -o-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
 }

 .homeab h1 {
     font-size: 30px;
     color: #ce9c37;
 }

 #about .content a.herlinkss {
     color: #000;
     border-radius: 0;
     padding: 0px;
     font-size: inherit;
     border: none;
     -o-transition: .5s;
     -moz-transition: .5s;
     margin-top: 0px;
 }

 .nobtn a {
     border: none;
     color: #0d6efd;
     padding: 0px;
     margin-top: 0;
     font-size: inherit;
 }

 #about .content .text p {
     margin-bottom: 10px;
 }

 .ab-cnt li {
     color: #000;
     text-align: justify;
     margin-bottom: 10px;
     font-size: 18px;
 }

 .ab-cnt h1 {
     margin: 20px 0px 30px;
     color: #000;
 }

 #service ul {
     margin-left: 20px;
 }

 .inr img {
     width: 100%;
     height: 250px;
 }

 .product-pagebg p {
     margin-bottom: 15px;
     text-align: justify;
 }

 .product-pagebg li {
     text-align: justify;
 }

 #slider button.owl-next,
 #slider button.owl-prev {
     position: absolute;
     padding: 0;
     top: 50%;
     font-size: 30px;
     background-color: #fff;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center
 }

 #about,
 #gallerys .gallerysbg {
     padding: 50px 0;
 }

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

 #countdown .countdown,
 #get {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center
 }

 #gallerys h2,
 #get h2,
 #service ul h4 {
     margin-bottom: 40px
 }

 #about .img,
 #about-page .img,
 #category .inr .img,
 #product .img {
     overflow: hidden
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box
 }

 img {
     max-width: 100%
 }

 a,
 a:active,
 a:focus,
 a:hover,
 a:visited {
     text-decoration: none
 }

 li,
 p,
 ul {
     margin: 0;
     padding: 0
 }

 header {
    background-color: #084208;
 }

 header .headermn .navbar .navbar-brand {
     width: 13%
 }

 header .nav-link {
     color: #ce9c37;
     font-size: 15px;
     font-weight: 500;
     transition: .5s
 }

 #service ul li:hover,
 footer .iconin li a:hover,
 header .nav-link:focus,
 header .nav-link:hover {
     color: #ce9c37
 }

 header .sosicalicon li a {
     background-color: #ce9c37;
     padding: 8px 12px;
     color: #fff;
     border-radius: 3px;
     transition: .5s
 }

 #category .categoryinr .active,
 #category .categoryinr .btn:hover,
 header .sosicalicon li a:hover {
     background-color: #fff;
     color: #000
 }

 header .navbar-toggler {
     border: 1px solid #ce9c37;
     color: #ce9c37;
     padding: 8px 10px;
     background-color: transparent
 }

 header .navbar-toggler span i {
     font-size: 20px
 }

 header button span {
     color: #ce9c37;
     font-size: 14px
 }

 header .navbar-toggler:focus {
     box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-black)
 }

 header .dropdown-menu {
     background-color: #0000008c;
     border: none
 }

 #about .content h2 span,
 header .dropdown-menu .dropdown-item {
     color: #fff
 }

 header .dropdown-menu .bg a,
 header .dropdown-menu .dropdown-item:hover {
     background-color: #ce9c37;
     color: #000
 }

 #gallerys .owl-theme .owl-dots,
 #relateds .owl-theme .owl-dots,
 #slider .owl-theme .owl-dots {
     display: none
 }

 #slider .owl-theme .owl-nav {
     margin-top: 0
 }

 #gallerys button.owl-next span,
 #gallerys button.owl-prev span,
 #relateds button.owl-next span,
 #relateds button.owl-prev span,
 #slider button.owl-next span,
 #slider button.owl-prev span {
     bottom: 4px;
     position: relative
 }

 #slider button.owl-prev {
     color: #000;
     left: 15px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #slider button.owl-next {
     color: #000;
     right: 15px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #product .img p,
 #product .view a {
     background-color: #e8e8e8;
     color: #000
 }

 #about {
     margin-top: 1px;
     background-color: #084208
 }

 #about .content h2 {
     color: #ce9c37;
     margin-bottom: 20px
 }

 #about .content .text {
     color: #000;
     text-align: justify;
     padding: 30px 30px;
     margin-left: -32px;
     font-size: 18px;
     background-color: #dfdfdf
 }

 #about .content a {
     color: #fff;
     border-radius: 0;
     padding: 10px 20px;
     font-size: 15px;
     border: 1px solid #fff;
     display: inline-block;
     margin-top: 30px;
     transition: .5s;
     -o-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s
 }

 #about .content a i {
     transition: .5s;
     -o-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     margin-left: 8px
 }

 #about .content a:hover i {
     margin-left: 20px
 }

 #about .img img {
     transition: .5s;
     -o-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     width: 100%
 }

 #about .img:hover img,
 #about-page .img:hover img,
 #category .inr .img:hover img {
     transform: scale(1.1)
 }

 #best {
     padding: 50px 0;
 }

 #best .row,
 #category .row,
 #product .row,
 #product-page .row,
 #service .row {
     row-gap: 20px
 }

 #product .productbg {
     background-image: url('http://localhost/riddhi/assets/front/img/bann-3.jpg');
     background-size: cover;
     padding: 50px 0
 }

 #product h2,
 #product-page h2 {
     color: #ce9c37;
     font-weight: bold;
     font-size: 30px;
     margin-top: 20px;
     margin-bottom: 15px;
 }

 product-page h2 {
     font-size: 30px;
 }

 #category .inr .img img,
 #product .img img,
 #product-page .img img {
     transition: .5s;
 }

 #product .img {
     border: 1px solid #c4c4c4
 }

 #product .img p {
     border-top: 1px solid #c4c4c4;
     padding: 10px;
     width: 100%;
     text-align: center;
     position: relative;
     z-index: 99;
     font-size: 18px;
     transition: .5s;
     margin: 0
 }

 #product .img:hover p {
     bottom: 0
 }

 #product .img:hover img,
 #product-page .img:hover img {
     transform: scale(1.2)
 }

 #product .view a {
     display: inline-block;
     border: 1px solid #000;
     font-size: 16px;
     padding: 10px 40px;
     margin-top: 40px;
     transition: .5s
 }

 #gallerys button.owl-next,
 #gallerys button.owl-prev {
     text-align: center;
     color: #000;
     top: 43%;
     font-size: 30px;
     line-height: 30px;
     position: absolute;
     background-color: #fff;
     width: 30px;
     height: 30px
 }

 #about-page .row,
 #product .view a:hover {
     background-color: #fff
 }

 #about-page,
 #countdown .countdown .countdownbg,
 #gallerys .gallerysbg,
 footer .footerbg {
     background-color: #084208
 }

 #service {
     padding: 40px 10px 60px
 }

 #service h2 {
    color: #ce9c37; 
    font-weight: bold;
     font-size: 38px;
     margin-bottom: 30px;
     text-align: center
 }

 #service ul h4 {
     position: relative;
     font-size: 20px;
 }

 #service ul h4::after {
     position: absolute;
     bottom: -20px;
     left: 0;
     width: 100px;
     height: 2px;
     background-color: #ce9c37;
     content: ''
 }

 #service ul li {
     margin-bottom: 6px;
     color: #000;
     font-size: 16px;
     font-weight: 500
 }

 #gallerys h2 {
     color: #ce9c37;
     font-size: 40px
 }

 #gallerys button.owl-prev {
     padding: 0;
     left: 10px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #gallerys button.owl-next {
     padding: 0;
     right: 10px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #countdown .countdown {
     margin: 50px 0 5px;
     background-attachment: fixed;
     color: #fff
 }

 #countdown i,
 #service .serviceinr .icon {
     font-size: 40px;
     color: #ce9c37
 }

 #get h2,
 #testimonals h2 {
    font-weight: bold;
     color: #ce9c37;
     text-align: center
 }

 #countdown h2 {
     font-size: 45px;
     color: #fff;
     margin: 15px 0
 }

 #countdown h2 p {
     font-size: 18px
 }

 #countdown .count {
     border-right: 1px solid #fff;
     padding: 80px 0
 }

 #countdown .countnone {
     border-right: none
 }

 #gallery,
 #map,
 #product-page .product-pagebg,
 #relateds,
 #testimonals,
 #testimonals .owl-carousel .owl-stage-outer {
     padding: 50px 0
 }

 #testimonals h2 {
     font-size: 35px;
     margin-bottom: 15px
 }

 #testimonals .testimonalsinr {
     padding: 10px 20px;
     background: #084208;
     border: 1px solid #424761;
     text-align: center;
     position: relative
 }

 #testimonals .testimonalsinr .imgsc {
     position: absolute;
     top: -50px;
     right: 226px;
     z-index: 99
 }

 #testimonals .testimonalsinr .imgsc img {
     border-radius: 50%;
     border: 1px solid
 }

 #testimonals .testimonalsinr .star {
     margin-top: 47px;
     justify-content: center
 }

 #testimonals .testimonalsinr .star li {
     font-size: 18px;
     color: #ce9c37
 }

 #testimonals .testimonalsinr p {
     font-size: 14px;
     line-height: 22px;
     color: #dadada;
     font-style: italic;
     margin-bottom: 16px
 }

 #testimonals .testimonalsinr h3 {
     font-size: 18px;
     color: #fff;
     display: inline-block;
     font-weight: 700;
     text-transform: uppercase
 }

 #testimonals .testimonalsinr h5 {
     font-size: 14px;
     color: #dadada;
     font-weight: 400;
     margin-top: 4px;
     letter-spacing: 1px;
     text-transform: none;
     margin-bottom: auto30px
 }

 #testimonals .testimonalsinr .ico {
     position: absolute;
     bottom: -32px;
     right: 50px;
     z-index: 99
 }

 #testimonals .testimonalsinr .ico li {
     height: 70px;
     width: 70px;
     background-color: #fff;
     border-radius: 50px;
     text-align: center;
     line-height: 70px;
     -webkit-box-shadow: 0 0 16px -3px rgba(0, 0, 0, .75);
     -moz-box-shadow: 0 0 16px -3px rgba(0, 0, 0, .75);
     box-shadow: 0 0 16px -3px rgba(0, 0, 0, .75);
     font-size: 40px;
     color: #084208
 }

 footer .footerbg {
     padding: 70px 0 20px
 }

 footer .footerbg .footerinr li p {
     color: #fff;
     font-weight: 400;
     font-size: 16px
 }

 footer .footerbg .footerinr li {
     color: #ce9c37;
     font-weight: 600;
     font-size: 20px
 }

 footer .footerinr .imgsc a img {
     width: 50%
 }

 footer .footerinr .Contact li a:hover,
 footer .footerinr .imgsc .imga:hover {
     padding-left: 0
 }

 footer .footerinr .lorem:hover {
     padding: 0;
     color: #fff
 }

 footer .footerinr li {
     color: #fff;
     text-align: initial;
     margin-bottom: 16px;
     line-height: 24px;
     font-weight: 500;
     font-size: 18px
 }

 footer .footerinr li a {
     transition: .5s;
     font-size: 16px;
     font-weight: 400;
     color: #fff
 }

 footer .footerinr li a:hover {
     color: #ce9c37;
     padding-left: 10px
 }

 footer .footerbootem {
     border-top: 1px solid #fff;
     margin-top: 35px
 }

 footer .footerbootem .gdilogo {
     width: 20%;
     margin: auto;
     padding-top: 15px;
 }
 
 footer .footerinr .sosical a img{width: 30px; padding-top: 15px}

 .quickcontact {
     right: 15px
 }


 #overlay,
 .img-overlay {
     background: rgba(0, 0, 0, .7);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex
 }



 #about-banner,
 #contact-banner,
 #gallery-banner {
     text-align: center;
     background: #f5ea9a;
     background: radial-gradient(circle, #f5ea9a 0, #97692e 100%)
 }

 #about-banner .about-bannerbg,
 #contact-banner .contact-bannerbg,
 #gallery-banner .gallery-bannerbg,
 #product-banner .product-bannerbg {
     background-color: #00000026;
     padding: 130px 0 90px
 }

 #about-banner .about-bannerbg h2,
 #contact-banner .contact-bannerbg h2,
 #gallery-banner .gallery-bannerbg h2,
 #product-banner .product-bannerbg h2,
 #product-heading .product-headingbg h2 {
     color: #fff;
     font-size: 40px;
     text-shadow: 0px 0px 5px #000;
 }

 #about-banner .about-bannerbg p,
 #about-banner .about-bannerbg p a,
 #contact-banner .contact-bannerbg p,
 #contact-banner .contact-bannerbg p a,
 #gallery-banner .gallery-bannerbg p,
 #gallery-banner .gallery-bannerbg p a,
 #product-banner .product-bannerbg p,
 #product-banner .product-bannerbg p a,
 #product-heading .product-headingbg p,
 #product-heading .product-headingbg p a {
     color: #fff;
     font-size: 18px
 }

 #get {
     padding: 70px 0;
     background-image: url(../images/contact-bg.jpg)
 }

 #get h2 {
     font-size: 40px
 }

 #get .form-control,
 #get .shopnow {
     border-radius: 0
 }

 #get .btn {
     color: #fff;
     font-size: 16px;
     background-color: #ce9c37;
     padding: 8px 30px;
     display: inline-block;
     transition: .5s;
     margin-top: 25px
 }

 #get .btn:hover {
     background-color: #000;
     border-color: #fff;
     color: #fff
 }

 #get .contact li {
     color: #ce9c37;
     font-size: 20px;
     margin-bottom: 15px
 }

 #get .contact li a {
     color: #000;
     font-size: 15px
 }

 #about-page {
     margin: 1px 0 0;
     padding: 60px 0
 }

 #about-page .content h2,
 .view-desc a {
     color: #000
 }

 #about-page .content .text {
     color: #000;
     text-align: justify;
     padding: 20px 0
 }

 #about-page .img img {
     transition: .5s;
     width: 100%
 }

 #service .servicebg {
     background-color: #fff;
     padding: 80px 0
 }

 #service .serviceinr {
     text-align: center;
     transition: .5s
 }

 #service .serviceinr .p1 {
     font-size: 25px;
     color: #000;
     margin: 6px 0
 }

 #category .inr a p,
 #service .serviceinr .p2 {
     font-size: 16px;
     color: #000
 }

 #service .serviceinr .icon:hover {
     animation-name: animation-horizontal
 }

 #product-banner,
 #product-heading {
     text-align: center;
     background: url(../img/bann-2.jpg) right/cover no-repeat;
     height: 450px
 }

 #category {
     padding: 80px 0
 }

 #category .menu {
     background-color: #ce9c37;
     color: #fff;
     padding: 8px 20px
 }

 #category #parent,
 #category .categoryinr {
     position: sticky;
     top: 5px;
 }

 .categoryinr {
     overflow-y: scroll;
     height: 100vh;
 }

 #category .categoryinr .btn {
     display: block;
     background-color: #ce9c37;
     color: #fff;
     width: 100%;
     margin-bottom: 5px;
     border-top: 1px solid #000;
     border-radius: 0;
     transition: .5s
 }

 #category .inr,
 #relateds .owl-item a img,
 .img-wrapper img {
     border: 1px solid #c4c4c4
 }

 #category .categoryinr h3 {
     background-color: #ce9c37;
     color: #000;
     padding: 10px;
     text-align: center
 }

 #category .inr {
     text-align: center
 }

 #category .inr a p {
     text-transform: capitalize;
     border-top: 1px solid #c4c4c4;
     width: 100%;
     transition: .5s;
     background-color: #e8e8e8;
     padding: 10px 0
 }

 #gallery h2 {
     color: #000;
     font-size: 35px;
     margin-bottom: 30px;
     text-align: center
 }

 @media screen and (min-width:991px) {
     #gallery {
         padding: 50px 0
     }
 }

 .img-wrapper {
     position: relative;
     margin-top: 15px
 }

 .img-wrapper img {
     width: 100%
 }

 .img-overlay {
     position: absolute;
     justify-content: center;
     align-items: center;
     opacity: 0
 }

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

 #overlay {
     position: fixed;
     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%
     }
 }

 @media screen and (min-width:1200px) {
     #overlay img {
         width: 50%
     }
 }

 #nextButton,
 #prevButton {
     color: #fff;
     font-size: 2em;
     transition: opacity .8s
 }

 #exitButton:hover,
 #nextButton:hover,
 #prevButton:hover {
     opacity: .7
 }

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

 @media screen and (min-width:768px) {

     #exitButton,
     #nextButton,
     #prevButton {
         font-size: 3em
     }
 }

 #product-heading .product-headingbg {
     padding: 200px 0 90px
 }

 #product-details {
     padding: 50px 0 20px
 }

 #product-details h3 {
     color: #000;
     margin-bottom: 30px
 }

 #product-details table tbody tr td {
     width: 50%
 }

 #product-details .inquiry a {
     background-color: #000;
     padding: 8px 40px;
     font-size: 18px;
     color: #fff;
     display: inline-block;
     margin-top: 30px;
     transition: .5s
 }

 #relateds button.owl-next,
 #relateds button.owl-prev {
     position: absolute;
     padding: 0;
     color: #fff;
     top: 43%;
     font-size: 30px;
     background-color: #000;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center
 }

 #product-details .inquiry a:hover {
     background-color: #2e2e2e
 }

 #relateds h2 {
     color: #000;
     text-align: center
 }

 #relateds button.owl-prev {
     left: 10px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #relateds button.owl-next {
     right: 10px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #product-page .img {
     border: 1px solid #c4c4c4;
     overflow: hidden
 }

 #product-page .img p,
 .view-desc {
     background-color: #e8e8e8;
     border-top: 1px solid #c4c4c4;
     padding: 10px;
     width: 100%;
     text-align: center;
     color: #000;
     font-size: 18px;
     transition: .5s;
     margin: 0;
     position: relative;
     z-index: 99
 }