:root {
--color1: #f3aa3c;
--color2: #e9337d;
--color3: #292929;
--color4: #f5f4f1;
} @media (min-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1240px !important;
}
}
label {
width: 100%;
}
header span.wishlist_products_counter.top_wishlist-heart.wishlist-counter-with-products:before {
font-size: 28px !important;
}
header .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
align-items: center;
} .hero-banner .carousel-caption {
position: absolute;
top: 50%;
right: 0;
bottom: inherit;
left: 0;
padding-top: 0;
padding-bottom: 0;
color: #fff;
text-align: left !important;
transform: translate(0%, -50%);
}
.hero-banner .carousel-caption h3 {
font: normal normal normal 52px/62px Sora;
letter-spacing: 0px;
color: #ffffff;
}
.arrow-control-slider {
display: flex;
}
.arrow-control-slider span {
background-color: var(--color1);
padding: 5px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
color: #fff;
font-size: 14px;
cursor: pointer;
margin-right: 5px;
}
.arrow-control-slider span:hover {
background-color: var(--color2);
}
.arrow-control-slider .control-prev {
border-radius: 5px;
}
.arrow-control-slider .control-next {
border-radius: 5px;
}
.arrow-control-bottom {
display: flex;
position: absolute;
bottom: 15%;
left: 0;
z-index: 9;
width: 100%;
}
.hero-banner .indicators-num {
display: flex;
position: absolute;
bottom: 5%;
left: 0;
z-index: 9;
width: 100%;
}
.hero-banner .carousel-indicator {
display: flex;
}
.hero-banner .carousel-indicator span {
color: #fff;
}
.hero-banner .carousel-indicator button {
border-radius: 0 !important;
background: transparent !important;
padding: 0;
border: 0 !important;
margin-right: 8px;
}
.hero-banner .carousel-indicator button .budge {
background: #eee !important;
opacity: 1 !important;
padding: 3px 15px 3px 15px !important;
border: 0 !important;
border-radius: 0;
width: 30px !important;
height: 10px !important;
display: inline-block;
}
.hero-banner .carousel-indicator button.active .budge {
background: var(--color1) !important;
}
.hero-banner .carousel-indicator button .number {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.hero-banner .carousel-indicator button.active .number {
color: var(--color1) !important;
} .normal-img {
display: block;
}
.hover.img {
display: none;
}
a:hover .normal-img {
display: none;
}
a:hover .hover.img {
display: block;
} .pagination-style-one {
display: inline-flex;
justify-content: center;
}
.pagination-style-one .page-numbers.current {
font-weight: 600 !important;
background-color: var(--color1);
border-color: var(--color1);
color: var(--color4) !important;
}
.pagination-style-one .page-numbers {
font: normal normal 600 15px / 20px Sora !important;
letter-spacing: 0px;
color: #292929 !important;
background: #f5f4f1 0% 0% no-repeat padding-box;
border: 1px solid #a4a987;
border-radius: 50px;
text-decoration: none !important;
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 4px;
}
.pagination-style-one .page-numbers i {
font-size: 18px;
}  .portfolio-card {
flex: 1;
background: #fff;
}
.portfolio-img {
position: relative;
background-color: #f5f4f1;
}
.portfolio-img img {
width: 100%;
display: block;
border-radius: 15px;
}
.portfolio-badge {
position: absolute;
top: 15px;
left: 15px;
background: #f3aa3c;
color: #f5f4f1;
padding: 6px 14px;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
font-family: "Sora";
}
.portfolio-content {
padding: 20px 0;
background-color: #f5f4f1;
}
.portfolio-content h3 {
font-size: 20px;
text-align: left;
font: normal normal normal 26px/58px Kugile;
color: #292929;
opacity: 1;
line-height: 1.3em;
margin-bottom: 8px;
}
.portfolio-description {
line-height: 1.3em !important;
margin-bottom: 10px;
text-align: left;
font: normal normal normal 16px/36px Sora;
color: #292929;
opacity: 1;
}
.portfolio-content a {
text-decoration: none;
text-align: left;
font: normal normal 600 16px/29px Sora;
letter-spacing: 0px;
color: #e9337d;
opacity: 1;
}
.portfolio-content a:hover {
text-align: left;
font: normal normal 600 16px/29px Sora;
letter-spacing: 0px;
color: #f3aa3c;
opacity: 1;
}
.read-more-portfolio::after {
content: "\e89e";
font-family: "eicons";
font-style: normal;
font-weight: normal;
display: inline-block;
margin-left: 0px;
font-size: 24px;
vertical-align: middle;
color: inherit;
}
.col-auto .form-label {
color: #292929;
font-weight: 500;
font-family: "sora";
}
.codedropz-upload-container {
padding: 2px 4px;
font-size: 14px;
}
.codedropz-upload-handler {
border: 1px solid #a4a987;
}
.codedropz-upload-inner h3 {
display: none;
}
.dnd-upload-counter {
display: none;
}
.codedropz-upload-inner span {
display: none !important;
}
.custom-quote-form {
max-width: 900px;
margin: auto;
}
.custom-quote-form .form-row {
display: flex;
gap: 20px;
margin-bottom: 0px;
}
.modal-md {
--bs-modal-width: 650px !important;
}
.jobupload .codedropz-upload-handler {
background: #f5f4f1 0% 0% no-repeat padding-box;
border: 1px dashed #a4a987;
border-radius: 8px;
padding: 25px 10px;
}
.jobupload a.cd-upload-btn {
font-size: 0 !important;
}
.jobupload .cd-upload-btn:before {
content: "Resume Upload";
font: normal normal normal 16px / 21px Sora;
letter-spacing: 0px;
color: #babcb0;
text-transform: capitalize;
}
.custom-quote-form .form-col {
flex: 1;
}
.custom-quote-form .form-col.full {
flex: 100%;
}
.upload-label {
display: block;
margin-bottom: 8px;
font-weight: 600;
}
.custom-quote-form input[type="submit"] {
background: #e9337d;
width: auto;
color: #f5f4f1;
padding: 12px 35px;
border-radius: 30px;
border: none;
font-weight: 600;
cursor: pointer;
transition: 0.3s ease;
}
.custom-quote-form input[type="submit"]:hover {
background: #f3aa3c;
color: #f5f4f1;
}
.text-right {
text-align: right;
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: "";
display: none;
}
.swiper-pagination {
bottom: -45px !important;
}
.elementor-1583 .elementor-element.elementor-element-0c9b38f .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
background: #f5f4f1;
opacity: 1;
border: 1px solid #cfd1c8;
}
.owl-stage .owl-item .owl-thumb {
height: 100% !important;
flex-shrink: 0;
object-fit: cover;
}
.owl-stage .owl-item .owl-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial-wrapper {
overflow: hidden;
}
.testimonial-track {
display: block;
}
.testimonial-item {
padding: 0 16px;
box-sizing: border-box;
}
.testimonial-card {
margin: 0 auto;
background: #fff;
border-radius: 22px;
padding: 60px;
box-shadow: 0 10px 28px rgba(245, 244, 241, 0.9);
height: 450px;
}
.card-images {
display: flex;
gap: 8px;
margin-bottom: 10px;
}
.card-images img {
width: 120px;
height: 120px;
border-radius: 10px;
object-fit: cover;
}
.stars {
color: #f3ce3c;
margin-bottom: 6px;
font-size: 30px;
}
.testimonial-text {
font-size: 16px;
color: #292929;
line-height: 1.6;
}
.author {
margin-top: 8px;
font-weight: 600;
font-size: 18px;
color: #292929;
}
#testimonial .slick-dots {
display: flex !important;
justify-content: center;
gap: 10px;
padding: 33px 0 30px;
}
#testimonial .slick-dots li {
margin: 0;
width: auto;
}
#testimonial .slick-dots button {
width: 15px !important;
height: 15px !important;
background: #f5f4f1;
border: 1px solid #cfd1c8;
border-radius: 50%;
font-size: 0;
cursor: pointer;
}
#testimonial .slick-dots .slick-active button {
background: #1f613b !important;
width: 15px !important;
height: 15px !important;
}
#testimonial .slick-dots button:hover,
#testimonial .slick-dots button:focus,
#testimonial .slick-dots .slick-active button:hover,
#testimonial .slick-dots .slick-active button:focus {
background: #1f613b !important;
} .counter-section .left-hover {
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.counter-section .left-hover img {
transform: translateX(-60px);
opacity: 0;
transition: all 0.6s ease;
}
.counter-section .counter-box {
transform: translateY(60px);
opacity: 0;
transition: all 0.6s ease;
}
.counter-section.active .left-hover {
opacity: 1;
visibility: visible;
}
.counter-section.active .left-hover img {
transform: translateX(0);
opacity: 1;
}
.counter-section.active .counter-box {
transform: translateY(0);
opacity: 1;
}
.elementor-editor-active .counter-section .left-hover,
.elementor-editor-active .counter-section .left-hover img,
.elementor-editor-active .counter-section .counter-box {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
} .job-info p {
display: flex;
align-items: center;
gap: 8px;
}
.job-info img {
width: 18px;
height: 18px;
} .job-section {
margin: auto;
display: flex;
flex-direction: column;
gap: 25px;
} .job-card {
background: #f5f4f1;
border: 1px solid #a4a987;
border-radius: 15px;
padding: 30px 40px;
display: flex;
justify-content: space-between;
align-items: center;
} .job-content {
max-width: 75%;
}
.job-content h3 {
margin: 0 0 10px;
font-size: 22px;
color: #292929;
font-family: "sora";
}
.job-content p {
margin: 0;
font-size: 14px;
color: #292929;
line-height: 1.6;
font-family: "sora";
} .job-btn a {
background: #e9337d;
color: #f5f4f1;
padding: 12px 28px;
border-radius: 30px;
font-family: "Sora";
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: 0.3s ease;
display: inline-block;
}
.job-btn a:hover {
opacity: 0.85;
background-color: #f3aa3c;
color: #f5f4f1;
} .job-detail-wrapper {
max-width: 1200px;
margin: auto;
background: #f5f4f1;
border: 1px solid #a4a987;
border-radius: 15px;
padding: 50px;
} .job-detail {
display: flex;
gap: 50px;
} .job-left {
flex: 2;
}
.job-left h2 {
margin-top: 0;
font-size: 26px;
color: #292929;
font-family: "sora";
}
.job-left h4 {
margin-top: 30px;
margin-bottom: 10px;
font-size: 16px;
color: #292929;
font-family: "sora";
}
.job-left p,
.job-left li {
font-size: 14px;
color: #292929;
line-height: 1.7;
font-family: "sora";
}
.job-left ul {
padding-left: 18px;
margin: 0;
} .job-right {
flex: 1;
border-left: 1px solid #a4a987;
padding-left: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.job-info {
margin-bottom: 20px;
}
.job-info p {
font-size: 14px;
margin: 15px 0;
color: #292929;
font-weight: 600;
}
.job-info span {
font-weight: 600;
color: #292929;
font-size: 14px;
} .apply-btn a {
background: #e9337d;
color: #f5f4f1;
padding: 14px 35px;
border-radius: 30px;
text-decoration: none;
font-size: 14px;
font-weight: 600;
display: inline-block;
transition: 0.3s ease;
}
.apply-btn a:hover {
opacity: 0.85;
background: #f3aa3c;
color: #f5f4f1;
} @media (max-width: 768px) {
.job-detail {
flex-direction: column;
}
.job-right {
border-left: none;
padding-left: 0;
margin-top: 30px;
}
} @media (max-width: 768px) {
.job-card {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.job-content {
max-width: 100%;
}
.job-btn {
width: 100%;
}
}
@media (max-width: 991px) {
.our-company .elementor-image-box-wrapper {
display: flex !important;
}
}
@media (max-width: 991px) {
.testimonial-item {
padding: 0 8px;
}
.testimonial-card {
max-width: 100%;
padding: 20px;
height: auto !important;
}
}
@media (max-width: 768px) {
.custom-quote-form .form-row {
flex-direction: column;
gap: 8px !important;
margin-bottom: 10px !important;
}
.text-right {
text-align: left;
}
.testimonials-slider .testimonial-card {
height: 410px !important;
}
.commen-mail img {
margin-top: 2px !important;
}
.submit-btn {
text-align: center !important;
}
.submit-btn {
display: flex;
justify-content: center;
}
.submit-btn .custom-submit {
width: auto;
}
.captcha-submit .text-right {
text-align: center !important;
}
.job-detail-wrapper {
padding: 10px !important;
}
} .cf7sr-g-recaptcha {
margin: 0 !important;
transform: scale(0.65);
-webkit-transform: scale(0.65);
transform-origin: 0 0;
-webkit-transform-origin: top left;
}
.captcha p:first-child {
display: none;
}
.job-title {
font: normal normal normal 32px / 42px Kugile;
letter-spacing: 0px;
color: #292929;
} .blog-list-page {
padding: 90px 0;
}
.blog-post-card {
margin-bottom: 0px;
border-radius: 16px;
overflow: hidden;
}
.blog-image-wrapper {
position: relative;
}
.blog-image-wrapper img {
width: 100%;
border-radius: 20px;
display: block;
}
.blog-category-badge {
position: absolute;
top: 15px;
left: 15px;
background: var(--color1) !important;
color: #fff;
font: normal normal bold 14px/20px Sora;
padding: 6px 12px;
border-radius: 8px;
text-transform: capitalize;
}
.blog-content {
padding-top: 20px !important;
padding-bottom: 20px !important;
font: normal normal normal 14px / 23px Sora;
letter-spacing: 0px;
color: #3b3b3b;
}
.blog-content h2 {
font: normal normal bold 32px/42px Sora;
letter-spacing: 0px;
color: #292929;
margin: 0;
}
.blog-content h2 a {
color: #292929;
text-decoration: none;
}
.blog-content p {
margin-top: 10px;
}
.blog-content .read-more-portfolio {
font: normal normal 600 16px/24px Sora;
color: var(--color2);
}
.blog-content .read-more-portfolio:hover {
color: var(--color1);
}
.read-more-btn {
display: inline-block;
background: var(--color2);
font-size: 16px !important;
color: #fff !important;
padding: 12px 30px !important;
border-radius: 10px !important;
margin-top: 15px;
font-weight: 500;
text-decoration: none;
}
.read-more-btn:hover {
background: #292c2d !important;
color: #fff !important;
}
h3.cat-color {
padding-bottom: 15px !important;
font: normal normal 600 20px/28px Sora;
letter-spacing: 0px;
color: #292929;
}
.sidebar-box h3 {
margin-bottom: 15px;
margin-top: 0;
border-bottom: 2px solid #1f613b;
}
.category-list {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.category-list li {
margin-bottom: 10px;
}
h3.elementor-image-box-title {
word-wrap: break-word !important;
}
.category-list a {
font: normal normal 600 16px/24px Sora;
letter-spacing: 0px;
color: #3b3b3b;
width: 100%;
display: block;
}
.category-list a span {
float: right;
}
.category-list a:hover {
color: #3b3b3b;
}
.article-detail {
padding: 70px 0 40px 0;
background: #f5f4f1;
}
.prevnext-post {
font-size: 14px;
}
.recent-post {
display: flex;
gap: 12px;
margin-bottom: 20px;
align-items: center !important;
}
.recent-post img {
width: 70px;
display: block;
}
.recent-post a {
font-size: 16px !important;
color: #292c2d !important;
font-weight: 500;
text-decoration: none;
display: inline-block;
line-height: 21px;
margin-bottom: 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.recent-date {
font-size: 14px !important;
color: #292c2d !important;
margin-top: 2px;
}   .testimonials-box-one {
background: #ffffff 0% 0% no-repeat padding-box;
border: 2px solid #ececec;
border-radius: 10px 150px 10px 10px;
padding: 0px 50px 50px 50px;
text-align: center;
margin-top: 55px;
position: relative;
}
.testimonials-box-one:before {
content: "";
position: absolute;
bottom: -1px;
width: calc(100% + 4px);
height: 10px;
background: var(--color1);
left: -2px;
border-radius: 0px 0px 10px 10px;
transition: all 0.4s ease;
}
.testimonials-box-one:hover:before {
content: "";
background: var(--color2);
}
.testimonials-box-one .img-wrap {
position: relative;
margin-top: -50px;
}
.testimonials-box-one .img-wrap img {
width: 100px !important;
margin: 0px auto;
border-radius: 50%;
}
.testimonials-box-one .title,
.testimonials-box-one-popup .title {
font: normal normal normal 21px / 25px Sora;
letter-spacing: 0px;
color: var(--color1);
margin-bottom: 5px;
margin-top: 20px;
}
.testimonials-box-one .quate-img img {
width: 25px;
margin: 0 auto;
}
.testimonials-box-one .rating-area {
color: #ffc107;
font-size: 20px;
margin-top: 24px;
}
.testimonials-box-one .content-box {
height: 130px;
}
.testimonials-box-one .content-box .description {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.testimonial-card .read-more {
color: #f3ce3c !important;
text-decoration: underline !important;
}   .testimonials-box-two {
background: #f9f9f9 0% 0% no-repeat padding-box;
box-shadow: 2px 5px 10px #d9d6cd29;
border-radius: 20px;
padding: 25px;
}
.testimonials-box-two .testimonials-wrap,
.testimonials-box-two-slider .testimonials-wrap {
display: flex;
align-items: center;
justify-content: start;
}
.testimonials-box-two .content-box {
font: normal normal 500 16px / 24px Sora;
letter-spacing: 0px;
color: #3a3a3a;
margin-bottom: 30px;
}
.testimonials-box-two .content-box strong {
color: #bfa74b;
font-weight: 500 !important;
font-style: italic;
}
.testimonials-box-two .testimonials-wrap .img-wrap img,
.testimonials-box-two-slider .testimonials-wrap .img-wrap img {
width: 70px !important;
min-width: 70px !important;
height: 70px;
border-radius: 50%;
margin-right: 10px;
}
.testimonials-box-two .testimonials-wrap .title,
.testimonials-box-two-slider .testimonials-wrap .title {
font: normal normal 600 16px / 24px Sora;
letter-spacing: 0px;
color: #000;
margin: 0;
}
.testimonials-box-two .testimonials-wrap {
color: #ffc107;
font-size: 16px;
}  .model-testimonial .img-wrap img {
width: 130px !important;
margin: 0px auto;
border-radius: 50%;
}
.model-testimonial button.btn-close {
position: absolute;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
right: -50px;
top: 5px;
z-index: 9;
opacity: 1;
filter: invert(1);
padding: 0;
width: 20px;
box-shadow: none !important;
outline: none;
}
@media only screen and (max-width: 991px) {
.model-testimonial button.btn-close {
right: 15px;
top: 15px;
filter: none;
}
}
.model-testimonial button.btn-close:hover,
.model-testimonial button.btn-close:focus,
.model-testimonial button.btn-close:focus-visible {
filter: brightness(0) saturate(100%) invert(24%) sepia(63%) saturate(7327%) hue-rotate(348deg) brightness(102%) contrast(103%);
}
.model-testimonial .modal-content {
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 20px;
padding: 40px;
}
.model-testimonial .testimonials-wrap {
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 15px;
}
.model-testimonial .testimonials-wrap .img-wrap {
width: 80px;
margin-right: 10px;
}
.model-testimonial .testimonials-wrap .img-wrap img {
border-radius: 50%;
}
.model-testimonial .testimonials-wrap .title {
font: normal normal 600 16px / 24px Sora;
letter-spacing: 0px;
color: #000;
margin: 0;
}
.model-testimonial .rating {
color: #ffc107;
font-size: 16px;
}
.modal-backdrop {
background-color: #000 !important;
opacity: 0.8 !important;
}  .arrowbtn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #3a3a3a;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 99;
color: #fff;
cursor: pointer;
}
.arrowbtn:hover {
background: var(--color2);
color: #fff;
}
.left-btn {
left: 0;
}
.right-btn {
right: 0;
}
ul.slick-dots {
display: flex;
justify-content: center;
margin-top: 25px;
list-style: none;
}
ul.slick-dots li {
margin: 0 5px;
}
ul.slick-dots li button {
padding: 8px;
font-size: 0;
border-radius: 50% !important;
width: 15px;
height: 15px !important;
background-color: #F5F4F1;
border: 2px solid #CFD1C8;
}
ul.slick-dots li.slick-active button,
ul.slick-dots li button:hover {
background-color: #1F613B !important;
border: 2px solid #1F613B !important;
}  .download-box .img-box {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #bec0c5;
border-radius: 20px;
overflow: hidden;
}
.download-box .img-box img {
transition: 0.3s ease all;
}
.download-box:hover .img-box img {
scale: 1.1;
}
.download-box .text-box h4 {
text-align: left;
font: normal normal 500 20px/26px Sora;
letter-spacing: 0px;
color: var(--color1);
opacity: 1;
}
.download-box .text-box .description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.download-box .text-box .elementor-button img {
filter: brightness(10);
}
.download-box .text-box .elementor-button:hover img {
filter: inherit;
}  .other-box-one .img-wrap {
position: relative;
overflow: hidden;
}
.other-box-one .img-wrap img {
transition: all 0.4s ease;
}
.other-box-one .img-wrap .btn-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.4s ease;
}
.other-box-one:hover .img-wrap .btn-center {
opacity: 1;
}
.other-box-one:hover .img-wrap img {
transform: scale(1.05);
}
.other-box-one .content-box .date {
font: normal normal 600 13px / 18px Sora;
letter-spacing: 1.6px;
color: #000;
text-transform: uppercase;
margin-bottom: 8px;
}
.other-box-one .content-box .title {
font: normal normal 500 20px/28px Sora;
letter-spacing: 0px;
color: var(--color1);
margin-bottom: 10px;
}  ul#project-filter-list {
display: flex;
justify-content: center;
margin-bottom: 40px !important;
padding-left: 0;
list-style: none;
flex-wrap: wrap;
}
ul#project-filter-list li {
margin: 0 10px;
}
ul#project-filter-list li .cats {
font: normal normal bold 18px / 30px Sora;
letter-spacing: 0px;
color: #292c2d;
padding: 5px 15px;
text-decoration: none;
}
ul#project-filter-list li .cats.active {
color: var(--color1);
}  .portfolio-box {
position: relative;
z-index: 0;
}
.portfolio-box:before {
content: "";
background: transparent linear-gradient(180deg, #ffffff 0%, #e3e3e3 43%, #575757 60%, #000000 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
border-radius: 22px 155px 22px 22px;
opacity: 0.75;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
left: 0;
right: 0;
z-index: 0;
}
.portfolio-box .portfolio-wrap {
transition: all 0.4s ease;
border-radius: 22px 150px 22px 22px;
transform: translateY(53px);
}
.portfolio-box .portfolio-effect {
overflow: hidden;
}
.portfolio-box .portfolio-img img {
border-radius: 22px 150px 22px 22px;
}
.portfolio-box:hover .portfolio-wrap {
transition: all 0.4s ease;
transform: translateY(0px);
}
.portfolio-info {
position: absolute;
bottom: 0;
padding: 20px;
color: #fff;
}
.portfolio-info .title {
font: normal normal normal 28px / 35px Sora;
letter-spacing: 0px;
color: #ffffff;
padding-bottom: 20px;
border-bottom: 1px solid #fff;
}
.portfolio-info p {
font: normal normal normal 14px/21px Sora;
letter-spacing: 0px;
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-normal {
display: flex !important;
align-items: center !important;
font: normal normal 700 16px / 20px Sora !important;
letter-spacing: 0px !important;
color: #ffffff !important;
text-decoration: none !important;
transition: all 0.4s ease;
}
.btn-normal svg {
fill: #fff;
margin-left: 10px;
transition: all 0.4s ease;
height: 14px !important;
}
.btn-normal:hover {
color: var(--color1) !important;
}
.btn-normal:hover svg {
fill: var(--color1) !important;
transform: translateX(10px);
} .other-box-two {
background: #fafafa 0% 0% no-repeat padding-box;
border-radius: 20px;
}
.other-box-two .text-box {
padding: 30px;
}
.other-box-two h4 {
text-align: left;
font: normal normal 600 24px / 34px Sora;
letter-spacing: 0px;
color: #101010;
opacity: 1;
}
.other-box-two .videos-box video {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
min-height: 240px;
object-fit: cover;
}
button.close-top-right,
button.close-top-right:hover,
button.close-top-right:focus,
button.close-top-right:focus-visible {
position: absolute;
top: 30px;
right: 30px;
background-color: transparent;
border: 0;
filter: invert(1);
opacity: 1;
border-radius: 0;
box-shadow: none !important;
outline: none;
z-index: 9999;
}
.project-inner {
background: #f5f4f1;
}
span.wpcf7-spinner {
position: absolute;
bottom: 0;
right: 20px;
}
input.wpcf7-form-control::placeholder,
textarea.wpcf7-form-control::placeholder {
color: #babcb0;
}
.model-jobposition button.btn-close {
border: 0;
position: absolute;
right: 15px;
top: 15px;
opacity: 1;
box-shadow: none !important;
outline: none !important;
background-color: transparent !important;
}
.model-jobposition .modal-content {
background: #f5f4f1 0% 0% no-repeat padding-box;
border-radius: 20px;
padding: 40px;
}
.wc-block-components-radio-control__input {
padding: 0 !important;
}
.uploadfile p {
display: flex;
justify-content: start;
align-items: center;
}
.uploadfile label {
width: auto !important;
margin-right: 15px;
}
.uploadfile span.wpcf7-form-control-wrap {
height: 22px;
}
.portfolio-badge {
padding: 10px 20px !important;
}
.slider-services .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
background: #F5F4F1;
opacity: 1;
border: 1px solid #CFD1C8;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration: none !important;
box-shadow: none !important;
color: #292929 !important;
border: #A4A987 !important;
font-size: 12px !important;
}
.codedropz-upload-container {
padding: 0px 10px;
font-size: 14px;
} .htslider-carousel-activation .slick-dots li button {
height: 0px;
width: 80px !important;
border-radius: 0 !important;
height: 0px !important;
padding: 2.4px !important;
}
.htslider-postslider-area .slick-dots li.slick-active button {
background-color: #E9337D !important;
border-style: none;
}
.htslider-postslider-area ul.slick-dots li button {
background-color: #ffffff !important;
}
.htslider-arrow-1.htslider-postslider-area button.htslider-carosul-next.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
right: 30% !important;
}
.htslider-arrow-1.htslider-postslider-area button.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.slick-arrow {
left: 30%;
position: absolute;
bottom: -14% !important;
}
.htslider-arrow-1.htslider-postslider-area button.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.slick-arrow {
position: absolute;
top: 111%;
}
@media (max-width: 667px) {
.htslider-carousel-activation .slick-dots li button {
display: none !important;
}
.htslider-arrow-1.htslider-postslider-area button.htslider-carosul-next.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
right: 33% !important;
}
.htslider-arrow-1.htslider-postslider-area button.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.slick-arrow {
left: 33%;
}
.htslider-arrow-1.htslider-postslider-area button.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.slick-arrow {
position: absolute;
top: 115%;
}
.card-images img {
width: 70px;
height: 70px;
border-radius: 10px;
object-fit: cover;
}
} .services-slide .elementor-widget-image {
text-align: center !important;
}
.services-slide .elementor-widget-image img {
display: inline-block !important;
margin: 0 auto !important;
}
.pg-single-project {
padding-top: 100px;
padding-bottom: 80px;
}
.pg-badge {
display: inline-block;
background: #F3AA3C;
color: #F5F4F1;
padding: 8px 18px;
border-radius: 6px;
font-size: 14px;
margin-bottom: 20px;
font-weight: 600;
font-family: 'Sora';
text-transform: uppercase;
}
.pg-title {
margin-bottom: 20px;
line-height: 1.2em !important;
text-align: left;
font: normal normal normal 40px/70px Kugile;
letter-spacing: 0px;
color: #292929;
opacity: 1;
}
.pg-description {
font-size: 16px;
color: #292929;
font-family: 'sora';
}
.key-highlights ul {
list-style: none;
padding: 0;
margin: 0;
}
.key-highlights li {
position: relative;
padding-left: 25px;
margin-bottom: 8px;
}
.key-highlights li::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 18px;
height: 18px;
background-image: url(https://goodviewgarden.com.sg/wp-content/uploads/2026/02/check.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.pg-title {
font-size: 28px;
}
.our-company h3 {
margin-left: 8px;
}
}
.pg2-highlight-section {
padding: px 0 !important;
}
.pg2-left {
flex: 1;
background-color: #EAECE0;
border-radius: 30px 0px 0px 30px;
padding: 40px;
}
.pg2-title {
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
color: #292929;
font: normal normal 600 26px/29px Sora;
}
.pg2-right {
flex: 1;
background: #1F613B;
padding: 40px;
position: relative;
border-radius: 0px 25px 25px 0px;
}
.pg2-quote img {
width: 75px;
margin-bottom: 20px;
position: absolute;
top: -20px;
right: 55px;
}
.pg2-review-text {
font-size: 16px;
line-height: 1.7;
color: #F5F4F1;
margin-bottom: 20px;
font-family: 'Sora';
}
@media (max-width: 992px) {
.pg2-row {
flex-direction: column;
gap: 40px;
}
.pg2-right {
padding: 30px;
}
}
.pg2-stars {
display: flex;
gap: 6px;
margin-bottom: 20px;
}
.pg2-stars img {
width: 22px;
height: 22px;
}
@media (max-width: 576px) {
.pg2-highlight-section {
padding: 50px 15px;
}
.pg2-title {
font-size: 22px;
}
.pg2-review-text,
.pg2-text-item {
font-size: 15px;
}
.pg2-stars img {
width: 110px;
}
}
.pg3-gallery-section ul.slick-dots {
padding-left: 0;
}
.pg3-gallery-section {
padding: 80px 20px;
background: #f4f4f4;
}
.pg3-container {
margin: auto;
text-align: center;
}
.pg3-heading {
font-size: 30px;
font-weight: 500;
margin-bottom: 50px;
color: #292929;
font-family: 'Kugile';
}
.pg3-gallery-slider .pg3-img-box {
padding: 0 20px;
}
.pg3-img-box {
overflow: hidden;
border-radius: 18px;
}
.pg3-img-box img {
width: 100%;
height: 420px;
object-fit: cover;
border-radius: 18px;
}
.pg3-gallery-slider .slick-dots {
bottom: -40px;
}
.pg3-gallery-slider .slick-dots li button:before {
font-size: 10px;
color: #000;
opacity: 1;
}
.pg3-gallery-slider .slick-dots li.slick-active button:before {
color: #2f6f4f;
}
.tinv-header {
display: none !important;
} .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
margin-top: 3px;
}
.tinvwl-icon-heart:before {
content: "\e909" !important;
color: #fff !important;
font-family: tinvwl-webfont !important;
font-size: 25px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #E9337D !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
margin-right: 10px !important;
padding: 0 !important;
}
.tinvwl-icon-heart:hover::before {
background: #F3AA3C !important;
}
.tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text {
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
margin-left: 6px;
}
.tinvwl_add_to_wishlist_button:hover .tinvwl_add_to_wishlist-text {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 1025px) {
.home-servise-head {
height: 60px !important;
}
.tinv-wishlist .tinv-wishlist-clear {
float: right;
}
.tinvwl_add_to_wishlist_button {
margin-left: 20px !important;
}
}
@media (max-width: 992px) {
.pg3-img-box img {
height: 350px;
}
}
@media (max-width: 576px) {
.pg3-heading {
font-size: 22px;
}
.pg3-img-box img {
height: 260px;
}
}
@media only screen and (max-width: 768px) {
h3.cat-color {
font-size: 18px !important;
}
.sidebar-box {
padding: 10px;
}
.blog-content h2 {
font-size: 24px !important;
}
.read-more-btn {
font-size: 14px !important;
padding: 8px 20px !important;
border-radius: 7px !important;
}
.article-detail {
padding: 30px 5px;
} .hero-banner .carousel-caption h3 {
font-size: 24px;
line-height: 30px;
} .arrowbtn {
width: 30px;
height: 30px;
}
ul#project-filter-list li .cats {
font-size: 16px;
padding: 5px 2px;
}
.portfolio-info .title {
font-size: 18px;
line-height: 23px;
}
.other-box-two h4 {
font-size: 18px;
line-height: 24px;
}
.blog-list-page {
padding: 30px 0;
}
.our-company .elementor-image-box-content {
width: 85% !important;
}
}