body {
   font-family: 'Montserrat';
}

.navbar-expand-xl .navbar-nav {
   flex-direction: row;
   display: flex;
   justify-content: center !important;
   padding-top: 11px;
}

nav.navbar.navbar-expand-xl.navbar-dark {
   padding: 0;
   margin: 0;
}

.headerhomebg .allpagesec {
   display: none;
}

.headermenusec {
   color: #000;
   font-family: 'Roboto';
   font-size: 16px;
   font-style: normal;
   text-transform: capitalize;
   font-weight: 600;
   padding: 15px 21px !important;
}


.headermenusec:hover {
   color: #348002;
}

.logosec h2 {
   font-family: 'Playfair Display ';
   font-size: 60px;
   font-weight: 700;
   text-transform: uppercase;
   color: #348002;
   margin: 0;
   text-align: center;
}

.logosec p {
   font-family: 'Roboto';
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   color: #0A3D2C;
   text-align: center;
   margin-top: -8px;
   line-height: 13px;
}

.nav-link:focus {
   color: #000 !important;
}

.seccaetbg i {
   color: #171717;
   font-size: 20px;
   padding: 12px;
}

.seccaetbg i:hover {
   color: #348002;
}

.seccaetbg p {
   margin-top: 30px;
}

.seccartbg {
   padding-right: 25px;
}

.secsectex {
   padding: 0;
   margin-top: 23px;
}

.headermenusec2btn {
   margin-top: 23px;
   background: #348002;
   padding: 10px 28px 10px 28px !important;
   color: #fff;
   text-align: center;
   font-family: 'Roboto';
   text-transform: capitalize;
   font-size: 17px;
   font-weight: 700;
   border-radius: 50px;
}

.headermenusec2btn:hover {
   color: #fff;
   background: #000;
}

.secwhitpad2 {
   background-color: #1D1D1D;
   padding: 0;
}

/* whatsapp */
a {
   text-decoration: none !important;
}

.floating_btn {
   position: fixed;
   left: 0;
   bottom: 0px;
   width: 100px;
   height: 100px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   z-index: 1000;
}

@keyframes pulsing {
   to {
      box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
   }
}

.contact_icon {
   background-color: #42db87;
   color: #fff;
   width: 60px;
   height: 60px;
   font-size: 30px;
   border-radius: 50px;
   text-align: center;
   box-shadow: 2px 2px 3px #999;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: translatey(0px);
   animation: pulse 1.5s infinite;
   box-shadow: 0 0 0 0 #42db87;
   -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
   -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
   -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
   animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
   font-weight: normal;
   font-family: sans-serif;
   text-decoration: none !important;
   transition: all 300ms ease-in-out;
}

.text_icon {
   margin-top: 8px;
   color: #707070;
   font-size: 13px;
}

/* whatsapp end */


/* back to top */
#button {
   display: inline-block;
   background: #0A3D2C;
   width: 50px;
   height: 50px;
   text-align: center;
   border-radius: 50px;
   position: fixed;
   bottom: 10px;
   right: 30px;
   transition: background-color .3s,
      opacity .5s, visibility .5s;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
}

#button::after {
   content: "\f077";
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   font-size: 2em;
   line-height: 50px;
   color: #fff;
}

#button:hover {
   cursor: pointer;
   background-color: #333;
}

#button:active {
   background-color: #555;
}

#button.show {
   opacity: 1;
   visibility: visible;
}

.content {
   width: 77%;
   margin: 50px auto;
   font-family: 'Merriweather', serif;
   font-size: 17px;
   color: #6c767a;
   line-height: 1.9;
}

@media (min-width: 500px) {
   .content {
      width: 43%;
   }

   #button {
      margin: 30px;
   }
}

p.secdiet img {
   padding-bottom: 10px;
}

.content h1 {
   margin-bottom: -10px;
   color: #03a9f4;
   line-height: 1.5;
}

.content h3 {
   font-style: italic;
   color: #96a2a7;
}

/* back to top-end */

/* search */
.seccaetbg {
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: space-around;
}

/* search-end */

/* hero */
.secherobgg {
   padding-top: 30px;
   padding-bottom: 60px;
}

.sechertextbg {
   background-color: #e8ecebb7;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 80px;
   padding-right: 30px;
   margin-right: -140px;
   position: relative;
   z-index: 99;
}

.sechertextbg h1 {
   font-family: 'Playfair';
   font-size: 60px;
   color: #000;
   margin: 0;
}

.sechertextbg p {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 500;
   color: #000;
}

.secbtnbg {
   padding: 20px 0px;
}

.secbtnbg a {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 600;
   background-color: #348002;
   border-radius: 50px;
   padding: 12px 35px;
   color: #fff;

}

.secbtnbg a:hover {
   background-color: #000;
}

.sectebgd {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.secbhland {
   padding-bottom: 60px;
}

.seclandtext {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 500;
   color: #348002;
}

.seclandtexth {
   font-family: 'Playfair Display ';
   font-size: 35px;
   font-weight: 600;
   color: #000;
   margin: 0;
}

.counter-card {
   margin: auto;
   background: #fff;
   border-radius: 12px;
   padding: 20px;
   text-align: center;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
   transition: 0.3s;
}

.counter-card:hover {
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.stars {
   color: #f4c150;
   font-size: 20px;
}

.counter-number {
   font-size: 40px;
   font-family: 'Roboto';
   font-weight: bold;
   color: #2e7d32;
   margin-top: 10px;
   margin-top: 0;
}

.counter-label {
   font-family: 'Roboto';
   font-size: 16px;
   color: #0A3D2C;
}

.secfortext {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 500;
   color: #363636;
}

.secfortext2 a {
   color: #348002;
   font-family: 'Roboto';
   font-size: 20px;
   font-weight: 700;
}

/* slider */
.service-card {
   border-radius: 16px;
   overflow: hidden;
   background: #EAEAEA;
   border: 1px solid #EAEAEA;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease-in-out;
   height: 100%;
}

.service-card:hover {
   background-color: #f9faef;
   border: 1px solid #676767;
}

.service-card img {
   width: 100%;
   border-radius: 20px;
   object-fit: cover;
}

.service-content {
   padding: 20px;
   text-align: left;
}

.service-icon {
   width: 48px;
   height: 48px;
   margin-top: -50px;
   border-radius: 50%;
   background-color: #FBFDEF;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 12px;
   font-size: 20px;
   z-index: 99;
   position: relative;
}

.service-card:hover .service-icon {
   background-color: #0A3D2C;
}

.secwater .owl-nav.disabled {
   display: none;
}

.service-title {
   font-weight: bold;
   color: #194D33;
}

.carousel-wrapper {
   position: relative;
}

.nav-btn {
   position: absolute;
   top: 45%;
   z-index: 10;
   background: #194D33;
   color: #fff;
   border: none;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   font-size: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.nav-btn:hover {
   background: #f9faef;
   color: #194D33;
}

#prev {
   left: -20px;
}

#next {
   right: -20px;
}

@media (max-width: 768px) {
   #prev {
      left: -10px;
   }

   #next {
      right: -10px;
   }
}

/* About Company */
.secabcatbg {
   padding: 60px 0px;
}

.secabmabh {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.secaboutbg {
   background-color: #fff;
   padding: 20px;
   margin-left: -250px;
   margin-right: 60px;
}

.secaboutbg h5 {
   font-family: 'Roboto';
   font-size: 18px;
   font-weight: 500;
   color: #348002;
}

.secaboutbg h3 {
   font-family: 'Roboto';
   font-size: 40px;
   font-weight: 600;
   color: #0A3D2C;
   margin: 0;
}

.secaboutbg p {
   font-family: 'Roboto';
   font-size: 16px;
   color: #363636;
}

.secgradtext {
   font-family: 'Roboto';
   font-size: 18px;
   font-weight: 600;
   color: #212D21;
   padding-bottom: 10px;
}

.secgradtext i {
   font-size: 18px;
   background-color: #0A3D2C;
   border-radius: 50px;
   padding: 8px 10px;
   color: #fff;
}

.secbtnexp {
   padding: 20px 0px;
}

.secbtnexp a {
   font-family: 'Roboto';
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   background-color: #348002;
   width: 100%;
   padding: 12px 35px;
   border-radius: 50px;
}

.secexprbg {
   background-color: #FCFFF4;
   border-top: 1px solid #212D21;
   padding: 20px;
   border-radius: 0px 0px 80px 80px;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
   transition: 0.3s;
   text-align: center;
}

.secexprbg h3 {
   font-family: 'Roboto';
   font-size: 35px;
   font-weight: 700;
   color: #348002;
}

.secexprbg p {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 600;
   color: #212D21;
   padding-top: 10px;
}

.sececpbtn {
   padding: 20px 0px;
}

.sececpbtn a {
   background-color: #0A3D2C;
   padding: 10px 12px;
   font-size: 20px;
   color: #fff;
   border-radius: 50px;
}

.secprojectbg {
   background-image: url(../images/progtbg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #FBFDEF;
   padding: 130px 10px 60px 10px;

}

.secherd p {
   font-family: 'Roboto';
   font-size: 18px;
   font-weight: 500;
   color: #000;
   text-align: center;
}

.secherd h3 {
   font-family: 'Roboto';
   font-size: 45px;
   font-weight: 600;
   text-align: center;
   color: #000;
   margin-top: 0;
}

.secboxprobg {
   background-color: #fff;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
   padding: 20px;
   border-radius: 20px;
   margin-bottom: 25px;
}

.secprojtext p {
   font-family: 'Roboto';
   font-size: 20px;
   font-weight: 700;
   color: #0A3D2C;
   padding: 10px 0px;
}

.secprojimg img {
   border-radius: 20px;
}

.sechoosbg {
   background-color: #F9FFD8;
   padding: 60px 10px;
}

.secchosetext {
   text-align: center;
   font-family: 'Roboto';
   font-size: 40px;
   font-weight: 600;
   color: #0A3D2C;
}

.secboxchossbg {
   display: flex;
   justify-content: space-around;
   padding-top: 30px;
}

.secwhych {
   text-align: center;
}

.secwhych img {
   width: 50%;
   margin: auto;
}

.secwhych p {
   font-family: 'Roboto';
   font-size: 20px;
   font-weight: 600;
   color: #0A3D2C;
}

.secgranbg {
   background-color: #348002;
   padding: 40px 10px;
}

.secimgee {
   text-align: end;
}

.secgrandtext {
   font-family: 'Roboto';
   font-size: 40px;
   font-weight: 600;
   color: #fff;
}

.secgrandbtn a {
   color: #0A3D2C;
   font-family: 'Roboto';
   font-size: 20px;
   font-weight: 600;
   padding: 10px 40px;
   background-color: #fff;
   border-radius: 50px;
}

.secgrandbtn a:hover {
   background-color: #000;
   color: #fff;
}

.secbtd {
   display: flex;
   align-items: center;
}

.secqualmaibg {
   background-color: #F9FFD8;
   position: relative;
   padding-bottom: 200px;
}

.secpoimg {
   position: absolute;
   top: 30px;
   width: 50%;
   left: 30px;
}

.secservqbg {
   display: flex;
   padding-top: 150px;
}

.secser1 img {
   width: 95%;
}

.secser1 {
   width: 40%;
}

.secser2 {
   width: 60%;
}

.secser2 h4 {
   font-family: 'Roboto';
   font-weight: 600;
   font-size: 25px;
   color: #000;
}

.secser2 p {
   color: #EAC122;
}

.secpoimg2 {
   position: absolute;
   top: 0px;
   width: 50%;
   right: -13px;
}

.secqqbg {
   padding-top: 30px;
}

.secwetext {
   font-family: 'Roboto';
   font-weight: 600;
   font-size: 20px;
   color: #000;
}

.secrevbg {
   background-color: #fff;
   padding: 10px;
   border-radius: 10px;
   width: 50%;
   display: flex;
}

.secrevq1 {
   width: 30%;
   padding-right: 10px;
}

.secrevq2 h4 {
   font-family: 'Roboto';
   font-weight: 600;
   font-size: 20px;
   color: #0A3D2C;
}

.secrevq2 p {
   font-family: 'Roboto';
   font-weight: 600;
   font-size: 16px;
   color: #0A3D2C;
}

.secim4 img {
   width: 70%;
}

.secpoimg3 {
   position: absolute;
   bottom: 0px;
   width: 50%;
   left: -8px;
}

.secpoimg3 img {
   width: 40%;
}

.secourtext {
   font-family: 'Roboto';
   font-weight: 600;
   font-size: 40px;
   text-align: center;
   color: #0A3D2C;
   margin-top: 0;
}

.secoutbg {
   padding: 60px 10px;
}

.secclinlogo {
   padding-bottom: 20px;
}

.secallin {
   text-align: center;
   margin-top: 20px;
}

.secallin a {
   font-family: 'Roboto';
   font-weight: 600;
   font-size: 30px;
   text-align: center;
   color: #0A3D2C;
   text-decoration: underline !important;
}

.secintext {
   font-family: 'Roboto';
   font-size: 16px;
   color: #000;
   padding-top: 20px;
}

.secsocalmedia {
   display: flex;
   padding-top: 25px;
}

.socicm4 {
   padding-right: 20px;
}

.socicm1 {
   padding-right: 20px;
}

.socicm2 {
   padding-right: 20px;
}

.socicm4 a {
   background-color: #0A3D2C;
   padding: 12px 18px;
   font-size: 20px;
   color: #fff;
   border-radius: 50px;
}

.socicm1 a {
   background-color: #0A3D2C;
   padding: 12px 15px;
   font-size: 20px;
   color: #fff;
   border-radius: 50px;
}

.socicm2 a {
   background-color: #0A3D2C;
   padding: 12px 12px;
   font-size: 20px;
   color: #fff;
   border-radius: 50px;
}

.socicm4 a:hover,
.socicm1 a:hover,
.socicm2 a:hover {
   background-color: #348002;
}

.secfooterbg {
   background-color: #E8ECEB;
   padding: 60px 10px;
}

.secfhead {
   font-family: 'Roboto';
   font-size: 20px;
   color: #000;
}

.service-content p {
   font-family: 'Roboto';
}

.secmobilecont {
   display: none;
}

.secfoothr {
   opacity: 1;
   border: 1px solid #348002;
   width: 25%;
}

.secmailtex a {
   font-family: 'Roboto';
   font-size: 16px;
   color: #000;
}

.fotalink2 a {
   font-family: 'Roboto';
   font-size: 16px;
   color: #000;
}

.secgalbox {
   position: relative;
   width: 100%;
   height: auto;
}

.overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0);
   border-radius: 20px;
   transition: background 0.5s ease;

}

.secgalbox:hover .overlay {
   display: block;
   background: #3480027e;
   border-radius: 20px;
}

.secgalbox img {
   width: 100%;
   height: auto;
   left: 0;
   padding: 2px;
   border-radius: 20px;
}

.secgalbox .button {
   position: absolute;
   width: 100%;
   left: 0;
   top: 35px;
   text-align: center;
   opacity: 0;
   transition: opacity .35s ease;
}

.secgalbox .button a {
   width: 100%;
   padding: 10px 11px;
   text-align: center;
   color: white;
   background-color: #348002;
   border-radius: 50px;
   z-index: 1;
}

.secgalbox:hover .button {
   opacity: 1;
}

.secfootcohr {
   opacity: 1;
   border: 1px solid #B7B7B7;
}

.secopy {
   font-family: 'Roboto';
   font-size: 16px;
   color: #000;
}

.secpoll {
   text-align: end;
}

.secpoll a {
   font-family: 'Roboto';
   font-size: 16px;
   color: #000;
   padding-right: 10px;
}

.secpoll a:hover {
   text-decoration: underline !important;
}

/* about */
.secabuttext {
   background-color: #2e7d32;
   padding: 80px 10px;
   margin-top: 30px;
}

.absectitle {
   font-family: 'Roboto';
   font-size: 80px;
   font-weight: 600;
   color: #fff;
   text-align: center;
}

.secabbg {
   padding: 60px 10px;
}

.secabtext h3 {
   font-family: 'Roboto';
   font-size: 40px;
   color: #0A3D2C;
   font-weight: 700;
}

.secabtext p {
   font-family: 'Roboto';
   font-size: 20px;
   color: #000;
}

.secabtext p span {
   color: #0A3D2C;
   font-weight: 600;
}

.sersectext h3 {
   font-family: 'Roboto';
   color: #0A3D2C;
   font-weight: 500;
   font-size: 35px;
}

.sersectext p {
   font-family: 'Roboto';
   font-size: 20px;
   color: #000;
}

.memversecb {
   padding: 60px 10px;
}

.sec-cont-hh {
   font-family: 'Roboto';
   color: #0A3D2C;
   font-weight: 900;
   font-size: 40px;
}

.sec-cont-pp {
   font-family: 'Roboto';
   font-weight: 400;
   font-size: 20px;
   color: #000;
   padding-bottom: 20px;
}

.ffgggcc {
   padding: 0;
}

.ffgggcc2 {
   padding-right: 0px;
}

.sec-menu-btn2 {
   background: #0A3D2C;
   border: 1px solid #0A3D2C;
   font-family: 'Roboto';
   font-style: normal;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   color: #fff;
   padding: 15px 30px;
   border: none;
}

.sec-menu-btn2:hover {
   background: #0A3D2C;
   color: #fff;
}

.contbgg {
   background: #0A3D2C;
   padding: 20px;
}

.sec-cont-hh2 {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-size: 30px;
   color: #fff;
}

.seccont-add-h {
   font-family: 'Roboto';
   font-size: 20px;
   line-height: 150%;
   font-weight: 700;
   color: #fff;
}

.seccont-add-p {
   font-family: 'Roboto';
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   text-decoration: none;
}

p.iconsc span i {
   color: #fff;
}

a.seccont-add-p {
   color: #fff;
}

a.seccont-add-p:hover {
   color: #fff;
}

.secpritext {
   font-weight: 600;
   font-family: 'Roboto';
   font-size: 20px;
   color: #fff;
   margin-top: -30px;
   text-align: center;
   background-color: #00000073 !important;
   text-transform: uppercase;
   position: relative;
   margin-bottom: 40px;
}

/* project detals */
.gallery-img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   border-radius: 8px;
   transition: 0.3s;
}

.gallery-img:hover {
   transform: scale(1.05);
}

.flipbook-wrapper {
   max-width: 800px;
   margin: 40px auto;
   padding: 20px;
   background: white;
   border-radius: 20px;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.flipbook {
   position: relative;
   perspective: 2500px;
   height: 500px;
   border-radius: 15px;
   overflow: hidden;
}

.book {
   position: relative;
   width: 100%;
   height: 100%;
   transform-style: preserve-3d;
}

.page {
   position: absolute;
   width: 100%;
   height: 100%;
   background: #fff;
   border-radius: 10px;
   overflow: hidden;
   transition: transform 1s ease, z-index 1s;
   transform-origin: left;
   backface-visibility: hidden;
}

.page img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.page.flipped {
   transform: rotateY(-180deg);
   z-index: 0 !important;
}

.page:nth-child(1) {
   z-index: 6;
}

.page:nth-child(2) {
   z-index: 5;
}

.page:nth-child(3) {
   z-index: 4;
}

.page:nth-child(4) {
   z-index: 3;
}

.page:nth-child(5) {
   z-index: 2;
}

.page:nth-child(6) {
   z-index: 1;
}

.controls {
   text-align: center;
   margin-top: 25px;
}

.controls button {
   margin: 0 10px;
   padding: 8px 25px;
   border-radius: 50px;
}

.secimgpro {
   width: 100%;
   height: 200px;
}

.secabbg4 {
   padding: 10px 10px 60px 10px;
}

.job-opening-row {
   border: 1px solid #0A3D2C;
   padding: 25px 20px;
   border-radius: 20px;
   margin: 10px;
}

.seccarrhead {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-size: 30px;
   color: #0A3D2C;
   margin-top: 0;
}

.btn-active {
   background: #0A3D2C;
   color: #fff !important;
   padding: 10px 25px !important;
   text-align: center;
   border-radius: 10px;
}

.btn-active:hover {
   background: #2e7d32;
}

.secptetext {
   text-align: center;
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-size: 40px;
   color: #0A3D2C;
}

.detail-info {
   border: 1px solid #0A3D2C;
   padding: 30px;
   position: relative;
}

.detail-info h5 {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-size: 25px;
   color: #0A3D2C;
}

.secservimg {
   width: 100%;
}

.secpasdserbg {
   padding-bottom: 80px;
   display: flex;
   align-items: center;
}

.sectabport a.nav-link {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 600;
   font-size: 20px;
   color: #0A3D2C;
   padding: 5px 35px !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
   color: #fff !important;
   background-color: #0A3D2C !important;
   border: 1px solid #0A3D2C !important;
   padding: 5px 35px !important;
   border-radius: 50px;
}

.nav-tabs .nav-link.active {
   color: #fff !important;
   background-color: #0A3D2C !important;
   border: 1px solid #0A3D2C !important;
   padding: 5px 35px !important;
   border-radius: 50px;
}

.sectabport {
   border: 0;
}

.tab-content {
   margin-top: 40px;
}
     .carousel-wrapper {
      padding: 20px 0;
      position: relative;
    }

  .scvportfolio.owl-carousel .item {
      margin: 10px;
      border-radius: 10px;
      overflow: hidden;
      transition: transform 0.3s ease;
      transform: scale(0.85);
    }

  .scvportfolio .owl-carousel .item img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 10px;
    }

   .scvportfolio.owl-carousel .owl-item.center .item {
      transform: scale(1.1);
      z-index: 2;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    }

    /* Custom Nav Buttons */
  .scvportfolio  .owl-nav {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
      pointer-events: none;
    }

  .scvportfolio  .owl-nav button.owl-prev,
   .scvportfolio .owl-nav button.owl-next {
      background-color: #fff;
      color: #fff;
      font-size: 30px;
      width:40px;
      height: 40px;
      border-radius: 50%;
      border: none;
      pointer-events: all;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      font-size: 20px !important;
    }

   .scvportfolio  .owl-nav button.owl-prev,
    .scvportfolio .owl-nav button.owl-next {
      background-color: #0A3D2C !important;
      transform: scale(1.1);
      color: #fff !important;
    }
.scvportfolio .owl-nav button.owl-prev:hover,
   .scvportfolio .owl-nav button.owl-next:hover {
      background-color: #000 !important;
      transform: scale(1.1);
      color: #fff;
    }
    .scvportfolio .owl-nav button span {
      font-weight: bold;
    }
    .scvportfolio .item img{
      height: 450px;
    }
    
    
.secheadab{
    font-family: 'Playfair Display ';
   font-size: 30px;
   font-weight: 700;
   text-transform: capitalize;
   color: #348002;
   text-align: center;
   padding-top: 40px;
   padding-bottom: 20px;
}

.secboxaboutbg {
   border: 1px solid #0A3D2C;
   border-radius: 20px;
   padding: 20px;
   text-align: center;
}

.secboxaboutbg img {
   width: 50%;
   margin: auto;
}
.secboxaboutbg p {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 600;
   text-transform: capitalize;
   color: #0A3D2C;
   padding-top: 10px;
}


.secbtnbg11 {
   padding:40px 0px 20px 0px;
   text-align: center;
}

.secbtnbg11 a {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 600;
   background-color: #348002;
   border-radius: 50px;
   padding: 12px 35px;
   color: #fff;

}

.secbtnbg11 a:hover {
   background-color: #000;
}


/* flipbook */
.book {
  transition: opacity 0.4s 0.2s;
}

.page {
  width: 36vw;
  height: 36vw;
  /* Adjust height to match width for 1:1 ratio */
  overflow:hidden;
  object-fit:cover;
}

.page img {
  width: 100%;
  height: auto;
}



.bound {
  perspective: 250vw;
}

.bound .pages {
  width: 72vw;
  height: 40vw;
  /* Matches 1:1 aspect ratio */
  position: relative;
  transform: rotateX(12deg);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  border-radius: 4px;
}

.bound .page {
  float: none;
  clear: none;
  margin: 0;
  position: absolute;
  top: 0;
  width: 36vw;
  height: 40vw;
  /* Matches 1:1 aspect ratio */
  transform-origin: 0 0;
  transition: transform 1.4s;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  user-select: none;
}

.bound .page:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.7s;
  z-index: 2;
}

.bound .page:nth-child(odd) {
  pointer-events: all;
  transform: rotateY(0deg);
  right: 0;
  border-radius: 0 4px 4px 0;
}

.bound .page:nth-child(odd):hover {
  transform: rotateY(-10deg);
}

.bound .page:nth-child(odd):hover:before {
  background: rgba(0, 0, 0, 0.03);
}

.bound .page:nth-child(even) {
  pointer-events: none;
  transform: rotateY(180deg);
  transform-origin: 100% 0;
  left: 0;
  border-radius: 4px 0 0 4px;
}

.bound .page:nth-child(even):before {
  background: rgba(0, 0, 0, 0.01);
}

.bound .page.grabbing {
  transition: none;
}

.bound .page.flipped:nth-child(odd) {
  pointer-events: none;
  transform: rotateY(-180deg);
}

.bound .page.flipped:nth-child(odd):before {
  background: rgba(0, 0, 0, 0.01);
}

.bound .page.flipped:nth-child(even) {
  pointer-events: all;
  transform: rotateY(0deg);
}

.bound .page.flipped:nth-child(even):hover {
  transform: rotateY(10deg);
}

.bound .page.flipped:nth-child(even):hover:before {
  background: rgba(0, 0, 0, 0.01);
}

@media screen and (max-width: 768px) {
  /* Adjust the breakpoint as needed */
  .pages {
    width: 36vw;
    height: 36vw;
    /* 1:1 ratio for single-page layout */
  }

  .page {
    width: 100%;
    height: auto;
    position: static;
    /* Disable absolute positioning */
    transform: none;
    /* Disable 3D transform */
    margin-bottom: 1rem;
    /* Add spacing between pages */
  }

  .page:first-child,
  .page:nth-child(even),
  .page:nth-child(odd) {
    cursor: default;
    /* Remove cursor styles for single-page layout */
  }

  .page:hover {
    transform: none;
    /* Disable hover effects */
  }
}

/* blog */
.secblobg{
   padding: 60px 10px;
   background-color: #FBFDEF;
}
.secprojtext2 h3 {
   font-family: 'Roboto';
   font-size: 18px;
   font-weight: 700;
   color: #0A3D2C;
   padding: 5px 0px;
   text-align: start;
   margin-bottom: 0px;
}
.secprojtext2 p {
   font-family: 'Roboto';
   font-size: 16px;
   font-weight: 400;
   color: #000;
   padding: 10px 0px;
     text-align: start;
}
.absectitle2 {
    font-family: 'Roboto';
    font-size: 50px;
    font-weight: 600;
    color: #000;
    text-align: start;
}
.secabuttext22 {
    background-color: #2e7d32;
    padding: 50px 10px 180px 10px;
    margin-top: 30px;
}
.secblogimg{
   margin-top: -200px !important;
   width: 100%;
   margin: auto;
}
.secblotextal{
   padding: 30px 0px;
}
.secblotextal h3{
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 700;
    color: #0A3D2C;
    text-align: start;
    padding-top: 20px;
}
.secblotextal p{
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: start;
}