/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/



/* theme */
.main-page-wrapper {
    padding-top: 0 !important;
}

.wd-prefooter {
    padding-bottom: 0 !important;
}

.site-content {
    margin-bottom: 0 !important;
}

.page-title {
    margin-bottom: 0 !important;
}

.contentBox .info-box-title {
    font-size: 45px;
    line-height: 55px !important;
}

.contentBox .info-box-subtitle {
    font-size: 20px;
    color: #87f904;
}

.contentBox .info-box-title {
    color: #000;
}

.contentBox .info-box-inner {
    color: #262626;
}

a.btn.btn-color-primary {
    color: #000;
    text-transform: capitalize;
    border: 2px solid transparent;
    background: #87f904;
}

a.btn.btn-color-primary:hover {
    border: 2px solid #87f904;
    background: linear-gradient(180deg, #87f904, #91a121);
}
/* theme */

/* header */
.whb-general-header .menu {
    gap: 20px;
}

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    border-bottom: 2px solid #87f904;
}
/* header */

/* banner */
.mainBanner {
    height: 650px;
    display: flex;
    align-items: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center right;
    padding-bottom: 100px;
}

.mainBanner .contentBox .info-box-title {
    color: #87f904;
    font-size: 48px;
}

.mainBanner .contentBox strong {
    color: #fff;
    font-weight: 400;
}

.mainBanner .contentBox .info-box-inner {
    color: #fff;
}

.mainBanner .contentBox .info-box-subtitle {
    color: #fff;
    font-size: 20px;
}
/* banner */

/* About */
.aboutRow {
    padding: 30px 0 50px;
}

.serviceFlexBox p {
    margin-bottom: 10px;
    color: #000;
}

.progress-container {
  width: 100%;
  background-color: #87F904;
  border-radius: 5px;
  margin-bottom: 10px;
}

.progress-bar {
  /* width: 90%; */
  height: 15px;
  background-color: #FFFF19;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 0;
  border-radius: 5px;
}

.progress-bar2 {
  /* width: 90%; */
  height: 15px;
  background-color: #FFFF19;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 0;
  border-radius: 5px;
}
/* About */

/* service sec */
.servicesRow {
    background: linear-gradient(180deg, #87f904 50%, transparent 40%);
    padding: 50px;
}

.servicesRow .contentBox {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.servicesRow .contentBox .info-box-subtitle {
    color: #000;
}

.serviceS {
    position: relative;
}

.serviceMain img {
    width: 100%;
}

.serviceS button.slide-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 30px;
    z-index: 999;
    padding: 0;
    background: url(/wp-content/uploads/2024/04/arrow.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.serviceMain .serviceContent .serviceText {
    display: none;
}

.serviceMain:hover .serviceContent .serviceText {
    display: block;
    color: #fff;
}

.serviceMain:hover .serviceContent {
    height: 230px;
    background: #87f904cf;
}

.serviceMain:hover .serviceContent .serviceText p {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.serviceMain:hover .serviceContent h2 {
    color: #fff;
}

.serviceS button.slide-arrow.slide-arrow.prev-arrow {
    left: -30px;
    transform: rotate(-180deg);
}

.serviceS button.slide-arrow.slide-arrow.next-arrow {
    right: -30px;
}

.serviceS button.slide-arrow:hover {
    box-shadow: none;
    filter: drop-shadow(2px 2px 6px red);
}

.serviceMain {
    position: relative;
    text-align: center;
}

.serviceMain .serviceContent {
    position: absolute;
    bottom: 40px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #87f904;
    border-radius: 10px;
    flex-direction: column;
    transition: all ease 0.5s;
}

.serviceMain .serviceContent h2 {
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
/* service sec */

/* actionBanner */
.actionBanner {
    display: flex;
    justify-content: center;
    padding: 70px;
}

.actionBanner .contentBox  .info-box-title {
    color: #87f904;
}

.actionBanner .contentBox .info-box-inner {
    color: #fff;
    width: 80%;
    margin: 0 auto;
}
/* actionBanner */

/* footerSec */
.footerSec {
    /* background: linear-gradient(0deg, #1A1A1A 65%, transparent 35%); */
    background: linear-gradient(0deg, #1A1A1A 100%, transparent 0%);
}

.page-id-8 .contactRow {
    display: flex;
}

.page-id-8 .footerSec {
    background: linear-gradient(0deg, #1A1A1A 65%, transparent 35%);
    padding-top: 50px;
}

/* contactRow */
.contactRow {
    display: flex;
    justify-content: center;
    /* margin-bottom: 50px; */
    padding-top: 20px;
}

.contactRow {
    display: none;
}

.contactRow .contentBox .info-box-title {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 0;
}

.contactRow .contentBox {
    margin-bottom: 10px;
}

.contactRow .vc_inner {
    padding: 30px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px -6px 12px #1a1a1a17;
}

.contactRow .vc_inner .wpb_single_image {
    margin-bottom: 0;
}

.contactRow .gform_wrapper textarea {
    height: 100px !important;
    min-height: 130px !important;
    border-radius: 5px;
    border: 2px solid #D7DAE0;
}

.contactRow .gform_wrapper label {
    font-size: 12px !important;
}

.contactRow .gform_wrapper input {
    border-radius: 5px;
    border: 2px solid #D7DAE0;
}

.contactRow .gform_wrapper select {
    border-radius: 5px;
    border: 2px solid #D7DAE0;
}

.contactRow .gform_footer.before {
    padding-bottom: 0;
}

.contactRow .gform_footer.before input {
    margin: 0;
    padding: 15px 30px;
    padding-right: 30px;
    font-weight: 800;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    border: 2px solid transparent;
    background: #87f904;
    transition: all ease 0.5s;
}

.contactRow .gform_footer.before input:hover {
    border: 2px solid #87f904;
    background: linear-gradient(180deg, #87f904, #91a121);
    color: #fff;
}
/* contactRow */

/* mainFooter */
.footerSec .mainFooter {
    padding: 80px 0 30px;
}

.footerSec .mainFooter p {
    color: #fff;
}

.footerSec .mainFooter .title-wrapper .title {
    color: #fff !important;
}

.footerSec .mainFooter .menu li a {
    color: #fff;
    border-bottom: 2px transparent;
}

.footerSec .mainFooter .menu li a:hover {
    border-bottom: 2px #87f904 solid;
    color: #87f904;
}
/* mainFooter */
/* footerSec */

/* contactPage */
.page-id-70 .contactPage .contactRow {
    display: flex;
}
/* contactPage */