/* home page */
.image-devstren-wrapper {
position: relative;
height: stretch;
}
.image-devstren-wrapper:after {
content: url('data:image/svg+xml,');
width: 500px;
height: 500px;
position: absolute;
left: -10%;
top: 5%;
}
.ac-img {
width: 100%;
object-fit: cover;
height: 100%;
border-radius: 20px;
}
.ac-title {
line-height: 1;
color: var(--devstren-primary-color);
margin: 0;
}
.border-bottom-dev {
width: 20%;
height: 6px;
background-color: var(--devstren-primary-color);
margin-bottom: 10px;
}
.ac-subheading {
display: block;
font-family: var(--devstren-heading-font);
font-size: var(--devstren-card-text-2);
color: var(--devstren-primary-color);
font-weight: 500;
}
.ac-btn-group {
display: flex;
gap: 15px;
margin-top: 1.5rem;
flex-wrap: wrap;
}
.ac-btn-fill {
background-color: var(--devstren-primary-color);
color: #fff;
padding: 12px 22px;
border-radius: 10px;
border: 1px solid transparent;
}
.ac-btn-outline {
background-color: transparent;
color: var(--devstren-primary-color);
padding: 12px 22px;
border: 2px solid var(--devstren-primary-color);
font-weight: 600;
border-radius: 20px;
}
.ac-btn-outline:hover {
background-color: var(--devstren-primary-color);
color: #fff;
}
.ac-btn-fill:hover {
border-color: white;
background-color: transparent;
color: white;
}
/* 2ND SECTION */
.team-section {
background-color: #cddba0;
padding-top: 60px;
border-top: 12px solid #8bc34a;
position: relative;
}
.team-heading {
text-align: center;
}
.team-text {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.team-text p {
color: #333;
font-size: 0.95rem;
line-height: 1.7;
margin-bottom: 15px;
}
.team-btn-wrap {
text-align: center;
margin: 20px 0 60px;
}
.devstren.team-btn {
background-color: var(--devstren-primary-color);
color: #fff;
padding: 10px 40px;
letter-spacing: 0.5px;
border: none;
border-radius: 10px;
text-transform: uppercase;
font-family: 'Nunito Sans';
line-height: 2;
}
.devstren.team-btn:hover {
background-color: var(--devstren-text-sub-color);
}
.team-image-wrap {
background-color: #cddba0;
padding-top: 100px;
}
.team-img {
width: 100%;
border: 12px solid #8bc34a;
border-radius: 20px;
transform: translateY(-100px);
display: block;
}
/* 3RD SECTION */
.ac-homeowners-section {
background-color: #14213d;
/* dark navy */
padding: 60px 0;
color: #fff;
}
.homeowner-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.ac-desc {
font-size: 0.9rem;
color: #d5d9e2;
line-height: 1.6;
margin-bottom: 25px;
}
.city-grid {
margin-bottom: 25px;
}
.city-title {
color: #8bc34a;
font-size: var(--devstren-card-text-2);
margin-bottom: 8px;
}
.city-desc {
font-size: var(--dev-font-btn);
color: #d5d9e2;
line-height: 1.5;
}
.ac-btn-group {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.ac-btn-fill {
background-color: #8bc34a;
color: #14213d;
padding: 12px 24px;
font-weight: 700;
font-size: var(--dev-font-btn);
border: none;
border-radius: 4px;
}
.ac-btn-outline {
background-color: transparent;
color: #fff;
padding: 12px 24px;
font-weight: 700;
border: 2px solid #fff;
border-radius: 10px;
}
/* 4TH SECTION */
.top-rated-section ol,
.top-rated-section ul {
list-style: url('data:image/svg+xml,');
}
.ac-underline {
display: block;
width: 50px;
height: 3px;
background-color: #fff;
margin-bottom: 20px;
}
/* 5th SECTION */
.cta-section {
padding: 60px 0;
}
.cta-box {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 20px;
position: relative;
display: flex;
align-items: center;
min-height: 315px;
padding: 40px 60px;
overflow: hidden;
z-index: 1;
border: 10px solid #7aad43;
}
.cta-content {
position: relative;
z-index: 2;
/* text hamesha upar rahega */
max-width: 55%;
}
.cta-btn-group {
display: flex;
gap: 15px;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.cta-btn-fill {
background-color: #14213d;
color: #fff;
padding: 14px 28px;
font-weight: 700;
font-size: 0.85rem;
border: none;
border-radius: 6px;
}
.cta-btn-outline {
background-color: transparent;
color: #fff;
padding: 14px 28px;
font-weight: 700;
font-size: 0.85rem;
border: 2px solid #fff;
border-radius: 6px;
}
/* 6TH SECTION */
.ac-signs-section {
background-color: #14213d;
padding: 60px 0;
position: relative;
overflow: hidden;
}
.ac-signs-section .swiper-slide {
background-color: #fff;
border-radius: 12px;
}
.signs-heading {
color: #fff;
}
.signs-desc {
color: #d5d9e2;
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 15px;
}
/* Swiper cards */
/* Swiper cards */
.ac-signs-section {
overflow: hidden;
}
.ac-signs-section .signs-swiper {
padding: 10px 5px 40px;
overflow: visible;
}
.ac-signs-section .sign-card {
background-color: #fff;
border: 5px dashed #8bc34a;
border-radius: 12px;
padding: 20px 15px;
height: 100%;
min-height: 300px;
margin: 10px;
}
.ac-signs-section .sign-number {
display: block;
color: #8bc34a;
font-family: var(--dev-font-fam);
font-weight: 800;
font-size: var(--dev-font-h2);
}
.ac-signs-section .sign-title {
color: #14213d;
line-height: 1;
font-size: var(--dev-font-card);
font-family: var(--dev-font-fam);
margin: 0px !important;
}
.ac-signs-section .sign-text {
color: #555;
line-height: 1.2;
}
/* Bottom CTA */
.signs-cta-box {
background-color: #8bc34a;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 20px;
padding: 40px;
margin-top: 20px;
position: relative;
z-index: 1;
height: 300px;
border: 15px solid #7aad43;
}
img.mycar {
position: absolute;
top: -18%;
left: 45%;
z-index: 2;
}
.cta-text {
color: #fff;
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 20px;
}
.cta-check-btn {
position: relative;
z-index: 2;
}
.cta-van-img {
width: 100%;
}
/* 7TH SECTION */
.benefits-section {
background-color: #d3dce3;
padding: 60px 0;
border-top: 10px solid #8bc34a;
border-bottom: 10px solid #8bc34a;
}
.row.flex-nowrap {
flex-wrap: nowrap !important;
}
.row.flex-nowrap>[class*="col"] {
flex: 1 1 0;
min-width: 0;
}
.benefit-circle {
background-color: #fff;
color: #8bc34a;
font-family: var(--devstren-heading-font);
font-size: var(--dev-font-h2);
border-radius: 100%;
height: fit-content;
width: fit-content;
padding: 5px 25px 0px 25px;
transform: rotate(4deg);
margin-bottom: 20px;
}
.benefit-title {
color: #3b6fb0;
font-size: var(--dev-font-card);
font-family: var(--devstren-heading-font);
margin: 0px;
}
.benefit-text {
color: #444;
line-height: 1.2;
margin: 0px;
}
/* 8TH SECTION CSS */
.why-choose-section {
background-image: url('Group 1577707140 (1) (1).webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 60px 0;
border-top: 6px solid #8bc34a;
}
.why-heading {
line-height: 1;
}
.why-desc {
color: #333;
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 25px;
}
.why-card {
background-color: #fff;
border-radius: 12px;
padding: 20px;
display: flex;
gap: 15px;
align-items: flex-start;
margin-bottom: 15px;
}
.why-icon img {
width: 50px;
height: 50px;
}
.why-card-text h5 {
color: #14213d;
font-size: var(--devstren-card-text);
margin-bottom: 4px;
}
.why-card-text p {
color: #555;
font-size: 0.85rem;
line-height: 1.5;
margin-bottom: 0;
}
.devstren.ac-section .ac-btn-outline,
.why-choose-section .ac-btn-outline {
color: #14213d;
border: 2px solid #14213d;
}
.why-choose-section .ac-btn-outline:hover {
color: #fff;
border: 2px solid #fff;
}
.contact-section-era .floating-form:after {
position: absolute;
transform: translate(-50%, 90%);
bottom: 0%;
left: 50%;
content: '';
background: url("https://1206748.us18.myftpupload.com/wp-content/uploads/2026/07/Group-1577707140-4-scaled.png");
background-size: 100%;
background-position: center;
width: 100%;
height: 200px;
background-repeat: no-repeat;
}
/* dev2 -- */
.uk-section .uk-position-cover {
background: linear-gradient(90deg, #16419ed9, #8ec45acc) !important;
}
.contact-section-era .floating-form {
padding: 50px 10%;
border-radius: 30px;
box-shadow: 1px 1px 10px rgba(37, 37, 37, .1);
transform: translateY(-15%);
margin-bottom: -150px !important;
}
/* 16 - 7 -2026 */
.devstren-team-section.uk-section-default.uk-section {
padding-bottom: 0px;
}
.devstren-not-top.uk-section-default.uk-section {
padding-top: 0px;
}
.ac-homeowners-section {
padding-top: 300px;
}
.team-image-wrap {
transform: translateY(330px);
background-color: transparent;
}
/*About */
.team-section {
background-color: #CFDCB9;
}
section.devstren.ac-section a.btn.ac-btn-fill {
background: #172A53;
color: white;
font-size: 18px;
border-radius: 12px;
}
.devstren.ac-section .ac-subheading+p.ac-para:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
}
.devstren.ac-section .ac-subheading+p.ac-para+p {
margin-top: 3px !important;
margin-bottom: 14px !important;
padding-top: 0 !important;
line-height: 1.45;
}
.devstren.ac-section .ac-subheading+p:not(.ac-para) {
margin-top: 3px !important;
margin-bottom: 14px !important;
}
.devstren.ac-section .ac-btn-group {
display: flex;
align-items: center;
gap: 12px;
margin-top: 10px;
}
.devstren.ac-section .ac-btn-group>a.ac-btn-outline {
display: inline-flex !important;
align-items: center;
justify-content: center;
background-color: #ffffff !important;
color: #002855 !important;
border: 1px solid #002855 !important;
border-radius: 10px !important;
padding: 11px 26px !important;
min-height: 42px;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.devstren.ac-section .ac-btn-group>a.ac-btn-outline:hover {
background-color: #002855 !important;
color: #ffffff !important;
border-color: #002855 !important;
}
.devstren.ac-section .ac-btn-group>a.ac-btn-fill,
.devstren.ac-section .ac-btn-group>a.ac-btn-fill:hover,
.devstren.ac-section .ac-btn-group>a.ac-btn-fill:focus,
.devstren.ac-section .ac-btn-group>a.ac-btn-fill:active,
.devstren.ac-section .ac-btn-group>a.ac-btn-fill:visited {
text-decoration: none !important;
}
/* Combine section */
p.city-desc {
margin: 0;
}
.city-title .city-link:hover,
.city-title .city-link,
.city-title {
color: #8bc34a;
font-size: var(--devstren-card-text-2);
margin-bottom: 4px;
font-family: ss-balwin;
}
.city-title .city-link:hover,
.city-link:hover {
text-decoration: none;
}
.ac-btn-fill {
background-color: #8bc34a;
color: #ffffff;
padding: 12px 24px;
font-weight: 700;
font-size: 1rem;
border: none;
border-radius: 9px;
}
.ac-homeowners-section .city-grid>div:nth-child(5) {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.ac-homeowners-section .ac-btn-group>a,
.ac-homeowners-section .ac-btn-group>a:hover,
.ac-homeowners-section .ac-btn-group>a:focus,
.ac-homeowners-section .ac-btn-group>a:active,
.ac-homeowners-section .ac-btn-group>a:visited {
text-decoration: none !important;
}
/*Top rated section*/
.uk-section-default.uk-section .top-rated-section {
margin-top: 65px !important;
margin-bottom: 55px !important;
padding: 0 !important;
background-color: #ffffff !important;
}
.uk-section-default.uk-section .top-rated-section .row {
align-items: stretch !important;
row-gap: 0 !important;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:first-child {
display: flex;
flex-direction: column;
}
.uk-section-default.uk-section .top-rated-section h2 {
color: #002855 !important;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:last-child {
display: flex;
align-items: stretch;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:last-child .img-fluid {
display: block;
width: 100% !important;
height: 100% !important;
min-height: 100%;
object-fit: cover;
border-radius: 10px !important;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:first-child>p:empty {
display: none;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:first-child p {
margin-bottom: 14px;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:first-child p:last-child {
margin-bottom: 0;
}
/*Banner*/
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] {
background-image: none !important;
}
.uk-section-default.uk-section .top-rated-section {
margin-bottom: -90px !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] {
margin-top: 0 !important;
padding-top: 0 !important;
background-color: transparent !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .btn {
min-height: 42px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-weight: 600 !important;
line-height: 1 !important;
text-align: center;
text-decoration: none !important;
border-radius: 9px !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .team-btn {
min-width: 165px !important;
color: #ffffff !important;
background-color: #002855 !important;
border: 2px solid #002855 !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .ac-btn-outline {
min-width: 145px !important;
color: #ffffff !important;
background-color: transparent !important;
border: 2px solid #ffffff !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .team-btn:hover,
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .team-btn:focus {
color: #002855 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
text-decoration: none !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .ac-btn-outline:hover,
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .ac-btn-outline:focus {
color: #002855 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
text-decoration: none !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .btn:hover,
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .btn:focus,
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .btn:active,
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-btn-group .btn:visited {
text-decoration: none !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-box {
position: relative;
isolation: isolate;
border-color: #8DC358 !important;
background-position: right 0 top -195px !important;
background-repeat: no-repeat !important;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-box::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 62%;
background-color: #7AAD43;
z-index: -1;
border-radius: 8px 0 0 8px;
overflow: hidden;
}
.uk-section-default.uk-section .cta-section[style*="Group-1577707140-1-1.webp"] .cta-content {
position: relative;
z-index: 2;
}
/*Installation*/
.uk-section-default.uk-section .devstren.ac-section ul {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
}
.uk-section-default.uk-section .devstren.ac-section ul li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 7px;
line-height: 1.4;
list-style: none !important;
}
.uk-section-default.uk-section .devstren.ac-section ul li::before {
content: "";
width: 16px;
height: 16px;
flex: 0 0 16px;
margin-top: 4px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6668 8.00016C14.6668 11.6821 11.6821 14.6668 8.00016 14.6668C4.31826 14.6668 1.3335 11.6821 1.3335 8.00016C1.3335 4.31826 4.31826 1.3335 8.00016 1.3335C11.6821 1.3335 14.6668 4.31826 14.6668 8.00016ZM10.6871 5.97994C10.8823 6.17521 10.8823 6.49179 10.6871 6.68705L7.35372 10.0204C7.15845 10.2156 6.84187 10.2156 6.64661 10.0204L5.31328 8.68705C5.11801 8.49179 5.11801 8.17521 5.31328 7.97994C5.50854 7.78468 5.82512 7.78468 6.02038 7.97994L7.00016 8.95972L8.49005 7.46983L9.97994 5.97994C10.1752 5.78468 10.4918 5.78468 10.6871 5.97994Z' fill='%238EC45A'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}
.uk-section-default.uk-section .devstren.ac-section ul li>span[data-metadata],
.uk-section-default.uk-section .devstren.ac-section ul li>span[data-buffer] {
display: none !important;
}
/*Slider*/
.uk-section-default.uk-section .ac-signs-section .ac-btn-outline {
min-width: 170px !important;
min-height: 44px !important;
padding: 11px 26px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none !important;
box-sizing: border-box;
}
.uk-section-default.uk-section .ac-signs-section .ac-btn-outline:hover,
.uk-section-default.uk-section .ac-signs-section .ac-btn-outline:focus,
.uk-section-default.uk-section .ac-signs-section .ac-btn-outline:active,
.uk-section-default.uk-section .ac-signs-section .ac-btn-outline:visited {
text-decoration: none !important;
}
/* .uk-section-default.uk-section .ac-signs-section .sign-card {
position: relative;
border: 4px dashed #8DC358;
border-radius: 8px;
pointer-events: none;
box-sizing: border-box;
}
.uk-section-default.uk-section .ac-signs-section .sign-card>* {
position: relative;
z-index: 1;
} */
/* .uk-section-default.uk-section .ac-signs-section .sign-number {
display: block;
width: 44px;
font-size: 56px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #8DC358 !important;
}
.uk-section-default.uk-section .ac-signs-section .sign-title {
font-family: var(--devstren-heading-font);
font-size: 36px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: -0.01em !important;
color: #002855 !important;
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box {
position: relative;
z-index: 5;
transform: translateY(50%);
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box h2 {
font-family: var(--devstren-heading-font);
font-size: 56px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box .team-btn {
min-width: 210px !important;
min-height: 48px !important;
padding: 14px 30px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-family: "Nunito Sans", sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 2px !important;
text-align: center !important;
text-transform: uppercase !important;
vertical-align: middle !important;
text-decoration: none !important;
box-sizing: border-box;
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box .team-btn:hover,
.uk-section-default.uk-section .ac-signs-section .signs-cta-box .team-btn:focus,
.uk-section-default.uk-section .ac-signs-section .signs-cta-box .team-btn:active,
.uk-section-default.uk-section .ac-signs-section .signs-cta-box .team-btn:visited {
text-decoration: none !important;
}
.uk-section-default.uk-section .ac-signs-section {
overflow: visible !important;
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box {
overflow: visible !important;
}
.uk-section-default.uk-section .ac-signs-section {
border-bottom: 8px solid #8DC358 !important;
} */
/* Number section*/
/* .uk-section-default.uk-section .benefits-section .benefit-circle {
width: 80px !important;
height: 80px !important;
min-width: 80px;
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 50% !important;
font-size: 35px !important;
text-align: center;
}
.uk-section-default.uk-section .benefits-section .benefit-title {
font-family: var(--devstren-heading-font) !important;
}
.uk-section-default.uk-section .benefits-section .benefit-title {
line-height: 1 !important;
letter-spacing: -0.01em !important;
} */
/*Why choose section */
.uk-section-default.uk-section:has(.benefits-section) {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.uk-section-default.uk-section:has(.why-choose-section) {
padding-top: 0 !important;
margin-top: 0 !important;
}
.uk-section-default.uk-section .why-choose-section {
margin-top: 0 !important;
}
.uk-section-default.uk-section .why-choose-section .why-heading {
font-family: var(--devstren-heading-font) !important;
color: #002855 !important;
}
.uk-section-default.uk-section .why-choose-section .why-desc {
font-family: "Nunito Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #1A1A1A !important;
margin-bottom: 20px !important;
}
.uk-section-default.uk-section .why-choose-section .why-card {
width: 100% !important;
display: flex !important;
align-items: flex-start;
gap: 16px;
padding: 18px 20px !important;
margin-bottom: 12px !important;
background-color: #ffffff !important;
border-radius: 10px !important;
box-sizing: border-box;
}
.uk-section-default.uk-section .why-choose-section .why-icon {
width: 42px;
min-width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
}
.uk-section-default.uk-section .why-choose-section .why-icon img {
display: block;
width: 100px !important;
height: 100px !important;
object-fit: contain;
}
.uk-section-default.uk-section .why-choose-section .why-card-text {
flex: 1;
min-width: 0;
}
.uk-section-default.uk-section .why-choose-section .why-card-text h5 {
margin: 0 0 6px !important;
font-family: var(--devstren-heading-font) !important;
font-size: 42px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: -0.01em !important;
color: #002855 !important;
}
.uk-section-default.uk-section .why-choose-section .why-card-text p {
margin: 0 !important;
font-family: "Nunito Sans", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #1A1A1A !important;
}
.uk-section-default.uk-section .why-choose-section .cta-btn-group {
display: flex;
align-items: center;
gap: 12px;
margin-top: 18px;
flex-wrap: wrap;
}
.uk-section-default.uk-section .why-choose-section .cta-btn-group .btn {
min-height: 44px !important;
padding: 11px 26px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-family: "Nunito Sans", sans-serif !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
border-radius: 9px !important;
box-sizing: border-box;
}
.uk-section-default.uk-section .why-choose-section .cta-btn-group .team-btn {
min-width: 180px !important;
color: #ffffff !important;
background-color: #002855 !important;
border: 3px solid #002855 !important;
}
.uk-section-default.uk-section .why-choose-section .cta-btn-group .ac-btn-outline {
min-width: 150px !important;
color: #002855 !important;
background-color: transparent !important;
border: 2px solid #002855 !important;
}
.uk-section-default.uk-section .why-choose-section .cta-btn-group .btn:hover,
.uk-section-default.uk-section .why-choose-section .cta-btn-group .btn:focus,
.uk-section-default.uk-section .why-choose-section .cta-btn-group .btn:active,
.uk-section-default.uk-section .why-choose-section .cta-btn-group .btn:visited {
text-decoration: none !important;
}
/* faq page */
.devstren-footer-col .uk-margin-remove-bottom,
.devstren-faq-section.uk-section-default.uk-section {
position: relative;
}
.devstren-footer-col .uk-margin-remove-bottom:before,
.devstren-faq-section.uk-section-default.uk-section:after {
content: url('data:image/svg+xml,');
position: absolute;
top: -50%;
left: 25%;
opacity: 0.50;
z-index: 0;
}
.devstren-faq-section .uk-container {
position: relative;
z-index: 1;
}
.devstren-faq-section h2,
.team-heading {
color: var(--devstren-primary-color);
}
.devstren-faq-section .el-item {
background: #ffffff;
border-radius: 20px;
border: none;
padding: 20px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.devstren-faq-section .uk-accordion-default .uk-accordion-title {
line-height: 1;
color: #101926;
font-size: 30px;
}
.devstren-faq-section .uk-accordion-default .uk-accordion-icon {
color: #101926;
border: 1px solid #101926;
padding: 10px;
border-radius: 20rem;
}
.devstren-faq-section .el-content.uk-panel {
color: white;
}
.devstren-faq-section .el-item.uk-open {
background: #1E3158;
}
.devstren-faq-section .el-item.uk-open .uk-accordion-title {
color: #fff;
}
.devstren-faq-section .el-item.uk-open .uk-accordion-icon {
color: #fff;
border: 1px solid #fff;
}
.devstren-faq-section .uk-accordion-default .uk-accordion-content {
margin-top: 10px;
}
.single-service_area .devstren-slider.uk-section ,
.single-services .devstren-slider.uk-section {
margin-top: 0px !important;
}
.service_area-template-default .uk-section-primary.uk-position-relative .uk-width-1-1 .devstren-services-inner-hero .uk-width-1-2\@m:nth-child(2) {
margin-top: auto;
}
.service_area-template-default .uk-section-primary.uk-position-relative .uk-width-1-1 .devstren-services-inner-hero .uk-width-1-2\@m:nth-child(2) .el-image{
border-radius: 20px;
border: 10px solid white;
}
.devstren-review-slider .uk-slide-active .el-item .el-meta.uk-text-lead.uk-margin-top {
color: #172a53 !important;
}
/* services inner */
.hvac-franklin-section {
background-color: #cddba0; /* koi devstren variable nahi hai is light-green ke liye */
padding: 60px 0;
border-top: 12px solid #8bc34a;
}
.hvac-heading {
color: var(--devstren-primary-color);
margin-bottom: 15px;
}
.hvac-para {
color: var(--devstren-text-body-color);
line-height: 1.6;
margin-bottom: 20px;
}
.hvac-img {
width: 100%;
border: 10px solid var(--devstren-secondary-color);
border-radius: 20px;
display: block;
max-height: 632px;
}
/* 3RD SECTION */
.hvac-repair-section {
position: relative;
width: 100%;
}
.hvac-repair-bg-img {
width: 100%;
height: auto;
display: block;
}
.hvac-repair-overlay {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
padding-top: 60px;
width: 100%;
}
.hvac-repair-heading {
color: var(--devstren-text-white-color);
margin-bottom: 15px;
}
.container.hvac-repair-overlay p,
.hvac-repair-para {
color: white;
line-height: 1.6;
margin: 0 auto 20px;
}
.container.hvac-repair-overlay .ac-btn-fill:hover {
border: 1px solid white;
background-color: transparent;
color: white;
text-decoration: none;
}
.devstren-services-map .uk-preserve-width{
max-height: 632px !important;
}
.devstren-footer-col .uk-margin-remove-bottom:before{
left: -50%;
top: -50%;
transform: translate(-20%, -15%);
z-index: -1;
}
footer .uk-section-xsmall {
z-index: 6;
position: relative;
}
/* after css issue */
.devstren-slider {
position: relative;
}
/* responsive */
@media (max-width: 1025px) {
.contact-section-era .floating-form {
transform: translateY(-15%) !important;
}
}
@media (min-width: 640px) {
.gform-theme--foundation .gfield--width-full {
grid-column: span 4 !important;
}
}
@media (max-width: 991.98px) {
.uk-section-default.uk-section .top-rated-section {
margin-top: 45px !important;
margin-bottom: 40px !important;
}
.uk-section-default.uk-section .top-rated-section .row {
row-gap: 30px !important;
}
.uk-section-default.uk-section .top-rated-section .row>.col-lg-6:last-child .img-fluid {
width: 100% !important;
height: auto !important;
min-height: 0;
aspect-ratio: 16 / 10;
object-fit: cover;
border-radius: 10px !important;
}
.ac-homeowners-section {
padding-top: 250px !important;
}
}
@media (max-width: 768px) {
.image-devstren-wrapper {
height: 500px;
}
.image-devstren-wrapper:after {
left: 4%;
top: 2%;
}
img.mycar {
position: absolute;
top: 34%;
left: 50%;
z-index: 2;
width: 50%;
}
}
@media (max-width: 575.98px) {
.uk-section-default.uk-section .top-rated-section {
margin-top: 35px !important;
margin-bottom: 32px !important;
}
.uk-section-default.uk-section .top-rated-section .row {
row-gap: 24px !important;
}
.devstren-faq-section .uk-accordion-default .uk-accordion-title {
font-size: 20px;
}
/* contact setcion */
.contact-section-era .floating-form {
transform: translateY(-10%) !important;
}
.contact-section-era .floating-form:after {
transform: translate(-50%, 100%) !important;
height: 50px !important;
z-index: -9 !important;
}
section.devstren.ac-section.py-5 {
padding-top: 75px !important;
padding-bottom: 0px !important;
}
section.devstren.ac-section.py-5{
padding-left: 13px !important;
padding-right: 13px !important;
}
.single-services section.devstren.ac-section.py-5{
padding-left: 0px !important;
padding-right: 0px !important;
}
.ac-signs-section .sign-card{
min-height: fit-content;
}
.image-devstren-wrapper:after {
left: 0% !important;
top: -5% !important;
content: url('data:image/svg+xml,');
width: 100px !important;
height: 100px !important;
position: absolute !important;
}
.contact-section-era .floating-form {
padding: 25px 5% !important;
}
/* changes */
.hvac-repair-section .container,
.hvac-franklin-section .container,
.why-choose-section .container,
.benefits-section .container,
.ac-signs-section .container,
.cta-section .container,
.top-rated-section .container,
.ac-homeowners-section .container,
.team-section .container,
section.devstren.ac-section.py-5 .container .col-lg-7,
.image-devstren-wrapper {
padding-right: 20px !important;
padding-left: 20px !important;
}
section.devstren.ac-section.py-5 .container .col-lg-7 {
padding: 0px 20px;
font-size: 14px;
line-height: 1.5;
}
.hvac-repair-section{
height: 500px;
}
.hvac-repair-bg-img {
height: 100%;}
.team-section {
height: 600px !important;
padding-top: 30px !important;
}
.ac-homeowners-section {
padding-top: 150px !important;
}
.devstren-not-top.uk-section-default.uk-section{
padding-bottom: 0px !important;
}
.cta-box {
padding: 15px 15px;
}
.cta-box .cta-content {
max-width: 100% !important;
}
.single-services .btn {
font-size: 13px !important;
}
.signs-cta-box {
height: fit-content !important;
}
img.mycar {
position: relative;
width: 100% !important;
left: 0 !important;
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box {
padding: 15px 0px 15px 15px !important;
transform: translateY(0%);
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box .row{
gap: 30px !important;
}
.uk-section-default.uk-section .ac-signs-section .sign-title{
font-size: 25px !important;
}
.uk-section-default.uk-section .ac-signs-section .signs-cta-box h2{
font-size: 35px !important;
}
.benefits-section .row.flex-nowrap {
flex-wrap: wrap !important;
}
.benefits-section .col.text-start {
width: 100% !important;
max-width: 100% !important;
flex: auto !important;
}
.uk-section-default.uk-section .why-choose-section .why-card-text h5{
font-size: 25px !important;
}
.ac-subheading{
line-height: 1;
}
.cta-section {
padding: 0px !important;
}
}