/* Consolidated from index.html */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuHpM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+01EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuHpM.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuHpM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuHpM.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuHpM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuHpM.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v21/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media only screen and (max-width:1921px) {
.slidetxt {
font-size: 8.75em;
line-height: 1;
display: block;
font-weight: 900;
text-transform: uppercase;
color: var(--secondary);
-webkit-text-fill-color: #fff;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--secondary);
position: relative;
margin-top: 71px;
}
}
@media only screen and (max-width:1600px) {
.slidetxt {
font-size: 8.75em;
line-height: 1;
display: block;
font-weight: 900;
text-transform: uppercase;
color: var(--secondary);
-webkit-text-fill-color: #fff;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--secondary);
position: relative;
margin-top: 0px;
}
}
input,
select,
textarea {
color: #ffffff !important;
}
.form-control:focus {
color: #495057;
background-color: transparent !important;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
a.pk.as1 {
position: absolute;
top: 0px;
}
p.titlehead {
opacity: 0;
}
.section-take-off.take-off {
top: 0 !important;
}
/* ----- */
.trrs {
margin-top: 29px !important;
}
.dropee {
display: none;
}
.dropee.collapsed.pressed {
display: block;
}
.dropee1 {
display: none;
}
.dropee1.collapsed1.pressed1 {
display: block;
}
.dropee2 {
display: none;
}
.dropee2.collapsed2.pressed2 {
display: block;
}
@media only screen and (min-width: 1680px) {}
img.disc {
position: absolute;
right: 39px;
}
.patt {
display: none;
}
@media only screen and (max-width:1025px) {
.avatar {
width: 100%;
height: 100% !important;
transform: translatey(0px);
animation: float 4s ease-in-out infinite;
}
}
@media only screen and (max-width:821px) {
#frmContactUs .col-md-6.col-sm-6 {
max-width: 100%;
}
p.txtbanner {
position: absolute;
right: 10%;
top: 45% !important;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 27px !important;
line-height: 35px;
color: #ffffff !important;
width: 24%;
bottom: 0!important;
margin-top: -259px !important;
}
.pk {
position: relative !important;
top: 82px;
left: 0 !important;
}
.ff {
color: #c71f1f;
position: relative;
left: -12px;
}
}
/* ----- */
.slider_frm input::placeholder , .slider_frm textarea::placeholder{color: #333;}
.slider_frm p.dclm {color:#333;}
p.dclm {
font-size: 12px;
font-weight: 300;
font-family: 'Gilmer';
line-height: 1.2;
color: #f7f7f7;
margin: 0;
}
p.dclm a{
font-size: 12px;
font-weight: 300;
font-family: 'Gilmer';
line-height: 1.3;
color: #6f8e39;
text-decoration: underline !important;
}
p.about-btn {
display: flex;
gap: 20px;
}
.sbbtn{
position: absolute;
left: 0;
right: 0;
bottom: 30px;
margin: 0 auto;
z-index: 99;
text-align: center;
display: table;
}
.sbbtn a {
border: 1px solid #fff;
padding: 20px;
color: #fff;
}
.sbbtn a:hover {
background: #fff;
color: #000;
}
.sbbtn.sty1{
position: relative;
bottom:0;
}
.tabCardsItem__text {
position: relative;
font-size: 1.2rem;
line-height: 2;
max-width: 500px;
margin-top: 13px;
transition: all 0s 0s, translate 0s 0s !important;
}
@media only screen and (max-width:1025px) {
.pk {
position: absolute;
top: 8px;
left: 40px;
}
a.pk {
border: 1px solid transparent;
border-image: linear-gradient(45deg, #17c0ae, #f9b416);
border-image-slice: 1;
padding: 18px 15px !important;
}
}
@media only screen and (max-width:821px) {
.lp {
width: 100% !important;
height: 100%;
object-fit: contain;
}
.avatar {
width: 100%;
height: auto;
transform: translatey(0px);
animation: float 6s ease-in-out infinite;
}
.avatar img {
width: 100%;
height: auto;
}
p.txtbanner {
position: absolute;
right: 0% !important;
top: 34%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 49px;
color: #FFFFFF;
width: 100% !important;
text-align: center;
margin: 0 auto;
}
ul.list-inline {
display: none;
}
.main {
position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.text {
position: absolute;
text-align: center;
top: 30px;
}
}
@media only screen and (max-width:737px) {
.formbox {
background: #2D3446;
box-shadow: 0px 17px 15px rgb(0 0 0 / 4%);
border-radius: 20px;
padding: 30px;
width: 100% !important;
}
}
@media only screen and (max-width:481px) {
p.txtbanner {
position: absolute;
right: 10%;
top: 58% !important;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 27px !important;
line-height: 35px;
color: #ffffff !important;
width: 24%;
bottom: 0!important;
margin-top: -259px !important;
}
}
/*-- 2024 --*/
/* ----- */
.herowrapper {
overflow: hidden;
}
/* Align banner container width with header container (.mega-header .container = min(1920px, 90vw)) from 1024px and up */
@media (min-width: 1024px) {
body.home-header #section-1.banner-video-s .herowrapper > .container {
width: min(1920px, 90vw) !important;
max-width: min(1920px, 90vw) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
}
.bird {
background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells-new.svg);
background-size: auto 100%;
width: 88px;
height: 125px;
will-change: background-position;
animation-name: fly-cycle;
animation-timing-function: steps(10);
animation-iteration-count: infinite;
}
.bird--one {
animation-duration: 1s;
animation-delay: -0.5s;
}
.bird--two {
animation-duration: 0.9s;
animation-delay: -0.75s;
}
.bird--three {
animation-duration: 1.25s;
animation-delay: -0.25s;
}
.bird--four {
animation-duration: 1.1s;
animation-delay: -0.5s;
}
.bird--five {
animation-duration: 2s;
animation-delay: -1s;
}
.floating-element {
position: absolute;
width: 80px;
height: 80px;
z-index: 5;
opacity: 0.4;
pointer-events: none;
animation: float-professionally 8s ease-in-out infinite;
}
.element--one { top: 15%; left: 10%; animation-delay: 0s; }
.element--two { top: 65%; left: 5%; animation-delay: 2s; width: 60px; height: 60px; }
.element--three { top: 10%; right: 10%; animation-delay: 4s; width: 70px; height: 70px; }
.element--four { top: 55%; right: 8%; animation-delay: 1.5s; width: 65px; height: 65px; }
@keyframes float-professionally {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-30px) rotate(3deg); }
}
.slide-txt {
margin-top: 0px;
}
/* Hero banner: readable text over busy background */
#section-1 .herowrapper .slide-txt {
position: relative;
z-index: 12;
/* padding: clamp(1.25rem, 3vw, 2rem); */
border-radius: 14px;
/* background: rgba(255, 255, 255, 0.50); */
/* box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); */
/* -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); */
}
.service-item__wrapper .head {
font-size: 35px;
line-height: 40px;
}
#section-1 .herowrapper .slide-txt .h1 {
color: #1a1a1a;
}
#section-1 .herowrapper .slide-txt p {
color: #2d2d2d;
}
#section-1 .herowrapper .slide-txt .discuss_btn {
color: #1a1a1a;
}
#section-1 .herowrapper .slide-txt .banner-list {
list-style: none;
padding: 0;
margin: 1.25rem 0 0;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
#section-1 .herowrapper .slide-txt .banner-list li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin: 0;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.45;
color: #2d2d2d;
}
#section-1 .herowrapper .slide-txt .banner-list .banner-list__arrow {
flex-shrink: 0;
margin-top: 3px;
color: #6f8e39;
}
/* Hero: dual CTAs (dedicated classes — not .discuss_btn) */
#section-1 .herowrapper .slide-txt .hero-cta-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1rem;
margin-top: 1.35rem;
}
#section-1 .herowrapper .slide-txt .hero-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0;
padding: 0.7rem 1.5rem;
width: auto;
min-height: 46px;
font-family: Poppins, sans-serif;
font-size: clamp(14px, 1.35vw, 17px);
font-weight: 600;
line-height: 1.2;
border-radius: 999px;
border: 2px solid transparent;
text-decoration: none;
border-bottom: none;
box-sizing: border-box;
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}
#section-1 .herowrapper .slide-txt .hero-cta-btn--primary {
background: #6f8e39;
border-color: #6f8e39;
color: #fff;
}
#section-1 .herowrapper .slide-txt .hero-cta-btn--primary:hover {
background: #ffffff;
border-color: #6f8e39;
color: #6f8e39;
transform: translateY(-1px);
}
#section-1 .herowrapper .slide-txt .hero-cta-btn--outline {
background: rgba(255, 255, 255, 0.85);
border-color: #6f8e39;
color: #1a1a1a;
}
#section-1 .herowrapper .slide-txt .hero-cta-btn--outline:hover {
background: #ffffff;
border-color: #6f8e39;
color: #6f8e39;
transform: translateY(-1px);
}
@media only screen and (max-width: 767px) {
#section-1 .herowrapper .slide-txt .hero-cta-row {
gap: 0.65rem 0.85rem;
margin-top: 1.1rem;
}
#section-1 .herowrapper .slide-txt .hero-cta-btn {
flex: 1 1 auto;
min-height: 44px;
font-size: 14px;
padding: 0.65rem 1.15rem;
}
}
@keyframes fly-cycle {
100% {
background-position: -900px 0;
}
}
@keyframes fly-right-one {
0% {
transform: scale(0.3) translateX(-10vw);
}
10% {
transform: translateY(2vh) translateX(10vw) scale(0.4);
}
20% {
transform: translateY(0vh) translateX(30vw) scale(0.5);
}
30% {
transform: translateY(4vh) translateX(50vw) scale(0.6);
}
40% {
transform: translateY(2vh) translateX(70vw) scale(0.6);
}
50% {
transform: translateY(0vh) translateX(90vw) scale(0.6);
}
60% {
transform: translateY(0vh) translateX(110vw) scale(0.6);
}
100% {
transform: translateY(0vh) translateX(110vw) scale(0.6);
}
}
@keyframes fly-right-two {
0% {
transform: translateY(-2vh) translateX(-10vw) scale(0.5);
}
10% {
transform: translateY(0vh) translateX(10vw) scale(0.4);
}
20% {
transform: translateY(-4vh) translateX(30vw) scale(0.6);
}
30% {
transform: translateY(1vh) translateX(50vw) scale(0.45);
}
40% {
transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
}
50% {
transform: translateY(0vh) translateX(90vw) scale(0.45);
}
51% {
transform: translateY(0vh) translateX(110vw) scale(0.45);
}
100% {
transform: translateY(0vh) translateX(110vw) scale(0.45);
}
}
/*---*/
.service-item__img .custombuttone1:hover {
color: #fff !important;
}
.vfxs .slick-slide {
height: 800px;
}
.vfxs .head {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 27px !important;
line-height: 28px !important;
color: #FFFFFF;
position: relative;
left: 80px !important;
top: -52px;
padding-bottom: 72px;
}
.vfxs .slider {
height: 100%;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.vfxs button.slick-prev.slick-arrow {
position: absolute;
top: 50%;
left: 7%;
background: transparent;
z-index: 99;
}
.vfxs button.slick-next.slick-arrow {
position: absolute;
right: 14px;
}
.vfxs h2.audt {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 35px;
line-height: 43px;
color: #333333;
text-align: left;
}
.vfxs .slidetxt {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 30px;
color: #666666;
text-align: left;
}
.vfxs span.numb {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-size: 174px !important;
position: absolute;
top: -67px;
}
.vfxs .head {
left: 125px;
top: 42px !important;
}
.vfxs .bolld {
font-weight: 700;
color: #ffffff;
font-size: 11px;
}
.vfxs .slider.slider-for1.w-100.slick-initialized.slick-slider.slick-dotted {
display: none;
}
.vfxs {
display: none;
}
@media only screen and (max-width:821px) {
.vfxs .slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 51px !important;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.gtts {
text-align: center;
margin: 0 auto;
display: flex;
}
.vfxs {
height: auto !important;
}
.rspt {
height: auto !important;
}
.vr {
position: relative;
top: 0px;
}
}
/* ----- */
img.pkik {
animation: scroll 50s linear infinite;
}
.slider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.slide-track {
width: 100%;
display: flex;
gap: 1em;
overflow: hidden;
padding: 6px;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-800%);
}
}
/* ----- */
.bg-sticky_red_phone_iconfb {
z-index: 999;
position: relative;
width: 29px;
height: 24px;
background: url(assets/images/css_sprites.png) -878px -120px;
}
.bg-sticky_red_message_iconlinkedin {
z-index: 999;
position: relative;
width: 29px;
height: 24px;
background: url(assets/images/css_sprites.png) 430px -28px;
}
.bg-sticky_red_message_iconinstagram {
z-index: 999;
position: relative;
width: 32px;
height: 32px;
background: url(assets/images/instagram-icon-new.png) no-repeat;
position: relative;
top: 5px;
}
.bg-sticky_red_mobile_icontwitter {
width: 30px;
height: 23px;
background: url(assets/images/css_sprites.png) -696px -108px;
z-index: 999;
position: relative;
}
.visually-hidden-find-us {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.revamp-footer .down .link-box4.linkbox {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0.5rem 0 1.25rem;
}
.revamp-footer .down .link-box4-inline {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1.25rem;
margin-top: 1rem;
padding: 1.1rem 1.25rem;
border-radius: 14px;
background: rgba(0, 0, 0, 0.22);
border: none;
}
.revamp-footer .down .link-box4-inline.find-us-oneline {
flex-wrap: nowrap;
gap: 1.25rem;
justify-content: space-evenly;
align-items: center;
}
.revamp-footer .down .find-us-pill {
display: inline-flex;
flex-shrink: 0;
padding: 0.45rem 0;
border-radius: 0;
background: transparent;
border: none;
text-decoration: none;
font-size: clamp(12px, 1.35vw, 15px);
color: #fff;
white-space: nowrap;
}
.revamp-footer .down .find-us-pill:visited {
color: #fff;
}
.revamp-footer .down .find-us-pill:hover {
color: #6f8e39 !important;
}
.revamp-footer .down .find-us-address {
flex: 0 1 auto;
min-width: 0;
text-align: center;
font-size: clamp(11px, 1.35vw, 15px);
line-height: 1.35;
padding: 0;
color: #fff;
opacity: 1;
white-space: nowrap;
}
.revamp-footer .down .find-us-social {
display: inline-flex;
flex-shrink: 0;
align-items: center;
gap: 1.25rem;
}
.revamp-footer .down .find-us-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
min-width: 48px;
min-height: 48px;
aspect-ratio: 1;
border-radius: 50%;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.06);
border: 1.5px solid rgba(255, 255, 255, 0.45);
text-decoration: none;
transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.revamp-footer .down .find-us-social a > div {
flex-shrink: 0;
}
.revamp-footer .down .find-us-social a:hover {
opacity: 1;
transform: translateY(-2px);
border-color: rgba(14, 193, 180, 0.85);
background: rgba(14, 193, 180, 0.14);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.revamp-footer .down .find-us-social a:focus-visible {
outline: 2px solid #6f8e39;
outline-offset: 3px;
}
.revamp-footer .down .link-box4-inline p.map-link {
margin: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-top: 0 !important;
}
.revamp-footer .down .link-box4-inline p.map-link::before {
display: none !important;
}
.revamp-footer .down .link-box4-inline p.map-link a {
display: inline-flex;
align-items: center;
padding: 0.45rem 1.15rem;
border-radius: 999px;
border: 1px solid rgba(14, 193, 180, 0.5);
text-decoration: none;
letter-spacing: 0.03em;
}
.revamp-footer .down .link-box4-inline p.map-link a:hover {
background: rgba(14, 193, 180, 0.12);
}
@media (max-width: 767px) {
.revamp-footer .down .link-box4-inline.find-us-oneline {
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 1rem 1.25rem;
gap: 1.25rem;
scrollbar-width: thin;
}
.revamp-footer .down .find-us-address {
text-align: left;
flex: 0 0 auto;
max-width: min(52vw, 220px);
white-space: normal;
}
}
/* ----- */
.revamp-footer .up .right form input[type=button] {
width: auto;
display: inline-block;
margin: 0;
border: 1px solid #bd2d35;
background-color: #bd2d35;
font-weight: 700;
font-size: 16px;
color: #fff;
padding: 19px 43px 19px 43px;
margin-top: 10px;
}
div#emailSendResult {
color: #ffffff;
padding-top: 0;
position: relative;
top: 20px;
left: 17px;
}
div#emailSendResult11 {
color: #ffffff;
padding-top: 10px;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.link-box3.linkbox.ifh {
margin-top: 0;
}
.hideonmob_foot {
display: none !important;
}
.revamp-footer .down .linkbox h2 {
padding-bottom: 0;
margin-bottom: 7px;
}
body .revamp-footer .up .left p.foott {
padding-bottom: 20px !important;
}
}
.revamp-footer .down .linkbox h2 {
padding-bottom: 0 !important;
}
.captcha-container {
color: #fff !important;
font-weight: bold;
display: flex;
}
#captcha-result {
width: 70px;
}
input#captcha-result::-webkit-inner-spin-button,
input#captcha-result::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input#captcha-result {
margin-bottom: 0;
-moz-appearance: textfield;
padding: 4px;
font-size: 14px;
}
.captcha-container {
color: #fff !important;
font-weight: bold;
display: flex;
align-items: center;
font-size: 15px !important;
}
.captcha-container span {
margin: 0 7px;
}
.captcha-container strong {
font-size: 15px;
margin-right: 6px;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.cptref {
font-size: 10px !important;
padding: 2px 9px !important;
margin: 0 !important;
margin-left: 10px !important;
}
.revamp-footer .up .left p.foott {
line-height: 1.3;
}
.revamp-footer .up .left p.foott {
font-size: 23px !important;
color: #ffffff !important;
font-weight: 700 !important;
margin: 0 !important;
padding-bottom: 40px !important;
font-family: Montserrat, sans-serif;
letter-spacing: 0.5px !important;
}
.revamp-footer h2,
.revamp-footer h4,
.revamp-footer .fillu,
p.whow {
font-family: Montserrat, sans-serif;
}
/* ----- */
/* One-page home: full-width header + no horizontal scroll / scrollbar jump between sections */
html {
scrollbar-gutter: stable;
}
body.home-header {
overflow-x: hidden;
max-width: 100%;
}
/*
* mega-header05cd sets `.home-header .mega-header { position: absolute }` without left/right,
* so the bar shrink-wraps to inner content and leaves empty space on the viewport edge.
*/
body.home-header .mega-header {
left: 0;
right: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
/*--css--*/
.card-body p,
.card-body li {
font-size: 15px;
}
#section-9 {
position: relative;
overflow: hidden;
padding: 80px 0 50px;
background-color: #f3f6ef;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='3' cy='3' r='1.5' fill='%236f8e39' fill-opacity='0.1'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cpath fill='none' stroke='%236f8e39' stroke-opacity='0.06' d='M44 6 L82 44 L44 82 L6 44 Z'/%3E%3Ccircle cx='44' cy='44' r='26' fill='none' stroke='%2341baa5' stroke-opacity='0.07'/%3E%3C/svg%3E"),
radial-gradient(ellipse 85% 60% at 8% 18%, rgba(111, 142, 57, 0.11), transparent 58%),
radial-gradient(ellipse 70% 55% at 94% 82%, rgba(65, 186, 165, 0.09), transparent 52%),
linear-gradient(168deg, rgba(255, 255, 255, 0.94) 0%, rgba(243, 246, 239, 0.98) 42%, rgba(237, 244, 232, 1) 100%);
background-size:
24px 24px,
88px 88px,
100% 100%,
100% 100%,
100% 100%;
background-position:
0 0,
44px 22px,
center,
center,
center;
}
#section-9 > .container {
position: relative;
z-index: 1;
}
#section-9::before {
content: '';
position: absolute;
pointer-events: none;
z-index: 0;
width: clamp(260px, 46vw, 440px);
height: clamp(260px, 46vw, 440px);
top: -6%;
left: -7%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 280' fill='none'%3E%3Ccircle cx='140' cy='140' r='118' stroke='%236f8e39' stroke-opacity='0.14' stroke-width='1.5' stroke-dasharray='10 16'/%3E%3Ccircle cx='140' cy='140' r='78' stroke='%2341baa5' stroke-opacity='0.12'/%3E%3Cpath stroke='%236f8e39' stroke-opacity='0.1' stroke-width='1.2' d='M48 200 Q140 48 232 200'/%3E%3C/svg%3E") no-repeat center / contain;
opacity: 0.85;
}
#section-9::after {
content: '';
position: absolute;
pointer-events: none;
z-index: 0;
width: clamp(220px, 40vw, 380px);
height: clamp(220px, 40vw, 380px);
bottom: -4%;
right: -6%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260' fill='none'%3E%3Crect x='52' y='52' width='156' height='156' rx='28' stroke='%236f8e39' stroke-opacity='0.13' stroke-width='1.5' transform='rotate(22 130 130)'/%3E%3Crect x='82' y='82' width='96' height='96' rx='18' stroke='%2341baa5' stroke-opacity='0.11' transform='rotate(-14 130 130)'/%3E%3C/svg%3E") no-repeat center / contain;
opacity: 0.9;
}
@media only screen and (max-width: 767px) {
#section-9::before,
#section-9::after {
opacity: 0.45;
}
}
.testimonial-section-col-right1 .slick-dots {
display: none !important;
}
.learn-btn a:hover {
background: linear-gradient(to bottom right, #f9b416, #41baa5);
color: #fff;
transition: .5s;
}
.learn-btn a {
border: 1px solid transparent;
border-image: linear-gradient(45deg, #17c0ae, #f9b416);
border-image-slice: 1;
padding: 18px 35px;
font-size: 16px;
color: #231e2b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
}
.revamp-roi .roi-main .left .counter {
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 0px;
}
.revamp-roi .roi-main .left p.expend {
font-size: 19px !important;
width: 78%;
line-height: 35px;
}
.revamp-roi .roi-main .left p.expend {
font-size: 19px;
width: 78%;
line-height: 35px;
}
.revamp-roi .roi-main .left p.expend {
font-size: 21px;
width: 72%;
line-height: 29px;
}
.revamp-roi .roi-main .left p.expend {
font-size: 24px;
width: 78%;
line-height: 35px;
}
.revamp-roi .roi-main .left p.expend {
color: #6f8e39;
font-size: 27px;
font-weight: 600;
width: 74%;
line-height: 19px;
letter-spacing: .5px;
margin: 0;
}
.rspt11 {
background: url(img/digital-marketing-bg.webp);
background-position: 50% 50%;
background-attachment: fixed;
background-size: cover;
}
.revamp-about .main-box.boxxx,
.boxxx .revamp-roi .roi-main {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.boxxx .about-tbox {
padding: 45px;
width: 100%;
opacity: 1;
max-width: 100%;
min-width: 100%;
border-radius: 25px;
border: 4px solid #ffffff;
position: relative;
}
.boxxx .about-tbox::after {
content: "";
background: #ffffffbd;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
display: block;
z-index: 0;
border-radius: 20px;
}
.boxxx p {
text-align: center;
position: relative;
z-index: 10;
}
.boxxx h2.h2 {
margin-top: 0 !important;
text-align: center;
font-weight: bold !important;
font-size: 33px !important;
position: relative;
z-index: 10;
}
.project-circle.black._3 {
display: none;
}
.project-circle {
display: none;
}
.blogs.clientel-update {
background: #ffffff;
}
/* Thumb nav sizing/active styles live under #section-3 below — avoid global !important here */
.revamp-roi .roi-main .left h3 {
color: #231e2b;
font-size: 38px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 35px;
line-height: 42px;
position: relative;
}
.revamp-about {
position: relative;
top: 0px;
}
.homepage-slider {
height: 100vh;
background: #000;
overflow: hidden;
transition: background 0.5s ease;
margin-top: 10rem;
}
.pkis {
margin-top: 5em;
}
#menu-main-area {
min-height: 500px;
}
#menu-main-area .as1 {
position: relative;
}
.three .as2 {
position: relative;
}
@media only screen and (max-width:2561px) {
p.content.ps {
margin-top: 0px;
padding-top: 0px;
font-family: poppins;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.03em;
color: #FFFFFF;
text-align: left;
opacity: 1;
background: #ffffff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.lpslide .card {
border-radius: 10px 10px 0 0px;
height: 643px !important;
width: 82%;
border: none;
padding: 20px;
background: aquamarine;
background: linear-gradient(270deg, #084E4E 0%, #0D3438 113.67%);
box-shadow: 0px -6px 12px rgb(0 0 0 / 10%);
border-radius: 20px 20px 0px 0px;
position: absolute;
bottom: 0;
}
.four .as4 {
position: relative;
width: 75%;
}
}
.five .as5 {
position: relative;
}
.sticky-top-contact-bar {
position: fixed !important;
}
.menu-icon {
position: fixed !important;
}
p.cent {
text-align: center;
}
.revamp-footer .up .right h4 {
font-size: 23px;
padding-bottom: 20px;
color: #ffffff;
line-height: 1.3 !important;
}
.revamp-footer .down .linkbox h2 {
font-size: 16px;
padding-bottom: 15px;
color: #ffffff;
}
.service-item__bg img {
width: 100%;
height: 100vh;
object-fit: cover;
}
.main-menu {
z-index: 999;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.main-transition {
z-index: 50;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
pointer-events: none;
visibility: hidden;
opacity: 0;
}
.headings-section {
width: 100%;
padding: 2.25em 0;
position: relative;
z-index: 3;
height: 100vh;
}
.custom-html--sitecore .section-container-3 .panel-2 {
z-index: 9;
opacity: 0;
transition: opacity 1.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
background: #ffffff;
perspective: 1px;
transform-style: preserve-3d;
}
.line-heading {
display: flex;
max-width: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.custom-html--sitecore .section-container-3 .panel-1 .curtain-border {
position: absolute;
left: 50%;
transform: translateX(-50%);
min-width: 980px;
height: 100%;
overflow: hidden;
top: 0rem;
}
.services .line-heading {
position: absolute;
z-index: 5;
top: 2em !important;
left: 18% !important;
}
h2.customr {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 39px;
color: #333333;
}
.logotype {
background-image: url(img/clutch.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 37px;
width: 33px;
}
.section-take-off {
position: static;
z-index: 9 !important;
}
#menu-main-area ul li:after {
position: absolute;
width: 30px;
height: 23px;
content: '';
background: url(img/arrow-angle.png);
background-size: cover;
right: 48px;
top: 0;
display: none;
}
#menu-main-area ul li a {
font-family: 'Montserrat' !important;
font-style: normal;
font-size: 20px !important;
line-height: 104% !important;
color: #FFFFFF !important;
}
#menu-main-area ul li {
color: #959391;
display: flex;
font-family: Montserrat, sans-serif;
font-size: 28px;
margin: 0 0 22px 0;
position: relative;
top: 48px;
}
.menu-link a {
font-family: 'Montserrat' !important;
font-style: normal;
font-weight: 700 !important;
font-size: 20px !important;
line-height: 104% !important;
color: #FFFFFF;
}
.menu-item {
opacity: 0;
transition: opacity 0s ease-in 600ms, opacity 600ms;
position: relative;
}
.menu-item:after {
display: block;
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
transition: width 600ms;
}
.menu-item-hover:hover .menu-item {
opacity: 1;
transition: opacity 0s ease-in 600ms, opacity 600ms;
}
.menu-item-hover:hover .menu-item:after {
width: 0;
}
@media only screen and (max-width:2561px) {
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 85px;
padding-top: 150px;
color: #FFFFFF;
}
.sticky-top-contact-bar>ul {
max-width: 100%;
width: 100% !important;
margin: 0 auto;
margin: inherit !important;
padding-top: 17px;
padding-bottom: 14px;
box-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
background-color: #fff;
padding-right: 180px;
margin-right: 0 !important;
background: url(img/subtract.png) no-repeat;
background-position: 80% 52%;
margin-top: 11px !important;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: 0;
background: url(img/iconresponsive.png) no-repeat;
width: 6%;
height: 6%;
z-index: 999999999999999 !important;
cursor: pointer;
}
.sticky-top-contact-bar.sticky>ul {
background-position: 75% 52%;
}
}
@media only screen and (max-width:1800px) {
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 85px;
padding-top: 50px !important;
color: #FFFFFF;
}
}
@media only screen and (max-width:1708px) {
.slide-txt p{
max-width:500px;
}
.lpslide .card {
height: 534px !important;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 181px;
padding-top: 27px !important;
color: #FFFFFF;
}
p.content.ps {
margin-top: 0px;
padding-top: 0px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.03em;
color: #FFFFFF;
text-align: left;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 181px;
padding-top: 0px;
color: #FFFFFF;
}
.sticky-top-contact-bar>ul {
max-width: 100%;
width: 100% !important;
margin: 0 auto;
margin: inherit !important;
padding-top: 17px;
padding-bottom: 14px;
box-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
background-color: #fff;
padding-right: 140px;
margin-right: 0 !important;
background: url(img/subtract.png) no-repeat;
background-position: 80% 52%;
margin-top: 11px !important;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: 0;
background: url(img/iconresponsive.png) no-repeat;
width: 5%;
height: 10%;
z-index: 999999999999999 !important;
cursor: pointer;
}
}
@media only screen and (max-width:1536px) {
.revamp-about .about-tbox p {
font-size: 12px;
width: 95%;
line-height: 28px;
padding-bottom: 15px;
}
.line-heading .outline-text {
z-index: 1;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 59px !important;
line-height: 0 !important;
color: #FFFFFF;
}
span.numb {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-size: 209px !important;
}
.head {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 34px;
line-height: 41px !important;
}
.head {
left: 125px;
top: 0 !important;
}
h3.head {
left: 125px;
top: 0 !important;
position: relative;
}
h2.customr {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 34px;
color: #333333;
}
#menu-main-area ul {
margin-top: 0;
margin-bottom: 10px;
padding-top: 150px !important;
padding-bottom: 3px;
padding-left: 40px;
height: 1000px;
}
p.textcol {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px !important;
line-height: 31px;
color: #FFFFFF;
}
p.textcol1 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px !important;
line-height: 27px;
color: #FFFFFF;
}
.slide-txt .h1{
font-size: 30px;
}
.slider_frm{
margin: 0 0 0 20px;
}
}
@media only screen and (max-width:1440px) {
.slide-txt {
margin-top: 30px;
}
p.pkk {
font-size: 17px !important;
margin-bottom: 20px ;
}
p.ss {
font-size: 40px !important;
line-height: 1.1 !important;
}
.asadw {
font-size: 40px;
}
.service-item__img p {
font-size: 14px;
}
.h2-bigger {
font-size: 30px !important;
}
.revamp-roi .roi-main .left h3 {
font-size: 35px;
padding-bottom: 15px;
}
.revamp-roi .roi-main .left h4 {
font-size: 19px;
width: 78%;
line-height: 23px;
}
.revamp-roi .roi-main .left p {
margin-bottom: 0;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 28px;
width: 95%;
padding-bottom: 0;
}
.revamp-roi .roi-main .left h4 {
font-size: 19px;
width: 78%;
line-height: 23px;
}
.revamp-roi .roi-main .left .counter {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-top: 30px;
}
.revamp-roi .roi-main .left p.learn-btn {
padding-bottom: 0;
margin-top: 45px;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 85px;
padding-top: 46px;
color: #FFFFFF;
}
.revamp-about .about-tbox p {
color: #000000;
font-weight: 400;
font-size: 14px;
width: 97%;
line-height: 20px !important;
padding-bottom: 0px;
}
.services .line-heading {
position: absolute;
z-index: 5;
top: 3em !important;
left: 18% !important;
}
span.numb {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-size: 140px !important;
}
.head {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 27px !important;
line-height: 28px !important;
color: #FFFFFF;
position: relative;
left: 62px !important;
top: -52px;
padding-bottom: 29px;
}
img.pkk {
width: 50%;
}
.revamp-about .about-tbox p {
font-size: 12px;
width: 95%;
line-height: 22px;
padding-bottom: 15px;
}
.line-heading .outline-text {
z-index: 1;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 51px;
line-height: 85px;
color: #FFFFFF;
}
span.numb {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-size: 172px;
}
.head {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 52px;
color: #FFFFFF;
}
p.descri {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.03em;
color: #FFFFFF;
}
#menu-main-area ul {
margin-top: 0;
margin-bottom: 10px;
padding-top: 100px;
padding-bottom: 3px;
padding-left: 40px;
}
p.textcol {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 14px !important;
line-height: 28px !important;
color: #FFFFFF;
}
p.textcol1 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 10px !important;
line-height: 20px !important;
color: #FFFFFF;
}
.sticky-top-contact-bar>ul {
max-width: 100%;
width: 100% !important;
margin: 0 auto;
margin: inherit !important;
padding-top: 17px;
padding-bottom: 14px;
box-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
background-color: #fff;
padding-right: 130px;
margin-right: 0 !important;
background: url(img/subtract.png) no-repeat;
background-position: 80% 52%;
margin-top: 11px !important;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: 0;
top: 13px !important;
background: url(img/iconresponsive.png) no-repeat;
width: 5%;
height: 10%;
z-index: 999999999999999 !important;
cursor: pointer;
}
.sticky-top-contact-bar.sticky>ul {
background-position: 71% 52%;
}
.revamp-about .about-tbox h2 {
font-size: 18px;
padding-bottom: 0px;
}
.custom-html--sitecore .section-container-3 .panel-2 .new-row {
margin-top: 0;
transition: margin 0.6s ease;
}
}
@media only screen and (max-width:1367px) {
.clientel-update {
padding-bottom: 0px;
height: 100vh !important;
}
.revamp-roi .roi-main .left .count-box h3 span {
font-size: 47px;
}
.revamp-roi .roi-main .left p {
margin-bottom: 0;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 28px;
width: 95%;
padding-bottom: 0 !important;
}
.lpslide .card {
height: 78% !important;
}
.col-lg-6.content {
max-width: 40%;
}
.col-lg-6.title {
padding-left: 68px;
max-width: 60%;
flex: 0 0 60%;
}
.revamp-about .about-tbox p {
color: #000000;
font-weight: 400;
font-size: 17px;
width: 97%;
line-height: 27px;
padding-bottom: 0 !important;
}
.revamp-footer .up .left h3 {
font-size: 34px;
color: #ffffff;
font-weight: 700;
margin: 0;
padding-bottom: 40px;
letter-spacing: 0.5px;
}
}
@media only screen and (max-width:1279px) {
#menu-main-area ul li a {
font-size: 14px;
}
}
@media only screen and (max-width:1280px) {
.headings-section {
width: 100%;
padding: 2.25em 0;
position: relative;
z-index: 3;
height: 800px !important;
}
.revamp-roi .roi-main .left p {
margin-bottom: 0;
color: #000000;
font-size: 12px;
font-weight: 400;
line-height: 28px;
width: 95%;
padding-bottom: 0px !important;
}
.revamp-roi .roi-main .left p.learn-btn {
padding-bottom: 0;
margin-top: 17px !important;
}
.clientel-update .head-tbox h2 {
color: #030303;
font-size: 48px;
text-transform: capitalize;
font-weight: bold;
line-height: 40px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 34px !important;
line-height: 38px !important;
color: #000000;
}
.revamp-about .about-tbox h2 {
font-size: 15px;
padding-bottom: 0px;
}
#menu-main-area .menu-link img {
width: 9%;
display: flex;
}
#menu-main-area ul li a {
font-family: 'Montserrat' !important;
font-style: normal;
line-height: 104% !important;
color: #FFFFFF !important;
}
img.clutch {
width: 75%;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: -6px !important;
margin-top: 0px !important;
top: 8px !important;
background: url(img/iconresponsive.png) no-repeat;
width: 6% !important;
height: 100%;
z-index: 999999999999999 !important;
cursor: pointer;
}
.revamp-roi .roi-main .left h4 {
font-size: 15px !important;
width: 78%;
line-height: 21px !important;
}
.revamp-roi .roi-main .left .counter {
padding-top: 14px;
}
.revamp-roi .roi-main .left .count-box h5 {
margin: 0;
color: #231e2b;
font-weight: 700;
font-size: 15px !important;
text-transform: capitalize;
}
#content {
width: 100vw;
height: 100vh;
margin-top: 0 !important;
}
.revamp-about .about-tbox p {
font-size: 12px !important;
}
.sticky-top-contact-bar>ul {
max-width: 100%;
width: 100% !important;
margin: 0 auto;
margin: inherit !important;
padding-top: 17px;
padding-bottom: 14px;
box-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
background-color: #fff;
padding-right: 100px;
margin-right: 11px !important;
background: url(img/subtract.png) no-repeat;
background-position: 80% 52%;
margin-top: 11px !important;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: 0;
background: url(img/iconresponsive.png) no-repeat;
width: 5%;
height: 100%;
z-index: 999999999999999 !important;
cursor: pointer;
}
}
@media only screen and (max-width: 992px) {
.revamp-roi .roi-main .left .count-box p.prot {
font-size: 12px !important;
}
.revamp-roi .roi-main .expend {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.revamp-roi .roi-main .right {
display: none;
}
.service-item__list-wrapper.new_list li {
width: 100%;
}
.col-md-6.testimonial-section-col-right1.clearfix.bg-orange-1.p-2 {
padding-bottom: 0 !important;
}
.testimonial-section-col-content-holder1.clearfix.p-2.slick-slide .col-md-6:last-child {
padding: 0 !important;
}
.testimonial-section-col-content-holder1 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
section.headings-section {
height: auto !important;
}
.vfxs .slick-slide {
height: 100% !important;
}
#carouselExampleIndicators .col-lg-6.title,
#carouselExampleIndicators .col-lg-6.content {
max-width: 100% !important;
flex: 0 0 100%;
}
#carouselExampleIndicators .col-lg-6.content img {
width: 319px;
}
}
@media only screen and (max-width:1024px) {
#section-8 {
padding-left: 20px !important;
padding-right: 20px !important;
}
#portfolioo {
padding: 50px 0 !important;
}
.margin-30px-project,
.h2-bigger._1 {
margin-top: 0 !important;
margin-bottom: 0;
}
.clientel-update {
padding-bottom: 0px;
height: 59vh !important;
}
.sticky-top-contact-bar>ul {
max-width: 100%;
width: 100% !important;
margin: 0 auto;
margin: inherit !important;
padding-top: 17px;
padding-bottom: 14px;
box-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
background-color: #fff;
padding-right: 41px;
margin-right: 53px !important;
background: url(img/subtract.png) no-repeat;
background-position: 114% 52%;
margin-top: 5px !important;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: 0;
top: 19px !important;
background: url(img/iconresponsive.png) no-repeat;
width: 5%;
height: 9%;
z-index: 999999999999999 !important;
cursor: pointer;
}
.revamp-about .about-tbox p {
font-size: 14px !important;
line-height: 1.6 !important;
}
.clientel-update .view-button {
text-align: center;
width: 100%;
margin: 0;
margin-top: 0;
text-align: left;
padding-left: 0px !important;
}
#menu-main-area ul li.as a {
font-size: 11px !important;
font-weight: 400 !important;
}
}
.menu-icon span {
display: none;
}
.menu-icon.sticky {
position: fixed;
left: 94%;
bottom: 8%;
}
.sticky {
height: 5.3rem;
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
a.pk {
border: 1px solid transparent;
border-image: linear-gradient(45deg, #17c0ae, #f9b416);
border-image-slice: 1;
padding: 18px 35px;
font-size: 16px;
color: #231e2b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #ffffff;
}
a.pk:hover {
background: linear-gradient(to bottom right, #f9b416, #41baa5);
color: #fff;
transition: 0.5s all;
}
.view-button.neww {
margin-top: 40px;
}
.revamp-about .about-tbox p.about-btn {
padding-bottom: 0;
margin-bottom: 0;
margin-top: 18px;
}
.custom-html--sitecore .section-container-3 .panel-2 .new-row.isactive {
margin-top: 4vh;
}
.clientel-update .head-tbox h2 {
color: #030303;
font-size: 48px;
text-transform: capitalize;
font-weight: bold;
line-height: 40px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 65px;
color: #000000;
}
.custom-html--sitecore .section-container-3 .panel-2 .new-row {
margin-top: 19px;
transition: margin 0.6s ease;
}
.revamp-about.panel.panel-2 .container {
max-width: 1920px !important;
width: 100%;
margin: 0 auto;
padding: 0;
}
.h-100vh{
height: 100vh;
}
.fullscreen.lp {
height: 89vh;
max-height: 89vh;
}
.fullscreen {
width: 100%;
min-width: 0;
max-width: none;
height: 120vh;
max-height: 120vh;
}
/* .update-header-s .bg-sticky_red_phone_icon {
margin-top: 3px;
width: 18px;
height: 17px;
background: url(https://www.Conxeptrix Inc.ae/assets/images/css_sprites.png) -243px -182px;
z-index: 999;
position: relative;
}
.update-header-s .bg-sticky_red_mobile_icon {
margin-top: 3px;
width: 18px;
height: 17px;
background: url(https://www.Conxeptrix Inc.ae/assets/images/css_sprites.png) -111px -183px;
z-index: 999;
position: relative;
}
.update-header-s .bg-sticky_red_message_icon {
margin-top: 3px;
width: 18px;
height: 17px;
background: url(https://www.Conxeptrix Inc.ae/assets/images/css_sprites.png) -204px -182px;
z-index: 999;
position: relative;
} */
div#tawk-bubble-container {
display: none;
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
.clientel-update .view-button {
text-align: center;
width: 100%;
margin: 0;
margin-top: 30px;
text-align: left;
padding-left: 0px;
}
.clientel-update .image-box a img {
width: 100%;
object-fit: contain;
height: auto !important;
}
.clientel-update .head-tbox {
padding-bottom: 30px;
text-align: left;
padding-left: 0px;
}
.blogs.clientel-update .head-tbox {
padding-bottom: 30px;
text-align: left;
padding-left: 0px;
}
.clientel-update .image-box {
display: flex;
justify-content: flex-end;
align-content: flex-end;
flex-wrap: wrap;
text-align: center;
flex-direction: row;
}
.blogs {
padding-top: 50px !Important;
}
.clientel-update .image-box a {
width: 20%;
padding-bottom: 9px !important;
align-items: center;
display: flex;
justify-content: center;
}
.clientel-update {
padding-bottom: 0px;
height: 100vh;
}
.readyy {
position: relative;
width: 80%;
height: 256px;
left: 0;
top: 0;
background: #F7B318;
text-align: center;
margin: 0 auto;
}
span.imgt {
position: relative;
top: -10px;
}
p.rdey {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-size: 80px;
line-height: 3;
text-transform: uppercase;
color: #000000;
}
h2.tp {
text-align: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 59px;
text-align: center;
color: #000000;
}
span.cursor.uk {
color: #ffffff;
position: relative;
top: 18px;
padding-left: 10px;
padding-top: 12px;
}
.cursor.hovered {
cursor: pointer !important;
opacity: 1;
}
p.textcol {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 40px;
color: #FFFFFF;
}
p.textcol1 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 27px;
color: #FFFFFF;
}
.menu-icon.cancel {
background: url(img/close.png) no-repeat;
width: 100%;
left: 95%;
height: 60px;
}
.menu-icon.sticky.cancel {
background: url(img/close.png) no-repeat;
width: 100%;
}
.menu-area-wraper {
display: flex;
justify-content: flex-start;
align-items: start;
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
padding: 0;
margin-top: 0px;
height: 100%;
}
span.ah {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #666666;
}
span.ah:nth-child(2) {
border-right: 1px dashed #AFAFAF;
padding-right: 10px;
}
span.ah:first-child {
border-right: 1px dashed;
padding: 4px;
}
.blogs .blog-post ul li .categories h4 {
background-color: #ff0000;
color: #fff;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 12px 5px;
border-radius: 5px;
text-align: center;
width: 34%;
}
.blogs .head-tbox h2 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 59px;
text-align: center;
color: #000000;
}
.blogs .blog-post ul li {
width: 49%;
list-style: none;
margin-bottom: 50px;
position: relative;
}
.blogs .blog-post ul li img {
height: 283px;
}
.blogs .blog-post ul li .tbox {
height: auto;
}
.blogs .blog-post ul li .tbox {
height: 275px;
background-color: rgb(255, 255, 255);
box-shadow: -1.877px 11.852px 27px 0px rgb(62 61 60 / 8%);
padding: 15px 17px 15px 17px;
margin-top: -91px;
position: relative;
width: 100%;
margin: -35px auto 0;
padding: 27px;
}
.ts {
padding-bottom: 14px;
}
.blogs .view-button {
text-align: left;
padding-left: 0px;
}
.menu-col1.two:hover {
background: brown;
height: 100%;
}
.menu-col1.one:hover {
background: black;
height: 100%;
background: linear-gradient(to right, transparent 50%, #433bb5 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
}
.menu-col1.two:hover {
background: black;
height: 100%;
background: linear-gradient(to right, transparent 50%, #c42626 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
}
.menu-col1.three:hover {
background: black;
height: 100%;
background: linear-gradient(to right, transparent 50%, #1b8b83 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
}
.menu-col1.four:hover {
background: black;
height: 100%;
background: linear-gradient(to right, transparent 50%, green 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
}
.menu-col1.five:hover {
background: black;
height: 100%;
background: linear-gradient(to right, transparent 50%, #053266 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
}
ul.list-inline.ttrrt {
position: relative;
top: 0px;
left: -9px;
z-index: 9;
}
.revamp-footer .up .left h3 {
line-height: 40px;
}
.message_show {
color: #fff;
text-align: center;
position: relative;
top: 10px;
}
.sticky {
height: auto;
}
.collection-list-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 4%;
}
p.about-btnty11 {
text-align: left;
margin-left: 0px;
margin-top: 45px;
position: absolute;
}
html,
body {
height: 100vh;
}
a.lppp {
position: absolute;
z-index: 9;
top: 88%;
font-size: 35px;
left: 50%;
}
a.lpppt {
position: sticky;
z-index: 9;
top: 90%;
font-size: 35px;
left: 49.2%;
}
video.vid-s {
height: 100vh;
object-fit: cover;
width: 100%;
}
.rt a span {
position: absolute;
top: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
border: 0px solid #cc0c0c;
border-radius: 100%;
}
.rt a span::after {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 1px solid #cc0c0c;
border-bottom: 1px solid #cc0c0c;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rt a span::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 rgba(255, 255, 255, .1);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb03 3s infinite;
animation: sdb03 3s infinite;
}
@-webkit-keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
opacity: 0;
}
100% {
opacity: 0;
}
}
.rt.ps a span {
position: absolute;
top: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
border: 1px solid #000000;
border-radius: 100%;
}
.rt.ps a span::after {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 2px solid #000000;
border-bottom: 2px solid #000000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rt.ps a span::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 rgba(255, 255, 255, .1);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb031 3s infinite;
animation: sdb031 3s infinite;
}
@-webkit-keyframes sdb031 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb031 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
opacity: 0;
}
100% {
opacity: 0;
}
}
.blogs .blog-post ul li .tbox h2 a {
font-size: 15px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #000000;
}
.blogs .blog-post ul li .tbox p {
font-size: 13px;
line-height: 22px;
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 24px;
color: #666666;
}
.revamp-footer .up .left:after {
content: "";
position: absolute;
border: 1px solid #464646;
height: 339px;
right: 4%;
top: 0;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 32px;
line-height: 36px;
font-weight: 700;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 39px;
color: #333333;
}
.pt {
position: absolute;
top: 7px;
left: 12px;
}
#menu-main-area ul {
margin-top: 0;
margin-bottom: 10px;
padding-top: 250px;
padding-bottom: 3px;
padding-left: 40px;
}
.menu-area {
position: fixed;
background-image: url(optimized_img/bgmenu.webp);
background-size: cover;
background-position: center center;
}
#menu-main-area ul li a:hover {
color: #ffffff !important;
}
.col-lg-6.title {
padding-left: 68px;
}
html,
body,
.container,
.carousel,
.carousel-inner,
.carousel-item .lpslide {
height: 100%
}
.conh {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 35px;
line-height: 51px;
color: #FFFFFF;
text-align: left;
padding-left: 12px;
}
.container.lpslide {
display: flex;
justify-content: center;
align-items: flex-start;
}
.lpslide h1 {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
text-align: center;
color: #fff;
}
.lpslide .card {
border-radius: 10px 10px 0 0px;
height: 550px;
width: 82%;
border: none;
padding: 20px;
background: aquamarine;
background: linear-gradient(270deg, #084E4E 0%, #0D3438 113.67%);
box-shadow: 0px -6px 12px rgb(0 0 0 / 10%);
border-radius: 20px 20px 0px 0px;
position: absolute;
bottom: 0;
}
.carousel-item {
z-index: 2;
}
.carousel-item>.row {
margin: 0;
}
.title {
color: #fff;
text-align: center;
}
.bgTitle {
background: linear-gradient(270deg, #b7b7b7 0%, #5a5a5a 113.67%);
box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.1);
border-radius: 20px 20px 0px 0px;
position: absolute;
z-index: 1;
/* Fill .carousel-inner on all viewports; sizing was only set for ≥576px, so mobile had no visible gradient */
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.title p {
font-family: 'Big Shoulders Display';
font-style: normal;
font-weight: 700;
font-size: 145px;
line-height: 129px;
letter-spacing: 0.03em;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
opacity: 0.5;
text-align: left;
}
#carouselExampleIndicators .col-lg-6.title p.content.ps {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.03em;
color: #FFFFFF;
text-align: left;
background: none;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: #FFFFFF;
opacity: 1;
}
.btn-next {
position: absolute;
bottom: 15px;
right: 15px;
width: 100px;
border-radius: 20px;
background-color: #316e99;
color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
z-index: 3;
}
input {
background-color: transparent !important;
}
.carousel .carousel-item-next.carousel-item-left,
.carousel .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel .carousel-item-next,
.carousel .active.carousel-item-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100% 0);
}
.carousel .carousel-item-prev,
.carousel .active.carousel-item-left {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.carousel-indicators {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 40px;
left: -98%;
width: auto;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.carousel-indicators li {
display: block;
margin-bottom: 0px;
border-radius: 50px;
width: 13px;
height: 0px;
background: #BDBDBD;
transition: all ease 0.6s;
border-bottom: 0px solid transparent;
}
.carousel-indicators li.active {
background: transparent;
width: 15px;
border-radius: 92px;
height: 11px;
border: 1px solid #ffffff;
position: relative;
top: -1px;
}
.active p.whitee {
background: #ffffff;
width: 6px;
height: 6px;
position: relative;
border-radius: 12px;
left: 5px;
top: 2px;
}
@media (min-width: 576px) {
.bgTitle {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.content {
padding: 15px;
}
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
.bgTitle {
height: 100%;
width: 100%;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media (min-width: 1200px) {}
.animation-element1 {
opacity: 0;
position: relative;
}
.animation-element1.slide-left1 {
opacity: 0;
-moz-transition: all 800ms linear;
-webkit-transition: all 800ms linear;
-o-transition: all 800ms linear;
transition: all 800ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.animation-element1.slide-left1.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element1.slide-left1.testimonial {
float: left;
width: 47%;
margin: 0% 1.5% 3% 1.5%;
background: #F5F5F5;
padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
border: solid 1px #EAEAEA;
}
.animation-element1.slide-left1.testimonial:hover,
.animation-element1.slide-left1.testimonial:active {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
.animation-element1.slide-left1.testimonial:nth-of-type(odd) {
width: 48.5%;
margin: 0% 1.5% 3.0% 0%;
}
.animation-element1.slide-left1.testimonial:nth-of-type(even) {
width: 48.5%;
margin: 0% 0% 3.0% 1.5%;
}
.animation-element1.slide-left1.testimonial .header {
float: left;
width: 100%;
margin-bottom: 10px;
}
.animation-element1.slide-left1.testimonial .left {
float: left;
margin-right: 15px;
}
.animation-element1.slide-left1.testimonial .right {
float: left;
}
.animation-element1.slide-left1.testimonial img {
width: 65px;
height: 65px;
border-radius: 50%;
box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}
.animation-element1.slide-left1.testimonial h3 {
margin: 0px 0px 5px 0px;
}
.animation-element1.slide-left1.testimonial h4 {
margin: 0px 0px 5px 0px;
}
.animation-element1.slide-left1.testimonial .content {
float: left;
width: 100%;
margin-bottom: 10px;
}
.animation-element1.slide-left1.testimonial .rating {}
.animation-element1.slide-left1.testimonial i {
color: #aaa;
margin-right: 5px;
}
@media screen and (max-width: 678px) {
.animation-element1.slide-left1.testimonial,
.animation-element1.slide-left1.testimonial:nth-of-type(odd),
.animation-element1.slide-left1.testimonial:nth-of-type(even) {
width: 100%;
margin: 0px 0px 20px 0px;
}
.animation-element1.slide-left1.testimonial .right,
.animation-element1.slide-left1.testimonial .left,
.animation-element1.slide-left1.testimonial .content,
.animation-element1.slide-left1.testimonial .rating {
text-align: center;
float: none;
}
.animation-element1.slide-left1.testimonial img {
width: 85px;
height: 85px;
margin-bottom: 5px;
}
}
.containerpk.cf {
text-align: center;
}
.imgmenu {
width: 95%;
float: left;
text-align: left;
position: relative;
left: -38px;
top: 52px;
height: auto;
transform: translatey(0px);
animation: float 6s ease-in-out infinite;
}
.imgmenu1 {
width: 95%;
float: left;
text-align: left;
position: relative;
left: 0px;
top: 52px;
}
.imgmenu2 {
width: 95%;
float: left;
text-align: left;
position: relative;
left: 0px;
top: 52px;
}
@media only screen and (max-width:1708px) {
.revamp-roi .roi-main .left p.learn-btn {
padding-bottom: 0;
margin-top: 8px;
}
.revamp-roi .roi-main .left .count-box h5 {
margin: 0;
color: #231e2b;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.revamp-roi .roi-main .left h4 {
font-size: 19px;
width: 78%;
line-height: 35px;
}
.revamp-roi .roi-main .left p {
margin-bottom: 0;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 28px;
width: 95%;
padding-bottom: 35px;
}
.cluthc {
padding-bottom: 5px;
}
img.clutch {
width: 35%;
}
.revamp-about .about-tbox p {
color: #000000;
font-weight: 400;
font-size: 14px;
width: 97%;
line-height: 23px;
padding-bottom: 0px;
}
h2.customr {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #333333;
margin-top: 4px;
}
img.pkk {
width: 60%;
}
}
@media only screen and (max-width:1399px) {
.revamp-about .about-tbox p.about-btn {
padding-bottom: 0;
margin-bottom: 0;
margin-top: 14px;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 0;
padding-top: 60px;
color: #FFFFFF;
}
.clientel-update .view-button {
text-align: center;
width: 100%;
margin: 0;
margin-top: 0;
text-align: left;
padding-left: 57px;
}
.clientel-update .head-tbox h2 {
color: #030303;
font-size: 48px;
text-transform: capitalize;
font-weight: bold;
line-height: 40px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 44px;
line-height: 52px;
color: #000000;
}
.blogs .view-button {
text-align: left;
padding-left: 0px !important;
padding-top: 20px;
}
.blogs .blog-post ul li .categories h4 {
background-color: #ff0000;
color: #fff;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 12px 2px;
border-radius: 5px;
text-align: center;
width: 39%;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 85px;
padding-top: 0px;
color: #FFFFFF;
padding-top: 40px !important;
}
.revamp-about .about-tbox p {
color: #000000;
font-weight: 400;
font-size: 13px;
width: 97%;
line-height: 20px;
padding-bottom: 0px;
}
.revamp-about .about-tbox p.about-btn {
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
}
}
@media only screen and (max-width:821px) {
p.about-btnty11 {
text-align: left;
margin-left: 0px;
margin-top: 45px;
position: relative;
}
.typoexcel {
height: auto !important;
}
.hpsr {
height: auto !important;
}
.rrttr {
height: auto !important;
}
.htre {
height: auto !important;
}
.headings-section {
width: 100%;
padding: 2.25em 0;
position: relative;
z-index: 3;
height: 650px;
}
.clientel-update {
padding-bottom: 0px;
height: 100% !important;
}
.vfxs button.slick-next.slick-arrow {
position: absolute;
right: 68px;
}
.vfxs .slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 51px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h2.blogss {
margin-top: 0rem;
}
.col-lg-6.title {
padding-left: 68px;
max-width: 100%;
flex: 0 0 100%;
}
.col-lg-6.content {
max-width: 100%;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 24px !important;
line-height: 85px;
padding-top: 0px;
color: #FFFFFF;
padding-top: 64px !important;
}
.processs {
line-height: 1.2;
padding-top: 50px !important;
}
.clientel-update .view-button a {
padding: 12px 15px;
}
.revamp-roi .roi-main .left {
width: 100%;
}
.revamp-roi .roi-main .right {
width: 100%;
}
.revamp-roi .roi-main {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.collection-item {
width: 50% !important;
transform: none !important;
}
.mobrres {
max-width: 100%;
}
.collection-item {
width: 50%;
opacity: 1 !important;
}
.hpsr {
margin-top: 0em;
}
.services-slider {
display: block;
}
.head-logo {
width: 100%;
}
ul.list-inline {
display: none;
}
.menu-icon {
display: block;
margin-top: 0;
position: absolute;
right: 0 !important;
margin-top: -5px !important;
top: 8px !important;
background: url(img/iconresponsive.png) no-repeat;
width: 9% !important;
height: 100%;
z-index: 999999999999999 !important;
cursor: pointer;
}
.revamp-about .about-tbox {
width: 100%;
}
}
#introduction {
width: 100vw;
height: 100vh;
position: relative;
z-index: 105;
cursor: pointer;
overflow: hidden;
top: 0;
left: 0;
}
#introduction .image-container {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
position: relative;
}
@media (max-width: 821px) {
#introduction .image-container {
height: 80vh;
}
}
#introduction .banner-logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 1600px;
}
#introduction .slide {
position: absolute;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
background: #fff;
}
#introduction .slide-2 {
height: 0;
}
.slide-1 {
z-index: 999;
}
.image-container {}
#content {
width: 100vw;
height: 100vh;
margin-top: 0px;
}
.head-logo img {
width: 8%;
}
.bolld {
font-weight: 700;
}
ul.service-item__list-wrapper {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 16px;
}
.service-item__list-wrapper li {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
}
@media only screen and (max-width:821px) {
.content img.img-responsive {
width: 300px !important;
position: static;
}
.testimonial-section-col-right1 {
max-width: 100%;
}
.revamp-about .main-box {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.revamp-about.flipsection .main-box {
flex-direction: column-reverse;
padding: 20px;
text-align: left;
}
#content {
width: 100vw;
height: 100% !important;
margin-top: 30px;
}
.wrapper-2 {
width: 100%;
padding-top: 29px;
padding-bottom: 29px;
}
.photo {
display: block;
-o-object-fit: contain;
object-fit: cover;
width: 100%;
}
.wrapper {
width: 100%;
}
.collection-item {
width: 50%;
}
a.lpppt {
position: sticky;
z-index: 9;
top: 90%;
font-size: 35px;
left: 49.2%;
display: none !important;
}
.lpslide .card {
border-radius: 10px 10px 0 0px;
height: 550px;
width: 100%;
}
.revamp-roi .roi-main .left h4 {
font-size: 19px;
width: 100%;
line-height: 35px;
}
.clientel-update .head-tbox {
padding-bottom: 30px;
text-align: left;
padding-left: 0;
}
.clientel-update .view-button {
text-align: center;
width: 100%;
margin: 0;
margin-top: 0;
text-align: center;
padding-left: 0 !important;
}
.clientel-update .image-box {
display: flex;
justify-content: flex-end;
align-content: flex-end;
flex-wrap: wrap;
text-align: center;
flex-direction: row;
margin-top: 0px;
}
.section-take-off.take-off.wf-section {
margin-top: 20px;
}
html {
overflow-x: hidden;
}
.op1 {
width: 45px;
}
#introduction {
display: none;
}
}
@media only screen and (max-width:736px) {
h3.conh.as {
font-size: 20px !important;
padding-left: 0 !important;
line-height: 1.3 !important;
margin-bottom: 10px !important;
}
.cool-project-slider {
position: static;
display: block;
height: auto;
margin-top: 0px;
}
.content img.img-responsive {
position: static;
top: 0;
right: 0px;
}
}
@media only screen and (max-width:480px) {
.take-off {
font-size: 18px !important;
}
.title-line._2 {
font-size: 18px !important;
}
.processs {
text-align: center;
margin: 0 auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 44px;
line-height: 52px;
padding-top: 0px;
color: #FFFFFF;
padding-top: 23px !important;
}
.conh {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 23px;
line-height: 51px;
color: #FFFFFF;
text-align: left;
padding-left: 0;
}
.lpslide .card {
border-radius: 10px 10px 0 0px;
height: 100% !important;
width: 100%;
border: none;
padding: 20px;
background: aquamarine;
background: linear-gradient(270deg, #084E4E 0%, #0D3438 113.67%);
box-shadow: 0px -6px 12px rgb(0 0 0 / 10%);
border-radius: 20px 20px 0px 0px;
position: relative;
bottom: 0;
}
section.headings-section {
height: 100% !important;
}
section.headings-section .container.lpslide {
height: auto;
}
}
@media only screen and (max-width:360px) {
.lpslide .card {
border-radius: 10px 10px 0 0px;
height: 100% !important;
width: 100%;
border: none;
padding: 20px;
background: aquamarine;
background: linear-gradient(270deg, #084E4E 0%, #0D3438 113.67%);
box-shadow: 0px -6px 12px rgb(0 0 0 / 10%);
border-radius: 20px 20px 0px 0px;
position: relative;
bottom: 0;
}
.headings-section {
height: 100% !important;
}
.content img.img-responsive {
width: 27% !important;
position: absolute;
top: -760px;
right: 0px;
}
}
/* .sticky-top-contact-bar>ul {
max-width: 100%;
width: 100% !important;
margin: 0 auto;
margin: inherit !important;
padding-top: 17px;
padding-bottom: 14px;
box-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
background-color: #fff;
padding-right: 140px;
margin-right: 0 !important;
background: url(https://www.Conxeptrix Inc.ae/img/subtract.png) no-repeat;
background-position: 80% 52%;
margin-top: 11px !important;
} */
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: transparent;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem;
}
.collapsible-link[aria-expanded='true']::before {
transform: rotate(180deg);
}
.collapsible-link::before {
content: '';
width: 14px;
height: 1px;
background: #000;
position: absolute;
top: calc(50% - 1px);
right: -1rem;
display: block;
transition: all 0.3s;
}
.collapsible-link::after {
content: '';
width: 2px;
height: 14px;
background: #333;
position: absolute;
top: calc(50% - 7px);
right: calc(-1rem + 6px);
display: block;
transition: all 0.3s;
}
.collapsible-link[aria-expanded='true']::before {
transform: rotate(180deg);
}
.collapsible-link[aria-expanded='true']::after {
transform: rotate(90deg) translateX(-1px);
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -10px;
}
.pord {
background: #17253B;
}
p.ss {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 55px;
margin-bottom: 20px;
color: #FFFFFF;
}
p.pkk {
font-family: poppins;
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 1.5;
color: #FFFFFF;
margin-bottom: 30px ;
}
.container-fluid.bgss {
display: flex;
align-items: center;
justify-content: center;
}
/* Section 8: legible text on #17253B — depth without muddying white type */
#section-8 p.ss {
text-shadow:0 1px 2px rgba(0, 0, 0, 0.15),
0 2px 14px rgba(0, 0, 0, 0.15),
0 0 28px rgba(7, 12, 22, 0.35);
}
#section-8 p.pkk {
text-shadow:
0 1px 2px rgba(0, 0, 0, 0.45),
0 2px 10px rgba(0, 0, 0, 0.28);
}
/* CodePen RZGJwq-style: concentric circles, alternating rotate directions/speeds */
#section-8 .section-8-eye-grid {
position: relative;
width: min(100%, 440px);
height: min(52vh, 440px);
margin: 0 auto;
}
#section-8 .section-8-eye-inner {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
pointer-events: none;
}
#section-8 .section-8-eye-inner img {
pointer-events: auto;
position: relative;
z-index: 1;
}
#section-8 .section-8-ring {
position: absolute;
border-radius: 50%;
box-sizing: border-box;
top: 50%;
left: 50%;
}
#section-8 .section-8-ring--a {
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-top: 5px solid rgba(249, 180, 22, 0.85);
border-bottom: 5px solid rgba(249, 180, 22, 0.85);
border-left: 5px solid rgba(255, 255, 255, 0.65);
border-right: 5px solid rgba(255, 255, 255, 0.65);
animation: section-8-anim-ccw 5s linear infinite;
}
#section-8 .section-8-ring--b {
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: 10px dashed rgba(255, 255, 255, 0.22);
animation: section-8-ani-cw 25s linear infinite;
}
#section-8 .section-8-ring--c {
width: min(78vw, 340px);
height: min(78vw, 340px);
margin: calc(min(78vw, 340px) / -2) 0 0 calc(min(78vw, 340px) / -2);
border-left: 5px dotted rgba(255, 255, 255, 0.28);
border-right: 5px solid rgba(111, 142, 57, 0.55);
border-top: 5px dotted rgba(249, 180, 22, 0.45);
border-bottom: 5px dotted rgba(249, 180, 22, 0.45);
animation: section-8-anim-ccw 35s linear infinite;
}
#section-8 .section-8-ring--d {
width: min(62vw, 250px);
height: min(62vw, 250px);
margin: calc(min(62vw, 250px) / -2) 0 0 calc(min(62vw, 250px) / -2);
border-top: 5px solid rgba(255, 255, 255, 0.18);
border-bottom: 5px solid rgba(255, 255, 255, 0.18);
border-left: 5px solid rgba(249, 180, 22, 0.55);
border-right: 5px solid rgba(249, 180, 22, 0.55);
animation: section-8-ani-cw 45s linear infinite;
}
#section-8 .section-8-ring--e {
width: min(72vw, 300px);
height: min(70vw, 290px);
margin-top: calc(min(70vw, 290px) / -2);
margin-left: calc(min(72vw, 300px) / -2);
border: 5px solid rgba(255, 255, 255, 0.12);
animation: section-8-anim-ccw 55s linear infinite;
}
#section-8 .section-8-ring--f {
width: min(92vw, 400px);
height: min(92vw, 400px);
margin: calc(min(92vw, 400px) / -2) 0 0 calc(min(92vw, 400px) / -2);
border-top: 14px dashed rgba(0, 0, 0, 0.35);
border-bottom: 14px solid rgba(255, 255, 255, 0.35);
border-left: 14px dashed rgba(111, 142, 57, 0.55);
border-right: 14px solid rgba(111, 142, 57, 0.55);
animation: section-8-ani-cw 55s linear infinite;
}
#section-8 .section-8-ring--g {
width: min(98vw, 460px);
height: min(98vw, 460px);
margin: calc(min(98vw, 460px) / -2) 0 0 calc(min(98vw, 460px) / -2);
border: 14px dashed rgba(255, 255, 255, 0.14);
animation: section-8-anim-ccw 45s linear infinite;
}
@keyframes section-8-ani-cw {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes section-8-anim-ccw {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@media (prefers-reduced-motion: reduce) {
#section-8 .section-8-ring {
animation: none;
}
}
.ssaass {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding-top: 0;
margin-left: 0em;
padding-left: 13em;
}
img.ss {
padding: 4px;
}
.card-body {
overflow-y: scroll;
height: 100px;
}
@media only screen and (max-width:821px) {
.ssaass {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
padding-top: 14em;
margin-left: 0em;
padding-left: 1em;
}
}
@media only screen and (min-width: 767px) {
.testimonial-section-col-right1 .slick-dots {
display: none !important;
}
.mobileblock {
display: none;
}
}
a.project-card img {
width: 100%;
height: auto !important;
}
@media only screen and (max-width:767px) {
.about-image.customspace {
display: none;
}
.new_abouttext.revamp-about .container {
width: 90% !important;
}
#portfolioo {
padding: 30px 0 !important;
}
.testimonial-section-col-content-holder1 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.vfxs button.slick-arrow {
top: 150px !important;
}
.card h6 {
font-size: 12px;
}
.card-body p {
color: #343a40;
}
.section-take-off.take-off {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #F7B318;
cursor: auto;
}
.section-take-off.take-off {
cursor: auto;
}
.take-off {
padding-top: 0;
padding-bottom: 0;
font-size: 30px;
line-height: 38px;
font-weight: bold;
text-align: left;
}
.title-line._2 {
color: #F7B318;
}
.title-line._1,
.title-line._2 {
font-size: 30px;
}
.title-line {
color: #fff;
text-transform: uppercase;
text-shadow: -1px 0 0 #000, 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000;
}
.hamburger-menu {
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
top: 18px;
z-index: 9999999999;
}
.mbcs-portfolio {
display: flex;
flex-direction: column;
align-items: center;
}
.mbcs-portfolio img {
margin-bottom: 20px;
}
.ssaass {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: flex-start;
padding-top: 8em;
margin-left: 0em;
padding-left: 15px;
}
.mobilenone {
display: none !important;
}
.mobileblock {
display: block !important;
}
}
.sticky-top-contact-bar.update-header-s {
display: none;
}
#section-3 {
visibility: visible;
}
/* Thumb numbers —-style: lavender-muted inactive, large bold white active */
#section-3 .services-thumb-slider .service-thumb__head p {
margin: 0;
text-align: center;
}
#section-3 .services-thumb-slider .service-thumb__head a {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
color: rgba(232, 214, 242, 0.52);
text-decoration: none;
font-weight: 600;
font-size: clamp(14px, 1.55vw, 18px);
line-height: 1;
letter-spacing: 0.04em;
font-variant-numeric: tabular-nums;
display: inline-block;
width: 100%;
text-align: center;
transition: color 0.22s ease, font-size 0.22s ease, font-weight 0.22s ease;
}
#section-3 .services-thumb-slider .swiper-slide-thumb-active .service-thumb__head a {
color: #ffffff;
font-weight: 800;
font-size: clamp(30px, 4.35vw, 48px);
letter-spacing: 0.02em;
line-height: 1;
cursor: pointer;
}
#section-3 .services-thumb-slider .service-thumb__head a:hover {
color: rgba(245, 235, 252, 0.82);
}
#section-3 .services-thumb-slider .swiper-slide-thumb-active .service-thumb__head a:hover {
color: #ffffff;
}
/* Compact thumb column — tight gaps like reference (3 rows share a short viewport) */
#section-3 .services-thumb-slider-wrapper .services-thumb-slider.swiper {
height: min(260px, 38vh);
max-height: 340px;
}
#section-3 .services-thumb-slider .swiper-slide {
box-sizing: border-box;
justify-content: center;
}
@media (max-width: 767px) {
#section-3 .services-thumb-slider-wrapper .services-thumb-slider.swiper {
height: auto;
max-height: none;
}
}
/* Row visibility from link color only (no extra opacity stack) */
#section-3 .services-thumb-slider .swiper-slide .service-thumb__head {
opacity: 1;
}
/* Whole row clickable — tight vertical rhythm like reference */
#section-3 .services-thumb-slider .swiper-slide .service-thumb__head {
padding: 0.1rem 0;
width: 100%;
}
#section-3 .services-thumb-slider .swiper-slide .service-thumb__head a {
padding: 0.05rem 0;
}
/* Services slider — SVG prev/next (shell positions arrows over swiper on desktop; stacks above CTA on mobile) */
#section-3 .services-slider-shell {
position: relative;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
#section-3 .services-slider.swiper {
position: relative;
overflow: visible;
}
#section-3 .services-slider-arrows {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 60;
}
#section-3 .services-slider-arrow {
pointer-events: auto;
position: absolute;
top: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 50%;
background: rgba(26, 5, 16, 0.48);
color: #fff;
cursor: pointer;
transform: translateY(-50%);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
transition:
background 0.32s ease,
border-color 0.32s ease,
transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
color 0.25s ease,
box-shadow 0.32s ease;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
#section-3 .services-slider-arrow--prev {
left: max(50px, env(safe-area-inset-left, 0px));
}
#section-3 .services-slider-arrow--next {
right: max(50px, env(safe-area-inset-right, 0px));
}
#section-3 .services-slider-arrow:hover {
background: rgba(111, 142, 57, 0.55);
border-color: rgba(255, 255, 255, 0.75);
color: #fff;
transform: translateY(-50%) scale(1.1);
box-shadow:
0 10px 28px rgba(111, 142, 57, 0.35),
0 4px 12px rgba(0, 0, 0, 0.25);
}
#section-3 .services-slider-arrow:focus-visible {
outline: 2px solid #6f8e39;
outline-offset: 3px;
}
#section-3 .services-slider-arrow:active {
transform: translateY(-50%) scale(0.95);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
#section-3 .services-slider-arrow svg {
display: block;
flex-shrink: 0;
}
@media (max-width: 767px) {
.h2-bigger {
font-size: 27px !important;
}
#section-3 .services-slider-shell {
display: flex;
flex-direction: column;
align-items: stretch;
}
#section-3 .services-slider.swiper {
order: 1;
flex: 1 1 auto;
width: 100%;
min-height: 0;
}
/* Row centered directly above Request a Quote — no overlay on body text */
#section-3 .services-slider-arrows {
position: relative !important;
inset: auto !important;
width: 100%;
height: auto;
display: flex !important;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 2rem;
pointer-events: auto !important;
z-index: 60;
order: 2;
flex-shrink: 0;
padding: 0.25rem max(12px, env(safe-area-inset-left, 0px)) 0.35rem max(12px, env(safe-area-inset-right, 0px));
box-sizing: border-box;
}
#section-3 .services-slider-arrow {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 35px;
height: 35px;
transform: none !important;
}
#section-3 .services-slider-arrow svg {
width: 18px;
height: 18px;
}
#section-3 .services-slider-arrow:hover {
transform: scale(1.1) !important;
}
#section-3 .services-slider-arrow:active {
transform: scale(0.95) !important;
}
}
#down {
visibility: visible;
}
.collection-list-3 {
display: flex;
}
.news-bar {
background-color: #C32626;
color: #fff;
padding: 10px;
overflow: hidden;
}
.marquee {
white-space: nowrap;
animation: marqueeAnimation 25s linear infinite;
}
.news-item {
display: inline-block;
margin-right: 20px;
}
.sticky-top-contact-bar {
top: 0px;
width: 100%;
left: 0;
right: 0;
text-align: right;
z-index: 999999999999;
}
.news-bar .news-item {
font-size: 16px;
color: #fff !important;
}
.news-bar {
background-color: #C32626;
color: #fff;
padding: 10px;
overflow: hidden;
box-shadow: inset 0 0px 13px -7px #000;
}
@keyframes marqueeAnimation {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
ul.list-inline.scrolled {
position: relative;
top: -43px;
}
.menu-icon.scrolled {
top: 10px !important;
}
.head-logo.scrolled {
position: relative;
top: -49px;
}
.services-thumb-slider-wrapper .scroll-text .head {
font-size: .75em !important;
letter-spacing: .03em;
margin: 0.75em 0 0 0;
opacity: .4;
left: 0 !important;
}
@media only screen and (min-width: 1500px) {
.services-thumb-slider-wrapper .scroll-text {
left: 4.5%;
}
}
h3.conh.as {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 51px;
color: #FFFFFF;
text-align: left;
padding-left: 12px;
opacity: 1;
-webkit-background-clip: text;
-webkit-text-fill-color: white;
}
.revamp-roi .roi-main .left .count-box p.hedd {
padding-bottom: 15px;
}
.revamp-roi .roi-main .left .count-box p.hedd {
margin: 0;
padding-bottom: 22px;
}
.revamp-roi .roi-main .left p.hedd {
color: #231e2b;
font-size: 38px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 35px;
line-height: 42px;
position: relative;
}
.revamp-roi .roi-main .left p.hedd {
color: #231e2b;
font-size: 38px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 35px;
line-height: 42px;
position: relative;
}
.revamp-roi .roi-main .left p.hedd {
font-size: 35px;
padding-bottom: 25px;
}
.revamp-roi .roi-main .left p.hedd {
color: #231e2b;
font-size: 38px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: .5px;
margin: 0;
padding-bottom: 35px;
position: relative;
}
.revamp-roi .roi-main .left .count-box p.hedd span {
font-size: 62px;
}
.revamp-roi .roi-main .left .count-box p.hedd span {
font-size: 67px;
}
.revamp-roi .roi-main .left .count-box p.hedd span {
color: #f9b416;
font-weight: 700;
font-size: 75px;
}
.revamp-roi .roi-main .left .count-box p.prot {
margin: 0;
color: #231e2b;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.revamp-roi .roi-main .left .count-box p.prot {
margin: 0;
color: #231e2b;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.revamp-roi .roi-main .left .count-box p.prot {
font-size: 20px;
}
.revamp-roi .roi-main .left .count-box p.prot {
margin: 0;
color: #231e2b;
font-weight: 700;
font-size: 18px;
text-transform: capitalize;
}
.clientel-update .head-tbox p.rewon {
color: #030303;
font-size: 48px;
text-transform: capitalize;
font-weight: bold;
line-height: 40px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 65px;
color: #000000;
}
.card .card-header a {
cursor: pointer;
}
.slider_frm textarea:focus,
.slider_frm textarea:valid,
.slider_frm textarea:active,
.slider_frm textarea:focus-within,
.slider_frm textarea:target,
.slider_frm textarea:focus-visible,
.slider_frm textarea:visited,
.slider_frm input:focus,
.slider_frm input:valid,
.slider_frm input:active,
.slider_frm input:focus-within,
.slider_frm input:target,
.slider_frm input:focus-visible,
.slider_frm input:visited {
background: transparent !important;
}
.slider_frm input[type="submit"]{
background:#6f8e39 !important;
}
.h2-bigger._1 {
margin-bottom: 0 !important;
}
#section-9 .mobilenone.lozad.loaded {
max-width: 85%;
}
#section-9 .c-artwork-zoom-shell {
overflow: hidden;
line-height: 0;
}
@keyframes c-artwork-zoom-pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.07);
}
}
#section-9 .c-artwork-pulse-zoom {
display: block;
transform-origin: center center;
animation: c-artwork-zoom-pulse 5.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
#section-9 .c-artwork-pulse-zoom {
animation: none;
}
}
.card .card-header a {
text-transform: inherit !important;
font-weight: 400;
color: black !important;
}
@media only screen and (max-width: 1440px) {
#accordionExample {
margin-top: 48px;
}
}
/* ----- */
#new-portfolio,
#portfolio-digital {
padding: 80px 0;
background-color: #b7b7b7;
color: #fff;
overflow: hidden;
}
#new-portfolio .h2-bigger,
#portfolio-digital .h2-bigger {
margin-bottom: 40px;
text-align: center;
font-size: 3rem;
text-transform: uppercase;
font-weight: bold;
}
.portfolio-slider {
width: 100%;
padding: 0;
}
.portfolio-slider .swiper-wrapper {
transition-timing-function: linear !important;
}
.portfolio-slide {
width: 600px;
height: 750px;
position: relative;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.4);
transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.5s ease;
}
.portfolio-slide:hover {
transform: translateY(-15px) scale(1.02);
box-shadow: 0 20px 60px rgba(0,0,0,0.6);
z-index: 10;
}
.portfolio-slider .swiper-slide {
width: auto !important;
}
.portfolio-slide img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.portfolio-slide:hover img {
transform: scale(1.15);
}
.portfolio-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 20px;
background: linear-gradient(transparent, rgba(0,0,0,0.9));
z-index: 2;
transform: translateY(20px);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.portfolio-slide:hover .portfolio-overlay {
transform: translateY(0);
opacity: 1;
}
.portfolio-overlay h4 {
margin: 0;
font-size: 1.4rem;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
}
/* Conxeps-style portfolio: fixed card height + vertical pan on hover (Swiper unchanged) */
.portfolio-slider-area {
position: relative;
width: 100%;
}
.portfolio-slider-area .portfolio-slide {
--portfolio-card-h: 520px;
width: 420px;
height: var(--portfolio-card-h);
border-radius: 18px;
}
.portfolio-slider-area .portfolio-slide a {
display: block;
height: 100%;
overflow: hidden;
border-radius: inherit;
position: relative;
}
.portfolio-slider-area .portfolio-slide:hover {
transform: translateY(-8px);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45);
}
.portfolio-slider-area .portfolio-slide img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center top;
transform: none;
transition: object-position 1.35s cubic-bezier(0.33, 1, 0.53, 1);
}
.portfolio-slider-area .portfolio-slide:hover img {
transform: none;
object-position: center bottom;
}
@media only screen and (max-width: 1199px) {
.portfolio-slider-area .portfolio-slide {
--portfolio-card-h: 460px;
width: 360px;
}
}
@media only screen and (max-width: 767px) {
.portfolio-slider-area .portfolio-slide {
--portfolio-card-h: 400px;
width: 78vw;
max-width: 340px;
}
}
#section-3, .abs-banner, .services__wrap, .services__items, .translateX-parent, .translateX-right, .services-slider, .services-thumb-slider-wrapper, .vfxs {
visibility: visible !important;
opacity: 1 !important;
}
#section-3 .services__wrap, #section-3 .services__items, #section-3 .translateX-parent, #section-3 .translateX-right {
transform: none !important;
}
.services-slider, .services-thumb-slider-wrapper {
display: block !important;
}
#section-3 {
display: block !important;
height: auto !important;
min-height: 100vh;
background: linear-gradient(135deg, #4d102e 0%, #1a0510 100%); /* Elegant Plum Gradient */
padding: 0;
overflow: hidden;
position: relative;
}
.custombuttone1 {
background: transparent !important;
color: #fff !important;
padding: 15px 50px !important;
border: 1px solid rgba(255,255,255,0.4) !important;
border-radius: 0 !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.95rem !important;
display: inline-block;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.custombuttone1:hover {
background: #fff !important;
color: #1a0510 !important;
border-color: #fff !important;
transform: scale(1.05);
box-shadow: 0 0 30px rgba(255,255,255,0.2);
}
.service-item__list-wrapper li {
color: rgba(255,255,255,0.6) !important;
margin-bottom: 12px !important;
list-style: none !important;
padding-left: 30px !important;
position: relative;
font-size: 1.05rem !important;
transition: color 0.3s ease;
}
.service-item__list-wrapper li:hover {
color: #6f8e39 !important;
}
.service-item__list-wrapper li::before {
content: '→';
position: absolute;
left: 0;
color: #6f8e39;
font-weight: bold;
}
.service-item__list-wrapper li a {
color: inherit !important;
text-decoration: none !important;
}
/* .img-wrapper img {
border-radius: 20px;
box-shadow: 0 40px 80px rgba(0,0,0,0.6);
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
} */
.service-item:hover .img-wrapper img {
transform: scale(1.02) rotate(1deg);
}
.scroll-text .head {
color: #fff !important;
}
.scroll-text .mouse {
border-color: #6f8e39 !important;
}
.scroll-text .mouse .move {
background: #6f8e39 !important;
}
.service-item__bg {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
/* opacity: 0.15 !important;
filter: grayscale(1) brightness(0.5); */
}
.anchor-wrapper.services-anchor {
display: none !important;
}
.img-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.img-wrapper img {
max-width: 100% !important;
height: auto !important;
width: auto !important;
}
body {
visibility: visible !important;
}
.services-slider {
display: block !important;
}
@media (max-width: 767px) {
.services-slider {
display: block !important;
}
.services__wrap, .services__items {
height: auto !important;
min-height: 100vh;
}
.service-item__img .head {
font-size: 2.5rem !important;
line-height: 1.1 !important;
}
.service-item__img .numb {
font-size: 8rem !important;
}
.service-item__wrapper {
padding: 30px !important;
}
.service-item__img .bolld {
margin: 20px 0 !important;
padding-left: 15px;
}
}
/* ===== Responsive: services section & footer find-us ===== */
.section.services__wrap,
.services__wrap.rt.section {
width: 100%;
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
}
.services__wrap .services__items {
width: 100%;
max-width: 100%;
}
.services__wrap .service-item__wrapper {
box-sizing: border-box;
}
/* Thumb markup commented — collapse overlay rail so home.css vh heights don’t eat layout */
#section-3 .services-thumb-slider-wrapper:not(:has(.swiper-slide)) {
display: none !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
pointer-events: none !important;
}
@media (max-width: 1199px) {
#section-3 {
padding: 72px max(16px, env(safe-area-inset-right)) 72px max(16px, env(safe-area-inset-left)) !important;
min-height: auto !important;
}
#section-3.services__wrap.rt.section,
#section-3 .services__items.translateX-parent {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
}
@media (max-width: 991px) {
#section-3 {
padding: 56px max(16px, env(safe-area-inset-right)) 56px max(16px, env(safe-area-inset-left)) !important;
overflow-x: hidden !important;
}
#section-3 .service-item {
height: auto !important;
min-height: auto !important;
align-items: flex-start !important;
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
#section-3 .service-item.twocol-row {
height: auto !important;
min-height: auto !important;
}
#section-3 .service-item__wrapper {
flex-direction: column !important;
height: auto !important;
min-height: 0 !important;
justify-content: flex-start !important;
gap: 1rem !important;
}
#section-3 .service-item__img {
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#section-3 .service-item__img .col-md-6 {
flex: 0 0 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
#section-3 .service-item .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
#section-3 .services-slider.swiper {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
}
@media (max-width: 767px) {
#section-3 {
padding: 0 !important;
padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
}
/* Was position:absolute — overlapped last list rows; flow after slider */
#section-3 > .sbbtn {
position: relative !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0.15rem max(12px, env(safe-area-inset-left, 0px)) 1rem max(12px, env(safe-area-inset-right, 0px)) !important;
box-sizing: border-box !important;
z-index: 6 !important;
text-align: center !important;
}
#section-3 > .sbbtn p.about-btn {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
gap: 0 !important;
}
/* Tighter horizontal gutter on mobile */
#section-3 .service-item__img > .col-md-6:first-child {
padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
}
#section-3 .service-item__list-wrapper {
margin-bottom: 0.25rem !important;
padding-bottom: 0 !important;
}
#section-3 .service-item__list-wrapper li::before {
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
.service-item__list-wrapper li{
font-size: 0.8rem !important;
}
.head{
left: 0 !important;
}
.service-item__bg img{
height: 1190px !important;
}
.service-item__list-wrapper li{width:100% !important;}
.service-item__img .img-wrapper img {
display: none !important;
}
#section-3 .service-item__img span.numb {
position: relative !important;
top: auto !important;
left: auto !important;
display: block !important;
margin-bottom: 0.35rem !important;
font-size: clamp(3rem, 14vw, 5.5rem) !important;
line-height: 1 !important;
background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
opacity: 0.55 !important;
}
#section-3 .service-item__img p.head {
position: relative !important;
left: 0 !important;
top: auto !important;
padding-right: 0 !important;
padding-bottom: 0.75rem !important;
font-size: clamp(1.35rem, 4.5vw, 1.85rem) !important;
line-height: 1.25 !important;
word-break: break-word !important;
}
#section-3 .service-item__img p.descri,
#section-3 .service-item__img .bolld {
padding-left: 0 !important;
margin-left: 0 !important;
}
}
#section-3 .service-item__img p {
font-weight: 400;
}
.revamp-footer .down.row.find-us-row {
justify-content: center !important;
text-align: center !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.revamp-footer .down .link-box4.linkbox {
width: 100%;
max-width: 100%;
flex: 1 1 100%;
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
box-sizing: border-box;
}
.revamp-footer .down .find-us-email {
text-transform: lowercase;
}
.revamp-footer .down .link-box4-inline.find-us-oneline {
width: 100%;
max-width: 100%;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 0.85rem !important;
row-gap: 0.75rem !important;
}
.revamp-footer .down .find-us-address {
white-space: normal !important;
flex: 1 1 30px !important;
max-width: 100% !important;
text-align: center !important;
}
@media (max-width: 991px) {
.revamp-footer .down .link-box4-inline.find-us-oneline {
gap: 0 !important;
}
.revamp-footer .down .find-us-pill {
justify-content: center;
width: 100%;
max-width: min(280px, 100%);
margin-left: auto;
margin-right: auto;
}
.revamp-footer .down .find-us-social {
justify-content: center;
width: 100%;
flex-wrap: wrap !important;
gap: 0.65rem !important;
}
}
@media (max-width: 575px) {
.revamp-footer .down .find-us-pill {
white-space: normal !important;
text-align: center;
word-break: break-word;
max-width: 100% !important;
}
}
/* Industries grid (#typo) — 4×4 cards, arrow + icon chip (scoped; keeps .ic-box base) */
.revolution_industries.industries-grid-section {
height: auto !important;
min-height: auto !important;
padding-top: 70px;
padding-bottom: 70px;
}
.revolution_industries.industries-grid-section .industries-grid-row {
margin-left: -10px;
margin-right: -10px;
justify-content: center;
}
.revolution_industries.industries-grid-section .industry-grid-col {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.revolution_industries.industries-grid-section .industry-card.ic-box {
position: relative;
height: auto;
min-height: 100px;
padding: 22px 16px 20px;
margin-bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 4px 22px rgba(0, 0, 0, 0.06);
overflow: hidden;
background-color: #fff;
isolation: isolate;
transition:
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.4s ease;
}
.revolution_industries.industries-grid-section .industry-card.ic-box::before {
content: "";
position: absolute;
inset: -1px;
background: linear-gradient(
120deg,
transparent 42%,
rgba(255, 255, 255, 0.18) 50%,
transparent 58%
);
transform: translateX(-120%) skewX(-12deg);
transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none;
z-index: 0;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover::before {
transform: translateX(120%) skewX(-12deg);
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover {
background-color: #6f8e39 !important;
transform: translateY(-7px) scale(1.03);
box-shadow:
0 20px 44px rgba(111, 142, 57, 0.38),
0 8px 16px rgba(0, 0, 0, 0.08);
}
.revolution_industries.industries-grid-section .industry-card__arrow {
position: absolute;
top: 14px;
right: 14px;
width: 9px;
height: 9px;
border-right: 2px solid #1e3a5f;
border-top: 2px solid #1e3a5f;
transform: rotate(45deg);
opacity: 0;
visibility: hidden;
display: block;
transition:
opacity 0.35s ease,
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
border-color 0.35s ease;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover .industry-card__arrow {
opacity: 1;
visibility: visible;
transform: rotate(45deg) translate(-2px, 2px);
border-right-color: #fff;
border-top-color: #fff;
}
.revolution_industries.industries-grid-section .industry-card__icon-wrap {
width: 50px;
height: 50px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
flex-shrink: 0;
position: relative;
z-index: 1;
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover .industry-card__icon-wrap {
transform: translateY(-3px) scale(1.06);
}
.revolution_industries.industries-grid-section .industry-card__icon {
margin: 0 !important;
max-width: 50px;
max-height: 50px;
width: auto;
height: auto;
object-fit: contain;
transition:
filter 0.45s ease,
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover .industry-card__icon {
filter: brightness(0) invert(100%);
transform: scale(1.05);
}
.revolution_industries.industries-grid-section .industry-card p {
color: #1e3a5f;
font-weight: 600;
font-size: 15px;
line-height: 1.35;
margin-top: 0;
max-width: 100%;
position: relative;
z-index: 1;
transition: color 0.38s ease;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover p {
color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.revolution_industries.industries-grid-section .industry-card.ic-box,
.revolution_industries.industries-grid-section .industry-card.ic-box::before,
.revolution_industries.industries-grid-section .industry-card__arrow,
.revolution_industries.industries-grid-section .industry-card__icon-wrap,
.revolution_industries.industries-grid-section .industry-card__icon,
.revolution_industries.industries-grid-section .industry-card p {
transition-duration: 0.01ms !important;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover {
transform: none;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover::before {
transform: none;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover .industry-card__icon-wrap,
.revolution_industries.industries-grid-section .industry-card.ic-box:hover .industry-card__icon {
transform: none;
}
.revolution_industries.industries-grid-section .industry-card.ic-box:hover .industry-card__arrow {
transform: rotate(45deg);
}
}
@media (max-width: 575px) {
.revolution_industries.industries-grid-section .industry-card p {
font-size: 14px;
}
}
/* CTA — green gradient + SVG shape patterns (#6f8e39 family) */
.home-cta-quote {
padding: 50px 0 20px;
position: relative;
overflow: hidden;
background-color: #4d6228;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath stroke-opacity='0.12' d='M60 12 L108 60 L60 108 L12 60 Z'/%3E%3Ccircle stroke-opacity='0.1' cx='60' cy='60' r='34'/%3E%3Cpath stroke-opacity='0.08' d='M0 60h120M60 0v120'/%3E%3C/g%3E%3Ccircle cx='60' cy='60' r='4' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath fill='%23ffffff' fill-opacity='0.06' d='M28 4 L52 16 L52 40 L28 52 L4 40 L4 16 Z'/%3E%3C/svg%3E"),
linear-gradient(148deg, #455722 0%, #6f8e39 36%, #84a34a 58%, #5d7630 100%);
background-size: 120px 120px, 56px 56px, 100% 100%;
background-position: center center, 28px 18px, center center;
}
.home-cta-quote.sty2 {
padding: clamp(3rem, 6vw, 4.5rem) 0;
position: relative;
overflow: hidden;
background-color: #4d6228;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath stroke-opacity='0.12' d='M60 12 L108 60 L60 108 L12 60 Z'/%3E%3Ccircle stroke-opacity='0.1' cx='60' cy='60' r='34'/%3E%3Cpath stroke-opacity='0.08' d='M0 60h120M60 0v120'/%3E%3C/g%3E%3Ccircle cx='60' cy='60' r='4' fill='%23ffffff' fill-opacity='0.14'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath fill='%23ffffff' fill-opacity='0.06' d='M28 4 L52 16 L52 40 L28 52 L4 40 L4 16 Z'/%3E%3C/svg%3E"),
linear-gradient(162deg, #4f6829 0%, #6f8e39 45%, #92ae55 100%);
background-size: 120px 120px, 56px 56px, 100% 100%;
background-position: center center, 28px 18px, center center;
}
.home-cta-quote__panel {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.home-cta-quote__title {
font-family: Poppins, sans-serif;
font-size: 4.5vh;
font-weight: 700;
color: #fff;
line-height: 1.28;
margin: 0 0 1rem;
width: 100%;
}
.home-cta-quote__desc {
font-family: Poppins, sans-serif;
font-size: 15px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 1rem;
width: 100%;
}
.home-cta-quote__emphasis {
font-family: Poppins, sans-serif;
font-size: 15px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.92);
margin: 0 0 0.25rem;
width: 100%;
}
.home-cta-quote__emphasis strong {
font-weight: 700;
color: #ffffff;
}
.home-cta-quote .home-cta-quote__action.discuss_btn {
margin-top: 1.75rem;
margin-bottom: 0;
color: #fff;
}
.home-cta-quote .discuss_btn::before {
filter: brightness(0) invert(1);
}
.home-cta-quote .discuss_btn:hover {
color: #b7b7b7;
}
.home-cta-quote .discuss_btn:hover::before {
filter: none;
}
/* Ensure arrow pseudo-element never steals clicks from the CTA link */
.home-cta-quote a.discuss_btn::before {
pointer-events: none;
}
/* ≤821px: global html/body/.container height:100%/100vh chain collapses the document (blank white viewport); allow normal scroll height */
@media (max-width: 821px) {
html {
height: auto !important;
min-height: 100vh !important;
min-height: 100dvh !important;
}
body.home-header {
height: auto !important;
min-height: 100vh !important;
min-height: 100dvh !important;
}
body.home-header .section-wrapper .container {
height: auto !important;
}
body.home-header .carousel,
body.home-header .carousel-inner {
height: auto !important;
}
}
/* —— Quote / contact modal (CTA popup, matches teal hero theme) —— */
.crm-quote-modal {
position: fixed;
inset: 0;
/* Above fixed header (10050) + mobile nav overlay (10055–10057) */
z-index: 100500;
display: flex;
align-items: center;
justify-content: center;
padding: max(1.25rem, env(safe-area-inset-top, 0px))
max(1.25rem, env(safe-area-inset-right, 0px))
max(1.25rem, env(safe-area-inset-bottom, 0px))
max(1.25rem, env(safe-area-inset-left, 0px));
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.28s ease, visibility 0.28s ease;
}
.crm-quote-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.crm-quote-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.46);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.crm-quote-modal__dialog {
position: relative;
z-index: 2;
width: 100%;
max-width: min(26rem, calc(100vw - 2rem));
padding: 2.35rem 2rem 2rem;
border-radius: 1.35rem;
background: linear-gradient(155deg, #b7b7b7 0%, #ffffff 42%, #000000 100%);
border: 1px solid rgba(111, 142, 57, 0.35);
box-shadow:
0 28px 90px rgba(0, 0, 0, 0.55),
0 0 0 1px rgba(255, 255, 255, 0.06) inset,
0 1px 0 rgba(255, 255, 255, 0.08) inset;
transform: translateY(14px) scale(0.97);
transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.crm-quote-modal.is-open .crm-quote-modal__dialog {
transform: translateY(0) scale(1);
}
.crm-quote-modal__accent-orb {
position: absolute;
width: 11rem;
height: 11rem;
top: -4rem;
right: -3rem;
border-radius: 50%;
background: radial-gradient(circle, rgba(111, 142, 57, 0.42) 0%, transparent 70%);
pointer-events: none;
}
.crm-quote-modal__accent-ring {
position: absolute;
width: 8rem;
height: 8rem;
bottom: -2.5rem;
left: -2rem;
border-radius: 50%;
border: 1px solid rgba(111, 142, 57, 0.28);
pointer-events: none;
}
.crm-quote-modal__close {
position: absolute;
top: 0.85rem;
right: 0.85rem;
width: 2.25rem;
height: 2.25rem;
border: none;
border-radius: 50%;
background: rgba(0, 0, 0, 0.08);
color: rgba(0, 0, 0, 0.72);
font-size: 1.35rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease, color 0.2s ease;
}
.crm-quote-modal__close:hover {
background: rgba(111, 142, 57, 0.35);
color: #fff;
}
.crm-quote-modal__eyebrow {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 0.65rem;
font-family: Poppins, sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.52);
}
.crm-quote-modal__eyebrow-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #6f8e39;
box-shadow: 0 0 12px rgba(111, 142, 57, 0.85);
}
.crm-quote-modal__title {
position: relative;
z-index: 1;
margin: 0 0 0.75rem;
padding-right: 2rem;
font-family: Poppins, sans-serif;
font-size: 1.45rem;
font-weight: 700;
line-height: 1.28;
color: #121212;
}
.crm-quote-modal__lede {
position: relative;
z-index: 1;
margin: 0 0 1.25rem;
font-family: Poppins, sans-serif;
font-size: 0.95rem;
line-height: 1.6;
color: rgba(0, 0, 0, 0.72);
}
/* Modal quote form (matches banner fields + theme #6f8e39 / navy) */
.crm-quote-modal__form {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.crm-quote-modal__form input[type="text"],
.crm-quote-modal__form input[type="email"],
.crm-quote-modal__form textarea {
width: 100%;
margin: 0;
padding: 0.72rem 0.95rem;
border-radius: 10px;
border: 2px solid rgba(0, 0, 0, 0.42);
background: #fff !important;
color: #fff;
font-family: Poppins, sans-serif;
font-size: 0.9rem;
line-height: 1.45;
box-sizing: border-box;
transition:
border-color 0.22s ease,
background 0.22s ease,
box-shadow 0.22s ease;
}
.crm-quote-modal__form textarea {
min-height: 5.5rem;
resize: vertical;
}
.crm-quote-modal__form input::placeholder,
.crm-quote-modal__form textarea::placeholder {
color: rgba(0, 0, 0, 0.52);
}
.crm-quote-modal__form input:focus,
.crm-quote-modal__form textarea:focus {
outline: none;
border-color: rgba(0, 0, 0, 0.78);
background: rgba(0, 0, 0, 0.28);
box-shadow:
0 0 0 3px rgba(111, 142, 57, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.crm-quote-modal__form button[type="submit"], .crm-quote-modal__form input[type="submit"] {
margin-top: 0.35rem;
width: 100%;
padding: 0.85rem 1.25rem;
border: none;
border-radius: 999px;
cursor: pointer;
font-family: Poppins, sans-serif;
font-size: 0.95rem;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #6f8e39 0%, #587030 100%);
box-shadow: 0 8px 24px rgba(111, 142, 57, 0.35);
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
filter 0.2s ease;
}
.crm-quote-modal__form button[type="submit"]:hover:not(:disabled), .crm-quote-modal__form input[type="submit"]:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(111, 142, 57, 0.42);
filter: brightness(1.05);
}
.crm-quote-modal__form button[type="submit"]:disabled, .crm-quote-modal__form input[type="submit"]:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.crm-quote-modal__form #crm-quote-loader {
display: none;
margin: 0.35rem auto 0;
}
.crm-quote-modal__response {
margin-top: 0.5rem;
font-family: Poppins, sans-serif;
font-size: 0.82rem;
line-height: 1.45;
color: rgba(255, 255, 255, 0.92);
}
@media (max-width: 480px) {
.crm-quote-modal__dialog {
padding: 2rem 1.35rem 1.65rem;
max-width: calc(100vw - 1.25rem);
}
.crm-quote-modal__title {
font-size: 1.25rem;
padding-right: 1.5rem;
}
.crm-quote-modal__form input[type="text"],
.crm-quote-modal__form input[type="email"],
.crm-quote-modal__form textarea {
font-size: 0.875rem;
padding: 0.65rem 0.85rem;
}
.crm-quote-modal__form button[type="submit"] ,.crm-quote-modal__form input[type="submit"]{
padding: 0.78rem 1rem;
font-size: 0.9rem;
}
}
@media (prefers-reduced-motion: reduce) {
.crm-quote-modal,
.crm-quote-modal__dialog {
transition: none;
}
.crm-quote-modal__form button[type="submit"]:hover:not(:disabled),.crm-quote-modal__form input[type="submit"]:hover:not(:disabled) {
transform: none;
}
}