/* =Import Required styles
========================================================================================*/

:root {
    /* Site global colours */
    --primary: #175DAB;
    /* Primary color */
    --secondary: #323232;

    --sky-blue: #3CB4E7;
    --amber-gold: #FBB040;
    --orange: #FB6E40;
    --green: #A6CE42;

    /*gray color */

    --graphite-gray: #3E3E3F;
    --slate-gray: #636466;
    --cool-gray: #939598;
    --light-silver: #C7C8CA;

    --text-color: #3E3E3F;
    --heading-color: #3E3E3F;
    --placeholder-color: #A7A9AB;
    /* Body text color */

    --white: #ffffff;
    --light-white: #F1F2F2;

    /* White color */

    /* gradient colors */
    --orange-gradient: linear-gradient(90deg, var(--orange) 0%, var(--amber-gold) 100%);
    --orange-gradient-2: linear-gradient(180deg, var(--orange) 0%, var(--amber-gold) 100%);
    --gray-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    --small-gray-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    --dark-bg-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);


    /* Heading and body font sizes */
    --body-font: 19px;
    --body-lineheight: 1.5;

    --h1: 64px;
    --h1-banner-one: 54px;
    --h1-sub: 17px;
    --h2: 45px;
    --h2-light: 36px;
    --h3: 24px;
    --h4: 19px;
    --h5: 18px;
    --h6: 16px;

    --mediam-font: 16px;
    --quotes-font: calc(var(--h2-light) - 4px);

    /* container (wrap) */
    --wrap: 1140px;
    --small-wrap: 751px;
    --large-wrap: 1440px;
    --wrapspace: 30px;

    /* Site global fonts */
    --font-primary: "Supreme", sans-serif;
    /* For heading font */
    --font-secondary: "Supreme", sans-serif;
    /* For body font */

    --headerHeight: 0;

}

html {
    scroll-behavior: smooth;
}


/* =Box Sizing 
========================================================================================*/

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


/* =Deafult Tag & General Classes
========================================================================================*/

html,
body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

body {
    font: var(--body-font)/var(--body-lineheight) var(--font-secondary);
    color: var(--text-color);
    margin: 0 !important;
    padding-top: 97px;
}

body.admin-bar header#masthead {
    top: 32px !important;
}


img {
    vertical-align: top;
    border: 0;
}

a,
button {
    transition: all 350ms ease-in-out;
}

a {
    color: inherit;
    text-decoration: underline;


    /* &:hover {
        color: var(--orange);
    } */
}

a:hover,
a:focus,
a:active {
    color: #FB6E40;
}

header a:focus,
header a:active {
    color: var(--white);
}

/* @media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    a:active {
        background-color: transparent;
    }
} */

strong {
    font-weight: bold;
}

p {
    margin: 0 0 20px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 700;
    color: var(--heading-color);
}

h1 {
    font-size: var(--h1);
    color: var(--white);
}

h2 {
    font-size: var(--h2);
}

.h2-light {
    font-size: var(--h2-light);
}

h3 {
    font-size: var(--h3);
}

h4 {
    font-size: var(--h4);
}

h5 {
    font-size: var(--h5);
}

h6 {
    font-size: var(--h6);
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ol {
    margin-left: 0;
    padding-left: 20px;
}

ol li {
    line-height: var(--body-lineheight);
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

ul li {
    line-height: 24px;
}

blockquote {
    margin: 0;
    margin-bottom: 15px;
    padding: 30px;
    background-color: var(--light-white);
}

.faq-main-sec.bottom-border-hide.light-style .accordian-img::after {
    display: none;
}

.single-post iframe,
.single-project video {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.single-post .single-page-content-inner {
    width: 100%;
    max-width: 912px;
    margin: 0 auto;
}
.section-row ul li {
    margin-bottom: 15px;
}

.section-row ul {
    margin-bottom: 20px;
    margin-bottom: 20px;
}

.section-row ul:last-child,
.section-row ul li:last-child {
    margin-bottom: 0px;
}

.section-row ul li {
    line-height: var(--body-lineheight);
    padding-left: 24px;
    position: relative;
    z-index: 1;
}

.section-row ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 5px;
    left: 0;
    top: 0.6em;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    color: var(--primary);
}

p:last-child {
    margin-bottom: 0;
}

/* .wrap:after {
    content: "";
    display: table;
    clear: both;
} */

/* pragraph text */
.p-large p {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
}

.p-medium p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.p-small p {
    font-size: 14px;
    line-height: var(--body-lineheight);
    font-weight: 400;
}

section.pb-0 {
    padding-bottom: 0 !important;
}

section.pt-0,
section.padding-top-0 {
    padding-top: 0 !important;
}

section.mt-0 {
    margin-top: 0 !important;
}

section.mb-0 {
    margin-bottom: 0 !important;
}

.bg-dark-text-white :is(h1, h2, h3, h4, h5, h6, p span) {
    color: var(--light-white);
}

.h2-light strong {
    color: var(--primary);
}

.eyebrow {
    font-size: 16px;
    color: var(--sky-blue);
    border: 1px solid var(--light-silver);
    font-weight: 500;
    padding: 8px 12px;
    display: inline-block;
    letter-spacing: 0.4375em;
    text-transform: uppercase;
}

:focus {
    outline: none !important;
}

.large-wrap {
    max-width: calc(var(--large-wrap) + (var(--wrapspace) * 2));
    width: 100%;
    margin: 0 auto;
    padding-left: var(--wrapspace);
    padding-right: var(--wrapspace);
}

.wrap {
    max-width: calc(var(--wrap) + (var(--wrapspace) * 2));
    width: 100%;
    margin: 0 auto;
    padding-left: var(--wrapspace);
    padding-right: var(--wrapspace);
}

.small-wrap {
    max-width: calc(var(--small-wrap) + (var(--wrapspace) * 2));
    width: 100%;
    margin: 0 auto;
    padding-left: var(--wrapspace);
    padding-right: var(--wrapspace);
}


/* =Common button CSS
========================================================================================*/

.button {
    font-size: 16px;
    color: var(--white);
    line-height: 1;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    text-decoration: none;
    background: var(--graphite-gray);
    padding: 16px 41px;
    font-weight: 700;
    transition: all .25s ease-in-out;
}

.button:hover {
    color: var(--white);
    text-decoration: none !important;
}

/* smooth overlay layer */
.button::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--orange-gradient);
    opacity: 0;
    transition: opacity .35s ease;
    z-index: -1;
    pointer-events: none;
}

/* hover */
.button:hover::after {
    opacity: 1;
}

/* keep text above */
.button>*,
.button {
    position: relative;
    z-index: 1;
}

.button.dark {
    background: var(--white);
    color: var(--secondary);
}

.button:focus,
.button:active {
    color: var(--white);
}
.button.dark:focus,
 .button.dark:active{
    color: var(--secondary);
}

.button.header-btn:focus,
.button.header-btn:active {
    color: var(--graphite-gray);
}

/* overlay for dark */
.button.dark::after {
    background: var(--orange-gradient);
}

/* fade in dark bg */
.button.dark:hover {
    color: var(--white);
}

.button.dark:hover::after {
    opacity: 1;
}


.button.btn-inverted:hover,
.button.header-btn:hover {
    color: var(--white);


}

.button.btn-inverted {
    background-color: var(--white);
    color: var(--graphite-gray);

}

.btn-secondary:hover {
    background-color: var(--secondary);
    color: var(--primary);
}

.button.header-btn {
    font-size: 16px;
    color: var(--graphite-gray);
    border-radius: 24px;
    background: var(--white);
    text-align: center;
    padding: 16px 55px 16px 25px;
    position: relative;
    font-weight: 700;
    text-decoration: none;
}

.button.header-btn:before {
    content: '';
    position: fixed;
    top: 6px;
    right: 6px;
    bottom: 6px;
    width: 36px;
    height: 36px;
    background-color: var(--amber-gold);
    position: absolute;
    border-radius: 50%;
    background-image: url(../images/img-icon-24-arrow-right-white-2x.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.button.header-btn:hover:before {
    background-color: transparent;
}

.btn-outline {
    background-color: transparent;
    border: 1px solid var(--primary);
}

.btn-outline:hover {
    background-color: var(--primary);
    color: var(--white);
}

.btn-secondary-outline {
    background-color: transparent;
    border: 1px solid var(--secondary);
    color: var(--primary);
}

.btn-secondary-outline:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--primary);
}

.btn-white {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--primary);
}

.btn-white:hover {
    background-color: var(--primary);
    border-color: var(--white);
    color: var(--white);
}

.btn-white-outline {
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}

.btn-white-outline:hover {
    background-color: var(--white);
    color: var(--primary);
}

ul.custom_list li {
    font-size: var(--mediam-font);
    line-height: 1.5;
    padding: 7px 0;
    border-bottom: 1px solid var(--light-silver);
    display: inline-block;
}

ul.custom_list li {
    margin-bottom: 0;
    padding-left: 0;
}

ul.custom_list li:before {
    display: none;
}

ul.custom_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Banner Section */


/* Banner Section */

.section-row {
    padding: 120px 0;
}

.section-title {
    margin-bottom: 48px;
}

.section-title h2:last-child {
    margin-bottom: 0;
}

.section-title.center {
    display: table;
    margin: 0 auto 48px;
    text-align: center;
}

.center {
    text-align: center;
}

.section-title p:last-child {
    margin-bottom: 0;
}

figure {
    margin: 0;
}

#wpadminbar input[type="submit"] {
    border: 1px solid var(--secondary) !important;
    font-size: 12px !important;
    padding: 4px 14px 4px 14px !important;
}

#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input {
    display: inline-block;
    float: none;
    position: relative;
    z-index: 30;
    font-size: 13px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    line-height: 1.84615384 !important;
    text-indent: 0;
    height: 24px !important;
    width: 24px !important;
    max-width: none;
    padding: 0 3px 0 24px !important;
    margin: 0;
    color: #c3c4c7;
    background-color: rgba(255, 255, 255, 0) !important;
    border: none !important;
    outline: 0;
    cursor: pointer;
    box-shadow: none !important;
    box-sizing: border-box;
    transition-duration: .4s;
    transition-property: width, background;
    transition-timing-function: ease;
}

button,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select,
input[type="submit"],
input[type="button"] {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle;
}

button,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
}

button,
input {
    line-height: normal;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
    padding: 16px 20px 16px 20px !important;
    height: 60px !important;
    font-size: var(--body-font) !important;
    line-height: normal !important;
    font-family: var(--font-secondary) !important;
    font-weight: 500 !important;
    background-color: var(--white) !important;
    border: 1px solid var(--light-silver) !important;
    color: var(--graphite-gray) !important;
    border-radius: 0px !important;
    transition: border-color 200ms ease-in, color 200ms ease-in, background-color 200ms ease-in;
    width: 100%;
    box-shadow: none !important;
    border-radius: 4px !important;
}

textarea {
    min-block-size: 12.5rem !important;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="search"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--placeholder-color) !important;
    border-color: var(--primary) !important;
    font-weight: 400;
}

.gfield--type-address input[type="text"],
.gfield--type-address select,
.gfield--type-select select {
    color: var(--placeholder-color) !important;
}

input[type="text"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="email"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="number"]:focus::placeholder,
input[type="search"]:focus::placeholder,
input[type="url"]:focus::placeholder,
textarea:focus::placeholder,
select:focus::placeholder {
    color: var(--paragraph-color) !important;
    border-color: var(----orange) !important;
}

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="search"].error,
input[type="url"].error,
textarea.error,
select.error {
    border-color: var(--orange) !important;
    background: var(--white) !important;
}

.gfield_error input[type="text"],
.gfield_error input[type="password"],
.gfield_error input[type="email"],
.gfield_error input[type="number"],
.gfield_error input[type="tel"],
.gfield_error input[type="search"],
.gfield_error input[type="url"],
.gfield_error textarea,
.gfield_error select {
    border-color: var(--orange) !important;
    background: var(--white) !important;
}

.gfield_error input[type="text"]::placeholder,
.gfield_error input[type="password"]::placeholder,
.gfield_error input[type="email"]::placeholder,
.gfield_error input[type="number"]::placeholder,
.gfield_error input[type="tel"]::placeholder,
.gfield_error input[type="search"]::placeholder,
.gfield_error input[type="url"]::placeholder,
.gfield_error textarea::placeholder,
.gfield_error select::placeholder {
    color: var(--orange) !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    color: var(--paragraph-color) !important;
    border-color: var(--light-silver) !important;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="button"],
input[type="submit"],
button {
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-size: 16px;
    color: var(--white);
    line-height: 1;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease-in-out;
    position: relative;
    z-index: 1;
    border-radius: 24px;
    background: var(--graphite-gray);
    text-decoration: none;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
    background: var(--orange-gradient);
    color: var(--white) !important;
    text-decoration: none;
}

::-webkit-input-placeholder {
    opacity: 1;
}

::-moz-placeholder {
    opacity: 1;
}

:-ms-input-placeholder {
    opacity: 1;
}

:-moz-placeholder {
    opacity: 1;
}

.gfield_error input,
.gfield_error select,
.gfield_error textarea {
    border-color: var(--error-color) !important;
    background: var(--white) !important;
}


textarea {
    width: 100%;
    height: 190px;
    overflow: auto;
    resize: vertical;
    padding: 37px 30px 37px 56px;
    font-family: var(--font-secondary)
}

select {
    padding: 4px 30px 4px 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    background: none;
    line-height: 1.25;
    border-radius: 5px;
    color: var(--secondary);
}

select::-ms-expand {
    display: none;
}

.custom-select {
    display: block;
    margin: 0;
    position: relative;
    background: var(--white);
}

.custom-select:after {
    content: '\f107';
    position: absolute;
    color: #999999;
    font-family: "FontAwesome";
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
}

.overlay::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
}

::selection {
    background-color: var(--primary);
    color: var(--white);
}

hr {
    background-color: var(--light-silver);
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}


/* ========================================================== */

/* header css start  */

header#masthead {
    background-color: var(--primary);
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 25px 0;
    transition: 0.5s ease-in-out;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}

header#masthead.sticky {
    padding: 15px 0;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-logo {
    max-width: 164px;
    display: flex;
    width: 100%;
}

.header-logo a {
    display: block;
}

.header-logo img {
    display: block;
    transition: 0.5s ease-in-out;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-number {
    font-size: var(--mediam-font);
    font-weight: 700;
    color: var(--white);
    text-decoration: none;
}

.header-menu-main ul#menu-main-menu li.menu-item a {
    font-size: var(--mediam-font);
    color: var(--white);
    font-weight: 700;
    padding: 0 5px;
}

.header-menu-main ul#menu-main-menu {
    display: flex;
    gap: 15px;
}

/* .header-menu-main ul#menu-main-menu li.menu-item a:hover {
    color: var(--orange);
} */

.header-menu-main {
    display: flex;
    gap: 20px;
}

.header-search-icon i.fa.fa-search {
    font-size: 18px;
    color: var(--white);
}

.header-search-icon i.fa.fa-search:hover {
    color: var(--orange);
}

.header-search-box {
    position: absolute;
    width: 310px;
    position: absolute;
    top: 65px;
    right: 0;
}

.haeder-search-main {
    position: relative;
}

.header-search-box {
    display: none;

}

.header-search-box.active {
    display: block;
}

.header-search-box .search-btn {
    margin-left: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100% !important;
    padding: 10px 15px;
    border: none;
    overflow: hidden;
}

.header-search-box form {
    display: flex;
}

.header-search-box input.search-input {
    height: auto !important;
    padding: 10px 90px 10px 10px !important;
    border-radius: 50px !important;
}

.main-navigation ul ul.sub-menu {
    display: flex;
    flex-direction: column;
    background-color: var(--light-white);
    border-radius: 4px;
    padding: 15px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    min-width: 256px;
    top: 40px;
}

.header-menu-main ul#menu-main-menu ul.sub-menu li.menu-item a {
    color: var(--graphite-gray);
    border-radius: 6px;
    padding: 10px 15px;
    width: 100%;
    min-height: 36px;
}

.header-menu-main ul#menu-main-menu ul.sub-menu li.menu-item a:hover {
    color: var(--primary);
    background-color: var(--white);
}

.main-navigation li {
    position: relative;
    z-index: 1;
}

#masthead .header-logo img.sticky-logo {
    max-width: 112px;
    height: 0;
    opacity: 0;
}

#masthead.sticky .header-logo img.sticky-logo {
    height: auto;
    opacity: 1;
}


#masthead.sticky .header-logo img {
    height: 0;
    opacity: 0;
}

span.sub-menu-toggle {
    display: none;
}

/* header css end  */


/* footer css start  */


footer#colophon {
    background-color: var(--primary);
    padding: 90px 0 68px;
    background-image: url(../images/img-footer-rectangle.png);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    overflow: hidden;
}

footer#colophon .wrap {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.footer-row-one,
.footer-row-two {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.footer-label img {
    max-width: 100%;
    display: block;
}

.footer-label {
    /* padding: 13px; */
    position: relative;
    z-index: 1;
}

.footer-label:before {
    content: '';
    background: linear-gradient(225deg, rgba(251, 176, 64, 1) 0%, rgba(251, 110, 64, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
}

.footer-label:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100vw;
    background: var(--amber-gold);

}

.footer-logo {
    max-width: 262px;
}

.footer-logo a {
    display: block;
}

.footer-menu ul li.menu-item a {
    font-size: var(--mediam-font);
    color: var(--white);
    text-decoration: none;
    line-height: 1.5;
}

a.footer-number {
    font-size: var(--h3);
    color: var(--white);
    text-decoration: none;
    margin-bottom: 15px;
    display: block;
    line-height: 1.18;
}

.footer-address p {
    font-size: var(--mediam-font);
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 30px;
}

.footer-soical {
    display: flex;
    gap: 19px;
    align-items: center;
    justify-content: center;
}

.footer-soical a {
    display: flex;
}

.footer-soical a img {
    display: block;
}

.waseia-logo {
    margin-bottom: 15px;
}

.footer-copy-right p,
.footer-copy-right ul li {
    color: var(--white);
    font-size: calc(var(--mediam-font) - 2px);
    margin: 0;
    line-height: 1;
}

.footer-copy-right p a,
.footer-copy-right ul li a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
}

.footer-copy-right,
.footer-copy-right ul {
    display: flex;
}

.footer-copy-right ul {
    gap: 30px;
    margin-left: 30px;
}

.footer-menu ul li.menu-item a:hover,
.footer-copy-right p a:hover,
.footer-copy-right ul li a:hover {
    text-decoration: underline;
}

a.footer-number:hover {
    text-decoration: underline;
}

.footer-copy-right {
    margin-bottom: 17px;
}

.footer-bottom-content p {
    font-size: 12px;
    margin-bottom: 0;
    color: var(--white);
}

.footer-menu {
    display: flex;
    gap: 61px;
}

ul#menu-footer-menu,
ul#menu-footer-menu-1,
ul#menu-footer-menu-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0px;
    flex-direction: column;
}

.footer-menu {
    max-width: 600px;
}

/* 
.footer-menu ul li.menu-item {
    width: calc(33.33% - 0px);
} */

.waseia-logo img {
    max-width: 86px;
    width: 100%;
}

.footer-label img {
    max-width: 431px;
    width: 100%;
}


.footer-soical a i {
    color: var(--white);
    font-size: 20px;
    transition: 0.5s ease-in-out;
}

.footer-soical a {
    text-decoration: none;
}

.footer-soical i.fa-brands.fa-x-twitter:before {
    content: '';
    background-image: url(../images/twitter-icon-1.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.2s all;
}

.footer-soical i.fa-brands.fa-x-twitter {
    position: relative;
    width: 20px;
    height: 18px;
}

.footer-soical a:hover i {
    color: var(--orange);
}

/* .footer-soical a:hover i.fa-brands.fa-x-twitter:before {
    filter: brightness(0) saturate(100%) invert(65%) sepia(53%) saturate(4656%) hue-rotate(333deg) brightness(99%) contrast(99%);
} */

/* footer css end   */


/* Banner css start   */
.overlay-banner {
    position: absolute;
    inset: 0;
    background-color: var(--primary);
    opacity: 0.4;
}

.hero-banner-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
    background-color: var(--primary);
}

.banner-section-style-one {
    padding: 54px 0;
    min-height: 572px;
}

.banner-sub-title {
    font-size: calc(var(--mediam-font) + 1px);
    color: var(--amber-gold);
    font-weight: 900;
    line-height: normal;
    margin-bottom: 13px;
    display: block;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hero-banner-section:before {
    content: '';
    position: absolute;
    background: var(--gray-gradient);
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    pointer-events: none;
}

.banner-section-style-one:before,
.banner-section-style-two:before {
    height: 147px;
    z-index: 1;
}

.banner-section-style-three:before {
    height: 109px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
}

.hero-banner-content {
    max-width: 750px;
}

.banner-section-style-one h1.banner-title,
.banner-section-style-three h1.banner-title {
    font-size: var(--h1-banner-one);
}

.hero-banner-description p {
    font-size: calc(var(--mediam-font) + 3px);
    color: var(--white);
    margin-top: 15px;
}

.banner-section-style-two {
    padding: 120px 0;
    min-height: 772px;
    display: flex;
    align-items: end;
}

.banner-section-style-two .hero-banner-content {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.hero-banner-section .banner-sub-title {
    background-image: linear-gradient(90deg, #FB6E40 0%, #FBB040 24%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.hero-banner-section.banner-section-style-two .banner-sub-title {
    background-image: linear-gradient(90deg, #FB6E40 44%, #FBB040 50%);
}

.banner-section-style-three {
    padding: 61px 0 66px;
    min-height: 300px;
}

.banner-label {
    max-width: 460px;
    background-image: linear-gradient(225deg, #fbb040 0%, #fb6e40 100%);
    /* padding: 12px 10px; */
}

.banner-label img {
    width: 100%;
    margin: 0;
    display: block;
}

.banner-section-style-two .banner-label {
    margin-left: auto;
    margin-right: auto;
}

.hero-banner-section.banner-section-style-three {
    background-color: var(--primary);
    position: relative;
}

.hero-banner-section.banner-section-style-three {
    background-color: var(--primary);
    position: relative;
}

.hero-banner-section.banner-section-style-three:after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    top: 0;
    left: auto;
    background-image: url(../images/no-image-right.png);
    left: auto;
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    pointer-events: none;
}

.hero-banner-section.banner-section-style-three .wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    width: 424px;
    background: linear-gradient(184deg, rgba(251, 110, 64, 1) 0%, rgba(251, 176, 64, 1) 100%);
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 40.6% 100%);
    z-index: -2;
    pointer-events: none;
    display: none;
}

/* .hero-banner-section.banner-section-style-three:after {
    background-image: url(../images/img-small-banner-right-logo.png);
    bottom: 0;
    left: auto;
    right: 37px;
    width: 377px;
    height: 235px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    pointer-events: none;
} */

/* .rotate-words span {
 position: absolute;
 opacity: 0;
 margin: 0 auto;
 opacity: 1;
 text-align: center;
 display: block;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 transition: 0.1s all;
 opacity: 0;
    transition: opacity 1s ease, top 1s ease;
}

.rotate-words span.active {
    opacity: 1 !important;
    position:relative;
}


.rotate-words {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: bottom;
    height: calc(4.2rem * 1.1);
    width: 100%;
}
 */



.rotate-words {
    display: inline-block;
    position: relative;
    perspective: 1000px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.rotate-words span {
    position: absolute;
    left: 0;
    width: 100%;
    transform-origin: 50% 100%;
    /* rotate from bottom */
    transform: rotateX(90deg);
    /* start hidden at bottom */
    opacity: 0;
    backface-visibility: hidden;
    transition: transform 0.7s ease, opacity 0.7s ease;
}

.rotate-words span.active {
    transform: rotateX(0deg);
    /* visible front */
    opacity: 1;
}

.rotate-words span.exit {
    transform: rotateX(-90deg);
    /* rotate upward & go behind */
    opacity: 0;
}



.video-image-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.video-image-bg .swiper-slide .video-wrapper {
    height: 100%;
    width: 100%;
}

.video-image-bg .swiper-slide {
    height: 100%;
    width: 100%;
}

.video-image-bg .swiper-slide .video-wrapper iframe,
.video-image-bg .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .hero-banner-section.banner-section-style-two {
    overflow: hidden;
} */
.home-hero .home-line:before {
    position: absolute;
    content: '';
    height: 9px;
    width: 9px;
    background: var(--amber-gold);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -66px;
    border-radius: 10px;
    pointer-events: none;
}

.home-hero .home-line:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 1px;
    height: 66px;
    background-color: var(--amber-gold);
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
}

.video-image-bg .swiper-slide .video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    /* 16:9 ratio */
    min-height: 100vh;
    min-width: 177.77vh;
    /* 16:9 reverse ratio */
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.hero-banner-section .hero-banner-content {
    z-index: 1;
    position: relative;
}

.video-image-bg .swiper-slide>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-image-bg .swiper-slide {
    display: flex;
    align-items: end;
    justify-content: center;
}

/* .banner-section-style-two .hero-banner-content {
    padding-bottom: 120px;
} */






/* Banner css end   */


/* image-content-left-right-main-sec css start  */


.below-button {
    font-size: 12px;
    margin-top: 32px;
    color: var(--cool-gray);
}

.image-content-left-right-main-sec .basic-intro-left-info {
    padding: 0;
    max-width: 556px;
}

.image-content-left-right-main-sec .basic-intro-right-info {
    padding: 0;
    border: none;
    max-width: 458px;
}

.image-content-left-right-main-sec .basic-intro-row {
    padding-top: 60px;
    justify-content: space-between;
    align-items: flex-start;
}

section.image-content-left-right-main-sec.no-sub-text .basic-intro-row {
    padding-top: 0 !important;
}

.image-content-left-right-main-sec .basic-intro-left-info img {
    width: 100%;
}

.image-content-left-right-main-sec ul.custom_list {
    margin-bottom: 50px;
}

.image-content-left-right-main-sec ul.custom_list {
    margin-bottom: 50px;
}



.image-content-left-right-main-sec.style-2 .basic-intro-right-info {
    padding: 50px 47px 80px 60px;
    background: var(--white);
    max-width: 555px;
}

.image-content-left-right-main-sec.style-2 .basic-intro-row {
    justify-content: end;
}

.image-content-left-right-main-sec.style-2 h2.intro-title {
    margin-top: 22px;
}


.image-content-left-right-main-sec.style-2 .sub-title-sec::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100vw;
    height: 1px;
    background-color: var(--light-silver);
    z-index: -1;
    pointer-events: none;
}

.image-content-left-right-main-sec.style-2 .sub-title-sec {
    position: relative;
    z-index: 1;
}

.image-content-left-right-main-sec.style-2 {
    overflow: hidden;
}

.image-content-left-right-main-sec.style-2 .sub-title-sec {
    margin-left: -12px;
}

.image-content-left-right-main-sec h2.intro-title {
    font-size: var(--h2-light);
}

.image-content-left-right-main-sec.style-2 .basic-intro-row {
    padding-top: 0;
}

.image-content-left-right-main-sec.style-2 {
    background-color: var(--primary);
}

/* image-content-left-right-main-sec css end  */



/* content-with-quote-main-sec css start   */



.content-with-quote-main-sec .basic-intro-left-info {
    width: 50%;
    max-width: 458px;
}

.content-with-quote-main-sec {
    color: var(--light-white);
}

.content-with-quote-main-sec .basic-intro-row .intro-title {
    color: var(--light-white);
}

.content-with-quote-main-sec .basic-intro-right-info {
    width: 50%;
    max-width: 571px;
    padding: 54px 58px 129px;
    border-color: var(--slate-gray);
    position: relative;
    align-self: self-start;
    margin-bottom: 24px;
}

.content-with-quote-main-sec .basic-intro-row {
    justify-content: space-between;
}

.quote-content p {
    font-size: var(--quotes-font);
    color: var(--amber-gold);
    line-height: 1.2;
    font-weight: 400;
}

.quote-content {
    margin-bottom: 30px;
}

span.quote-customer-name {
    font-size: var(--mediam-font);
    line-height: 1.5;
    font-weight: 700;
    color: var(--light-white);
}

.content-with-quote-main-sec .button {
    margin-top: 60px;
}

.content-with-quote-main-sec.style-2 .basic-intro-right-info.content-with-quote-right-info:after {
    display: none;
}

.content-with-quote-main-sec .basic-intro-right-info:before {
    position: absolute;
    content: '';
    width: 48px;
    height: 34px;
    top: -17px;
    left: 58px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/img-quote-sec.png);
    pointer-events: none;
}

.quote_list .swiper-button-next,
.quote_list .swiper-button-prev {
    background-color: var(--white);
    width: 48px;
    height: 48px;
    bottom: -24px;
    transform: unset;
    top: unset;
    left: unset;
    border-radius: 30px;
}

.quote_list .swiper-button-next svg,
.quote_list .swiper-button-prev svg {
    display: none;
}

.basic-intro-right-info.content-with-quote-right-info .quote_list {
    position: unset;
}

.content-with-quote-main-sec .basic-intro-right-info.content-with-quote-right-info:after {
    position: absolute;
    content: '';
    height: 3px;
    width: 150px;
    bottom: -1px;
    right: 41px;
    background-color: var(--secondary);
    pointer-events: none;
}

.quote_list .swiper-button-next:before,
.quote_list .swiper-button-prev:before {
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    content: '';
    pointer-events: none;
}

.quote_list .swiper-button-prev {
    right: 121px;
}

.quote_list .swiper-button-next {
    right: 58px;
}

.quote_list .swiper-button-prev:before {
    background-image: url(../images/img-icon-24-chevron-left-black-2x.png);
}

.quote_list .swiper-button-next:before {
    background-image: url(../images/img-icon-24-chevron-right-black-2x.png);
    left: 53%;
}


.content-with-quote-main-sec.style-2 .basic-intro-right-info {
    border-color: var(--sky-blue);
}

.content-with-quote-main-sec.style-2 .basic-intro-row {
    border-top: 1px solid;
    border-color: var(--sky-blue);
}

.sub-title-sec~.basic-intro-row {
    border-top: none;
}

.content-with-quote-main-sec.style-2 .quote-content p {
    color: var(--white);
}

.content-with-quote-main-sec.style-2 .basic-intro-row {
    align-items: start;
}

.content-with-quote-main-sec.style-2 .basic-intro-left-info {
    padding-top: 35px;
}

.content-with-quote-main-sec.style-2 {
    background-color: var(--primary);
}

.content-with-quote-main-sec {
    background-color: var(--secondary);
}

.content-with-quote-main-sec.style-2 .basic-intro-row .intro-title {
    color: var(--sky-blue);
    font-weight: 400;
}

.content-with-quote-main-sec.style-2 .basic-intro-right-info {
    padding: 54px 58px 63px;
    margin-bottom: 0;
}

.content-with-quote-main-sec.style-2 .basic-intro-left-info {
    padding-top: 35px;
    padding-left: 26px;
    max-width: 380px;
}


.content-with-quote-main-sec.style-2.bg-image .basic-intro-row {
    border-top-color: var(--white);
}

.bg-image .basic-intro-left-info p {
    color: var(--light-white);
}

.content-with-quote-main-sec.style-2.bg-image .basic-intro-right-info .quote-content p {
    color: var(--primary);
}

.content-with-quote-main-sec.style-2.bg-image .basic-intro-right-info .quote-customer-name {
    color: var(--graphite-gray);
}

.content-with-quote-main-sec.style-2.bg-image .basic-intro-right-info {
    background-color: var(--white);
    border-color: var(--white);
}

.content-with-quote-main-sec.style-2.bg-image .basic-intro-row .intro-title {
    color: var(--white);
}

.content-with-quote-main-sec.style-3 .basic-intro-row {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.content-with-quote-main-sec.style-3 .basic-intro-left-info {
    padding: 0;
    max-width: 100%;
    width: 100%;
}

.content-with-quote-main-sec.style-3 .basic-intro-right-info {
    max-width: 100%;
    width: 100%;
    border-top: 1px solid;
    border-color: var(--slate-gray);
}

/* content-with-quote-main-sec css end */


/* logo slider css start  */

.logo-slider-main-sec .basic-intro-right-info {
    padding: 0;
    border: none;
    max-width: 520px;
}

.logo-slider-main-sec .basic-intro-row {
    align-items: self-start;
    justify-content: space-between;
    padding-top: 60px;
}

.logo-slider-main-sec .basic-intro-left-info {
    max-width: 458px;
    padding-top: 0;
}

.basic-intro-right-info .logo_list .logo_item {
    margin-top: 0 !important;
}

.basic-intro-right-info .logo_list .swiper-wrapper {
    row-gap: 30px;
}

.basic-intro-right-info .logo_list .logo_item a {
    display: block;
}

.basic-intro-right-info .logo_list .logo_item img {
    width: 100%;
    max-width: 130px;
    /* background-color: rgb(61 61 61 / 20%); */
    border-radius: 8px;
}

.logo_list .swiper-pagination span.swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    margin: 0 6px;
    background-color: var(--graphite-gray);
    opacity: 40%;
}

.logo_list .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.logo_list .swiper-pagination {
    height: auto;
    bottom: 8px;
}

.logo_list .swiper-button-next,
.logo_list .swiper-button-prev {
    bottom: 0;
    width: 48px;
    height: 48px;
    background-color: var(--graphite-gray);
    border-radius: 50px;
    bottom: 0;
    top: unset;
    left: unset;
    z-index: 999;
}

.logo_list .swiper-button-next:before,
.logo_list .swiper-button-prev:before {
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    content: '';
    width: 12px;
    height: 20px;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.logo_list .swiper-button-next svg,
.logo_list .swiper-button-prev svg {
    display: none;
}

.logo_list .swiper-button-next:before {
    background-image: url(../images/img-icon-24-chevron-right-white-2x.png);
    left: 53%;
}

.logo_list .swiper-button-prev:before {
    background-image: url(../images/img-icon-24-chevron-left-white-2x.png);
}

.logo_list .swiper-button-next {
    right: 0;
}

.logo_list .swiper-button-prev {
    right: 63px;
}

.logo_list {
    width: 100%;
    padding-bottom: 108px;
}

.logo_list .swiper-slide {
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 73px;
}

/* logo slider css end  */

/* featured project css start */
.project-list-inner .project-item:before,
.blog-list-inner .blog-post-item:before {
    content: '';
    position: absolute;
    width: 61px;
    height: 101px;
    top: -1px;
    right: -1px;
    background: linear-gradient(360deg, rgba(251, 110, 64, 1) 0%, rgba(251, 176, 64, 1) 100%);
    z-index: 1;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    opacity: 0;
    transition: 0.3s all;
    pointer-events: none;
}

.project-list-inner .project-item:hover:before,
.blog-list-inner .blog-post-item:hover:before {
    opacity: 1;
}

.project-item-img {
    max-width: 653px;
    width: 100%;
    max-height: 408px;
}

.project-item-img img {
    width: 100%;
    height: 100%;
}



.project-item-info {
    min-width: 457px;
    max-width: 457px;
    width: 100%;
}

.featured-project-main-sec .sub-title-sec {
    margin-bottom: 60px;
}

.basic-intro-row-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: end;
}

.basic-intro-row-top-left-info {
    max-width: 840px;
    flex: 1;
}

.basic-intro-row-top-right-info {
    /* max-width: 240px; */
}

.project-item {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    align-items: stretch;
}

.project-item-img {
    max-width: 653px;
    min-height: 100%;
}

.project-item-info {
    max-width: 458px;
    background-color: var(--primary);
    color: var(--white);
    padding: 71px 30px 36px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.project-item-img a {
    display: block;
    height: 100%;
}

.project-item-info:before {
    position: absolute;
    content: '';
    width: 61px;
    height: 101px;

    z-index: -1;
    top: -1px;
    right: -1px;
    background-image: linear-gradient(180deg, rgba(251, 175, 63, 1) 0%, rgba(251, 110, 63, 1) 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    pointer-events: none;
}

.client-name {
    font-size: var(--mediam-font);
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--sky-blue);
    margin-bottom: 10px;
}

.project-title {
    color: var(--white);
    font-weight: 400;
    margin-bottom: 15px;
}

.project-excerpt p {
    font-size: var(--mediam-font);
    line-height: 1.5;
    max-width: 330px;
    margin-bottom: 0;
}

.project-excerpt {
    margin-bottom: 48px;
}

.basic-intro-row-bottom {
    margin-top: 60px;
}

.button.project-btn {
    padding-left: 0;
    background: transparent;
    position: relative;
    padding: 22px 0;
    padding-right: 70px;
    position: relative;
    display: block;
    width: fit-content;
    margin-top: auto;
}

.button.project-btn::after {
    display: none;
}

.button.project-btn:before {
    content: '';
    left: unset;
    top: 6px;
    right: 6px;
    bottom: 6px;
    width: 48px;
    height: 48px;
    background-color: var(--white);
    position: absolute;
    border-radius: 50%;
    background-image: url(../images/img-icon-24-arrow-right-black-2x.png);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.button.project-btn:hover:before {
    background-image:
        url(../images/img-icon-24-arrow-right-white-2x.png),
        linear-gradient(270deg, var(--amber-gold) 0%, var(--orange) 100%);
    background-size: 27px, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
}

.featured-project-slider .swiper-button-next,
.featured-project-slider .swiper-button-prev {
    background-color: var(--white);
    width: 48px;
    height: 48px;
    bottom: 36px;
    transform: unset;
    top: unset;
    right: unset;
    border-radius: 30px;
}

.featured-project-slider .swiper-button-next:before,
.featured-project-slider .swiper-button-prev:before {
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    content: '';
    pointer-events: none;
}

.featured-project-slider .swiper-button-next {
    left: 99px;
}

.featured-project-slider .swiper-button-prev {
    left: 36px;
}

.featured-project-slider .swiper-button-next:before {
    background-image: url(../images/img-icon-24-chevron-right-black-2x.png);
    left: 53%;
}

.featured-project-slider .swiper-button-prev:before {
    background-image: url(../images/img-icon-24-chevron-left-black-2x.png);
}

.featured-project-slider .swiper-button-next svg,
.featured-project-slider .swiper-button-prev svg {
    display: none;
}

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

.project-excerpt {
    margin-bottom: 30px;
}

.featured-project-slider .swiper-slide {
    height: auto;
    display: flex;
}

.project-item-info {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    height: 100%;
}



/* featured project css end */

/* images section css start  */

section.pt-90 {
    padding-top: 90px;
}

.image-sectionx-main-sec .basic-intro-row {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

.image-sectionx-main-sec p {
    font-size: 14px;
}

.basic-intro-row-image img {
    margin-bottom: 20px;
    width: 100%;
}

.up_2_images-list {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
}

.style-2 .up_2_images-list .basic-intro-row-image {
    width: 50%;
}

.style-3.image-sectionx-main-sec .basic-intro-row {
    display: block;
}

.image-sectionx-main-sec.style-3 {
    position: relative;
    z-index: 1;
    padding-top: 90px;
    padding-bottom: 120px;

}

.image-sectionx-main-sec.style-3:before {
    content: '';
    position: absolute;
    bottom: 144px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--light-silver);
}

.image-sectionx-main-sec.style-3 .wrap:before {
    content: '';
    height: 4px;
    background: var(--white);
    bottom: 23px;
    position: absolute;
    right: 59px;
    width: 140px;
}

.image-sectionx-main-sec.style-3 .wrap {
    position: relative;
    z-index: 1;
}

.up_3_images-list .swiper-button-next {
    right: 43px;
}

.up_3_images-list .swiper-button-prev {
    right: 106px;
}

.up_3_images-list .swiper-button-next,
.up_3_images-list .swiper-button-prev {
    bottom: 0;
    width: 48px;
    height: 48px;
    background-color: var(--graphite-gray);
    border-radius: 50px;
    bottom: 0px;
    top: unset;
    left: unset;
    z-index: 999;
}

.up_3_images-list .swiper-button-next:before,
.up_3_images-list .swiper-button-prev:before {
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    content: '';
    width: 12px;
    height: 20px;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.up_3_images-list .swiper-button-next:before {
    background-image: url(../images/img-icon-24-chevron-right-white-2x.png);
    left: 53%;
}

.up_3_images-list .swiper-button-next svg,
.up_3_images-list .swiper-button-prev svg {
    display: none;
}

.up_3_images-list .swiper-button-prev:before {
    background-image: url(../images/img-icon-24-chevron-left-white-2x.png);
}

.up_3_images-list {
    padding-bottom: 78px;
}

.image-sectionx-main-sec {
    padding-bottom: 80px;
}



.image-sectionx-main-sec .video-poster {
    width: 100%;
    background-position: center;
    min-height: 641px;
}

.featured-project-slider .swiper-button-next,
.featured-project-slider .swiper-button-prev,
.up_3_images-list .swiper-button-next,
.up_3_images-list .swiper-button-prev,
.logo_list .swiper-button-next,
.logo_list .swiper-button-prev,
.quote_list .swiper-button-next,
.quote_list .swiper-button-prev {
    overflow: hidden;
}

.featured-project-slider .swiper-button-next:after,
.featured-project-slider .swiper-button-prev:after,
.up_3_images-list .swiper-button-next:after,
.up_3_images-list .swiper-button-prev:after,
.logo_list .swiper-button-next:after,
.logo_list .swiper-button-prev:after,
.quote_list .swiper-button-next:after,
.quote_list .swiper-button-prev:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, rgba(251, 176, 64, 1) 0%, rgba(251, 110, 64, 1) 100%);
    z-index: -1;
    opacity: 0;
    transition: 0.3s ease-in-out;
    pointer-events: none;
}

.featured-project-slider .swiper-button-next:hover:after,
.featured-project-slider .swiper-button-prev:hover:after,
.up_3_images-list .swiper-button-next:hover:after,
.up_3_images-list .swiper-button-prev:hover:after,
.logo_list .swiper-button-next:hover:after,
.logo_list .swiper-button-prev:hover:after,
.quote_list .swiper-button-next:hover:after,
.quote_list .swiper-button-prev:hover:after {
    opacity: 1;
}

.image-sectionx-main-sec .basic-intro-row p {
    text-align: left;
}

.up_3_images-list .basic-intro-row-image img {
    max-height: 340px;
    min-height: 340px;
    object-fit: cover;
}
.up_2_images-list .basic-intro-row-image img {
    max-height: 360px;
    min-height: 360px;
    object-fit: cover;
}

/* images section css end  */


/* Basic Intor Section Style */
.basic-intro-main-sec {
    padding: 88px 0 120px;
    overflow: hidden;
}

.basic-intro-main-sec.style-2 .button {
    margin-top: 20px;
}

.basic-intro-row {
    display: flex;
    gap: 88px;
    align-items: center;
}

.basic-intro-main-sec .basic-intro-row {
    align-items: flex-start;
}

.sub-title-sec {
    border-bottom: 1px solid var(--light-silver);
    margin-left: -10px;
}

.basic-intro-left-info :is(h2, h3, h4, h5, h6):last-child {
    margin-bottom: 0;
}

.basic-intro-row h2 {
    font-size: var(--h2-light);
}

.basic-intro-left-info {
    max-width: 360px;
    width: 100%;
    padding-block: 20px;
}

.basic-intro-right-info {
    max-width: 692px;
    width: 100%;
    padding: 59px 59px 59px 54px;
    border: 1px solid var(--light-silver);
    border-top: 0;
}

.sub-title-sec .eyebrow {
    border-bottom: 0;
}

.basic-intro-right-info p:last-child {
    margin-bottom: 0;
}

.basic-intro-main-sec.style-2 {
    padding: 116px 0 120px;
}

.basic-intro-main-sec.style-2 .basic-intro-row {
    border-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;
    max-width: 751px;
    width: 100%;
    margin: 0 auto;
}

.basic-intro-info-row {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 23px;
}

.basic-intro-main-sec.style-2 .sub-title-sec {
    position: relative;
    z-index: 1;
}

.basic-intro-main-sec.style-2 .sub-title-sec::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    background-color: var(--light-silver);
    z-index: -1;
    pointer-events: none;
}

.basic-intro-main-sec.style-2 .basic-intro-row .sub-title-sec {
    border-bottom: 0;
    margin-bottom: 23px;
}

.basic-intro-main-sec.style-2 .intro-title {
    margin-bottom: 0;
}

/* Basic Intor Section Style */


/* FAQ Section Start */

.faq-main-sec {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 120px 0 175px;
    background-color: var(--secondary);
    overflow: hidden;
}

.faq-main-sec.light-style {
    background-color: transparent;
}

.faq-title {
    font-size: var(--h2-light);
}

.faq-main-sec:not(.light-style) .faq-section-row .section-title :is(h2, h3, h4, h5, h6, p) {
    color: var(--light-white);
}

.faq-section-row .section-title {
    margin-bottom: 60px;
}

.faq-main-sec:not(.light-style) .section-title .eyebrow {
    border: 1px solid var(--slate-gray);
}

.faq-section-row .section-title .eyebrow {
    margin-bottom: 30px;
    margin-left: 0;
}

.light-style .accordion-row {
    color: var(--light-white);
}

.accordion-row {

    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
}

.accordion-data {
    color: var(--text-color);
}

.accordion-row:last-child {
    margin-bottom: 0;
}

.accordion-trigger {
    cursor: pointer;
}

.accordion-row.open .accordion-trigger {
    color: var(--light-white);
}

.faq-main-sec.light-style .accordion-row.open .accordion-trigger {
    color: var(--heading-color);
}

.accordion-row .accordion-trigger {
    margin: 0;
    position: relative;
    color: var(--cool-gray);
    font-size: var(--h3);
    display: flex;
    align-items: flex-start;
    gap: 15px;
    text-transform: none;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
}

.faq-icon {
    position: relative;
    z-index: 1;
    min-width: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--white);
    border-radius: 50%;
    overflow: hidden;
    font-size: 12px;
    margin-top: 5px;
    background: url("../images/right-arrow-icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease-in-out;
}

.accordion-row.open .faq-icon {
    background: url("../images/arrow-down-white-icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.faq-main-sec.light-style .accordion-row.open .faq-icon {
    background: url("../images/arrow-down-dark-icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.accordion-data {
    display: none;
    padding: 15px 27px 0 39px;
}

.faq-main-sec:not(.light-style) .accordion-data .button {
    margin-top: 10px;
    background-color: var(--white);
    color: var(--graphite-gray);
}

.faq-main-sec:not(.light-style) .accordion-data .button:hover {
    color: var(--white);
}

.accordion-data p a {
    text-decoration: underline;
    color: var(--primary);
}


.accordion-data a:hover {
    color: var(--secondary);
    text-decoration: none;
}

.accordion-data a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.accordion-data .button:hover {
    color: var(--white);
}

.accordion-data p {
    margin: 0 0 20px;
    color: var(--light-white);
}

.faq-main-sec.light-style .accordion-data p {
    color: var(--text-color);
}

.accordion-data p:last-child {
    margin-bottom: 0;
}

.accordian-main-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
}

.accordion-databox {
    max-width: 524px;
    width: 100%;
}

.accordian-right-sec {
    position: relative;
    z-index: 1;
    max-width: 500px;
    width: 100%;
}

.accordian-img {
    background-color: var(--primary);
    max-width: 500px;
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
}

.accordian-img::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100vw;
    height: 1px;
    background-color: var(--slate-gray);
    z-index: -1;
    pointer-events: none;
}

.faq-main-sec.light-style .accordian-img::after {
    background-color: var(--light-silver);
}

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

.rotate-img-txt {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    position: absolute;
    bottom: -13%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.grad-txt {
    font-size: 140px;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(90deg, var(--orange) 0%, var(--amber-gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    opacity: 0.85;
}

/* FAQ Section End */


/* Services Grid Section Start */

.services-grid-main-sec {
    padding: 116px 0 120px;
    background-color: var(--secondary);
    overflow: hidden;
    color: var(--light-white);
}

.services-title-sec :is(h2, h3, h4, h5, h6, p) {
    color: var(--light-white);
}

.services-title {
    font-size: var(--h2-light);
    margin-bottom: 15px;
}

.sub-title-sec.dark-eyebrow .eyebrow,
.sub-title-sec.dark-eyebrow {
    border-color: var(--slate-gray);
}

.light-style .sub-title-sec .eyebrow {
    background-color: var(--white);
}

.light-style .sub-title-sec.dark-eyebrow .eyebrow,
.light-style .sub-title-sec.dark-eyebrow {
    border-color: var(--light-silver);
}

.services-grid-section-row {
    padding-top: 64px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.services-title-sec {
    max-width: 458px;
    width: 100%;
}

.services-info p:last-child,
.services-title-sec .content p:last-child {
    margin-bottom: 0;
}

.services-grid-main {
    max-width: 615px;
    width: 100%;
}

.services-info-title {
    color: var(--sky-blue);
    line-height: 1.2634;
    margin-bottom: 2px;
    margin-left: -4px;
    transition: 0.3s all ease-in-out;
}

.services-info p {
    font-size: 16px;
    color: var(--light-white);
}

.services-info a {
    text-decoration: none;
}

.services-info a:hover .services-info-title {
    color: var(--amber-gold);
}

.services-grid-main {
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
}

.services-grid-box {
    width: calc(50% - 13.5px);
    padding-left: 4px;
    display: flex;
    flex-direction: column;
    height: auto;
}

.services-icon {
    margin-bottom: 14px;
    max-width: 48px;
    min-width: 48px;
    min-height: 48px;
}

.services-icon img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.faq-main-sec.section-row ul li {
    color: var(--light-white);
}

.faq-main-sec.section-row ul li:before {
    background: var(--light-white);
}

.faq-main-sec.light-style.section-row ul li {
    color: var(--text-color);
}

.faq-main-sec.light-style.section-row ul li:before {
    background: var(--text-color);
}

/* Services Grid Section End */


/* Two Up Content Section Start */

.two-up-content-main-sec {
    overflow: hidden;
}

.two-up-content-title-sec {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
}

.two-up-content-title-sec h2 {
    font-size: var(--h2-light);
    margin-bottom: 0;
    max-width: 458px;
    width: 100%;
}

.two-up-content-title-sec .content {
    max-width: 652px;
    width: 100%;
}

.two-up-content-title-sec .content p:last-child {
    margin-bottom: 0;
}

.two-up-content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 29px;
    max-width: 945px;
    width: 100%;
    margin: 0 auto;
    padding-top: 63px;
}

.two-up-content-image {
    margin-bottom: 15px;
    max-width: 458px;
    display: flex;
    width: 100%;
}

.two-up-content-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.two-up-content-info-title {
    margin-bottom: 4px;
}

.two-up-content-info .content p:last-child {
    margin-bottom: 0;
}

.two-up-content-info .content p {
    font-size: 16px;
}

.gradient-txt {
    font-size: var(--h3);
    font-weight: 400;
    line-height: 1.20833333;
    background: var(--orange-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.two-up-content-item .two-up-content-image {
    position: relative;
    z-index: 1;
    background-color: var(--primary);
}

.two-up-content-item:first-child .two-up-content-image::before,
.two-up-content-item:last-child .two-up-content-image::before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--light-silver);
    z-index: -1;
    pointer-events: none;
}

.two-up-content-item:first-child .two-up-content-image::before {
    top: -1px;
    right: 0;
}

.two-up-content-item:last-child .two-up-content-image::before {
    left: 0;
    bottom: -1px;
}

/* Two Up Content Section End */

/* Content With Video Section Start */

.home-cnt-video .sub-title-sec {
    padding-bottom: 43px;
    border-bottom: 0;
}

.home-cnt-video .sub-title-sec .eyebrow {
    border-bottom: 1px solid;
}

.content-with-video-main-sec:not(.light-style) {
    background-color: var(--secondary);
    color: var(--light-white);
}

.content-with-video-main-sec {
    overflow: hidden;
    /* padding: 115px 0 100px; */
}

.content-with-video-main-sec .rotate-img-txt,
.step-main-sec .rotate-img-txt,
.faq-main-sec .rotate-img-txt {
    left: unset;
    transform: unset;
    right: -11%;
    bottom: unset;
    top: 0;
}

.faq-main-sec .rotate-img-txt {
    left: unset;
    transform: unset;
    right: -15%;
    bottom: unset;
    top: 14%;
}

.video-poster-img {
    background-color: var(--primary);
    max-width: 653px;
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
}

.video-poster-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-poster {
    background-color: var(--primary);
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    min-height: 368px;
    background-size: cover;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-with-video-main-sec.light-style .video-caption {
    border-color: var(--light-silver);
}

.video-caption {
    border: 1px solid var(--slate-gray);
    max-width: 488px;
    width: 100%;
    padding: 20px 47px 20px 20px;
    border-top: 0;
}

.video-caption p {
    font-size: 16px;
}

.video-caption p:last-child {
    margin-bottom: 0;
}

.content-with-video-right {
    max-width: 653px;
    width: 100%;
}

.content-with-video-left {
    max-width: 458px;
    width: 100%;
    padding-top: 51px;
}

.content-with-video-row {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.content-with-video-left .content {
    max-width: 420px;
    width: 100%;
}

.content-with-video-main-sec:not(.light-style) .content-with-video-left .button {
    background-color: var(--white);
    color: var(--graphite-gray);
}

.content-with-video-main-sec:not(.light-style) .content-with-video-left .button:hover {
    color: var(--light-white);
}

.content-with-video-left .button {
    margin-top: 40px;
}

.content-with-video-left .section-title {
    font-size: var(--h2-light);
    margin-bottom: 15px;
}

.content-with-video-main-sec:not(.light-style) .content-with-video-left :is(h2, h3, h4, h5, h6) {
    color: inherit;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: var(--primary);
}

.fancybox-button {
    background: var(--white);
    transition: all 350ms ease-in-out;
}

.fancybox-button:hover {
    background: var(--sky-blue);
}

.video-icon {
    --icon-width-height: 80px;
    width: var(--icon-width-height);
    height: var(--icon-width-height);
    aspect-ratio: 1;
}

.video-icon img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.content-with-video-main-sec.style_left .content-with-video-row {flex-direction: row-reverse;}

.content-with-video-main-sec.style_left .sub-title-sec.dark-eyebrow {
    margin-left: 0;
}
/* Content With Video Section End */


/* Data Points Section Start */

.data-points-main-sec:not(.light-style) {
    background-color: var(--secondary);
    color: var(--light-white);
}

.data-points-main-sec:not(.light-style) :is(h2, h3, h4, h5, h6) {
    color: inherit;
}

.data-points-row {
    margin-top: 29px;
}

.data-points-row .section-title {
    margin-bottom: 140px;
}

.data-points-row-box {
    display: flex;
    justify-content: center;
    gap: 29px;
    flex-wrap: wrap;
}

.data-points-box {
    border: 1px solid var(--slate-gray);
    padding: 60px 30px 30px;
    min-height: 176px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(33.33% - 19.33333333px);
    position: relative;
    z-index: 1;
}

.data-points-box .count {
    margin-bottom: 0;
    font-size: inherit;
}

.counter {
    position: absolute;
    top: -98px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    opacity: 1;
}

.suffix {
    font-weight: 700;
}

.counter-title {
    margin-bottom: 0;
}

.light-style .data-points-box {
    border-color: var(--light-silver);
}

/* Data Points Section End */

/* Service Tiles Section Start */

.service-tiles-main-sec .sub-title-sec {
    margin-left: 0;
}

.service-tiles-main-sec .sub-title-sec .eyebrow {
    background-color: var(--white);
}

.service-tiles-sec {
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.service-tiles-title :is(h2, h3, h4, h5, h6):last-child {
    margin-bottom: 0;
}

.service-tiles-title {
    max-width: 456px;
    width: 100%;
}

.service-tiles-sec .content {
    max-width: 458px;
    width: 100%;
}

.service-tiles-sec .content p:last-child {
    margin-bottom: 0;
}

.service-tiles-main {
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.services-tiles-box {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--light-silver);
}

.service-tiles-title .h2-light {
    line-height: 1.25;
}

.services-tiles-image {
    max-width: 457px;
    width: 100%;
    background-color: var(--primary);
    margin: -1px;
}

.service-tiles-info-title {
    margin-bottom: 15px;
}

.service-tiles-info-box {
    padding: 60px;
    display: flex;
    max-width: 983px;
    width: 100%;
}

.service-tiles-info {

    width: 100%;
}

.services-tiles-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buttons {
    display: flex;
    align-items: center;
    gap: 10px 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}


.project-back {
    padding-left: 0;
    background: transparent;
    position: relative;
    z-index: 1;
    padding-right: 55px;
    color: var(--secondary);
    display: inline-flex;
}

.project-back::before {
    content: '';
    top: 6px;
    right: 6px;
    bottom: 6px;
    width: 36px;
    height: 36px;
    background-color: var(--secondary);
    position: absolute;
    border-radius: 50%;
    background-image: url(../images/img-icon-24-arrow-right-white-2x.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none;
}

.project-back::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: transparent;
    background-image:
        url(../images/img-icon-24-arrow-right-white-2x.png),
        linear-gradient(270deg, var(--amber-gold) 0%, var(--orange) 100%);
    background-size: 24px, 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    left: auto;
    z-index: 4;
    pointer-events: none;
}

.project-back:hover {
    background: transparent;
    color: var(--secondary);
}

.project-back:hover::before {
    background-color: transparent;
    opacity: 0;
}

.project-back:hover::after {
    opacity: 1;
}

.blue-shape {
    position: relative;
    z-index: 1;
}

.blue-shape::before {
    position: absolute;
    content: '';
    width: 118px;
    height: 195px;
    z-index: -1;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, var(--primary) 0%, var(--sky-blue) 100%);
    clip-path: polygon(0 100%, 100% 0, 0 0);
    pointer-events: none;
}

/* Service Tiles Section End */


/* 2 Column with side image Start */

.two-column-side-img-main-sec {
    background-color: var(--light-white);
    overflow: hidden;
}

.two-column-side-img-main-sec .wrap {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

.two-column-side-img-services-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    padding-top: 45px;
}

.two-column-side-right-sec {
    padding-top: 60px;
    padding-inline: 20px;
    max-width: 888px;
    width: 100%;
}

.two-column-side-img-sec {
    position: relative;
    z-index: 2;
    max-width: 382px;
    width: 100%;
    background-color: var(--primary);
    /* min-height: 640px; */
}

.two-column-side-img-sec figure {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 640px;
    max-height: 640px;
}

.two-column-side-img-sec img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.two-column-side-img-row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}



.two-column-side-img-title-sec {
    position: relative;
    z-index: 1;
    padding-bottom: 48px;
}

.two-column-side-img-title-sec .two-column-side-img-title,
.two-column-side-img-title-sec .content {
    max-width: 750px;
    width: 100%;
}

.two-column-side-img-services-icon {
    margin-bottom: 20px;
    min-width: 48px;
    max-width: 48px;
}

.two-column-side-img-services-icon img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.two-column-side-img-title-sec,
.content p:last-child {
    margin-bottom: 0;
}

.two-column-side-img-title-sec::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: #C7C8CA;
    width: 125%;
    height: 1px;
    z-index: -1;
    pointer-events: none;
}

.two-column-side-img-service-info :is(h2, h3, h4, h5, h6) {
    margin-bottom: 10px;
    line-height: 1.292;
}

.two-column-side-img-service-info-title {
    max-width: 360px;
    width: 100%;
}

.learn-more-btn {
    margin-top: 60px;
}

/* 2 Column with side image End */


/* Process Tabs Section Start */

.process-tabs-main-sec.section-row+.process-tabs-main-sec.section-row {
    border-top: 1px solid #636466;
}

.process-tabs-main-sec {
    /* padding-bottom: 60px; */
}

.process-tabs-main-sec:not(.light-style) {
    background-color: var(--secondary);
    color: var(--light-white);
}

.process-tabs-main-sec .section-title {
    margin-bottom: 0;
}

.process-tabs-main-sec .section-title+div {
    margin-top: 65px;
}

.process-tabs-main-sec:not(.light-style) :is(h2, h3, h4, h5, h6) {
    color: inherit;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.process-tabs-main-sec:not(.light-style) .process-tabs-row {
    border: 1px solid var(--slate-gray);
}

.process-tabs-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border: 1px solid var(--light-silver);
    min-height: 364px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.process-tabs-row::before,
.process-tabs-row::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: #fbb040;
    z-index: -1;
    pointer-events: none;
}

.process-tabs-row::before {
    width: 90px;
    height: 1px;
}

.process-tabs-row::after {
    width: 1px;
    height: 90px;
}

.process-tabs-info {
    padding: 60px 75px 60px 151px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.process-tabs-image {
    max-width: 34%;
    min-width: 34%;
    width: 100%;
    background-color: var(--primary);
}

.process-tabs-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.process-tabs-info p:last-child {
    margin-bottom: 0;
}

.process-tabs-info .gradient-txt {
    margin-bottom: 15px;
}

.process-tabs-main-sec .sub-title-sec {
    margin-bottom: 20px;
}

.tab-btn .steps {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.43733333em;
    text-transform: uppercase;
}

.tab-btn {
    background-color: transparent;
    font-size: var(--body-font);
    font-weight: 700;
    color: var(--slate-gray);
    padding: 0px 20px 18px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 2px;
    border: 0;
    border-radius: 0;
    flex: 1 0 calc(20% - 4px);
    position: relative;
    z-index: 1;
    font-family: var(--font-primary);
}

.process-tabs-main-sec:not(.light-style) .step-number {
    background-color: var(--secondary);
    color: var(--slate-gray);
}

.step-number {
    position: absolute;
    left: -60px;
    bottom: -25px;
    font-size: 140px;
    font-weight: 700;
    text-align: center;
    color: var(--light-silver);
    pointer-events: none;
    line-height: 1;
    background-color: var(--white);
    padding-right: 20px;
}

.tab-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: var(--light-silver);
    z-index: -1;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.process-tabs-main-sec:not(.light-style) .tab-btn::after {
    background-color: var(--slate-gray);
}

.tab-btn-label {
    line-height: 1.2634;
}

.tab-btn:first-child::after {
    border-radius: 3px 0px 0px 3px;
}

.tab-btn:last-child::after {
    border-radius: 0px 3px 3px 0px;
}

.porcess-tabs {
    display: flex;
    /* align-items: center; */
    gap: 5px;
    justify-content: center;
}

.tab-btn:hover {
    background: transparent;
    color: #939598 !important;
}

.tab-btn.active .steps {
    color: var(--sky-blue);
}

.tab-btn.active {
    color: #f1f2f2 !important;
}

.process-tabs-main-sec.light-style .tab-btn.active {
    color: #939598 !important;
}

.process-tabs-main-sec.light-style .tab-btn:hover {
    color: var(--sky-blue) !important;
}

.process-tabs-main-sec .tab-btn:hover::after {
    background-color: #939598;
}

.process-tabs-main-sec .tab-btn.active::after {
    background-color: #f1f2f2;
}

.process-tabs-main-sec.light-style .tab-btn.active::after {
    background-color: #939598;
}

.process-tabs-main-sec.light-style .tab-btn:hover::after {
    background-color: var(--sky-blue);
}

/* Process Tabs Section End */

/* CTA Section Start */

.cta-main-sec {
    background-color: var(--light-white);
    padding: 90px 0 60px;
}

.cta-title-sec .cta-title {
    color: var(--primary);
    font-size: calc(var(--h2) + 3px);
    margin-bottom: 0;
}

.cta-title-sec h2 {
    font-size: calc(var(--h2) + 3px);
}

.cta-row+.cta-info {
    margin-top: 22px;
}

.cta-btn {
    max-width: max-content;
    width: 100%;
}

.cta-btn .button {
    font-size: 20px;
    color: var(--white);
    border-radius: 32px;
    text-align: center;
    padding: 22px 91px 22px 43px;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
    background: var(--orange-gradient);
}

/* hover gradient layer */
.cta-btn .button::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #FBB040 0%, #FBB040 100%);
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
    z-index: -1;
    pointer-events: none;
}

/* show on hover */
.cta-btn .button:hover::after {
    opacity: 1;
}

/* keep text above gradient */
.cta-btn .button span,
.cta-btn .button {
    position: relative;
    z-index: 1;
}

/* arrow circle */
.cta-btn .button:before {
    content: '';
    position: absolute;
    /* removed fixed */
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #3e3e3f;
    background-image: url(../images/img-icon-48-bolt-2x.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none;
}

.cta-row {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.cta-info {
    max-width: 460px;
    margin: 0 auto;
    text-align: center;
}

.cta-info p:last-child {
    margin-bottom: 0;
}

.desk-none {
    display: none;
}

.cta-main-sec.cta-style-2 {
    padding: 100px 0;
}

.cta-main-sec.cta-style-2 .cta-row {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 510px;
}

.cta-main-sec.cta-style-2 .cta-main-row {
    display: flex;
    display: flex;
    max-width: 1073px;
    margin: 0 auto;
    justify-content: space-between;
    gap: 30px;
}

.cta-main-sec.cta-style-2 .cta-info {
    text-align: left;
    margin: 0;
    flex: 1;
}

.cta-main-sec.cta-style-2 .cta-title-sec .cta-title {
    letter-spacing: -0.75px;
}

/* CTA Section End */



/* home page line css  */
.home-hero .banner-label:before {
    position: absolute;
    content: '';
    height: 9px;
    width: 9px;
    background: var(--amber-gold);
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc(200% + 150px);
    border-radius: 10px;
    pointer-events: none;
}

.home-hero .banner-label:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 1px;
    height: calc(100% + 150px);
    background-color: var(--amber-gold);
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
}

.home-hero .banner-label {
    position: relative;
    z-index: 1;
}


.section-top-line .sub-title.eyebrow {
    position: relative;
    z-index: 1;
}

.section-top-line .sub-title.eyebrow:before {
    content: '';
    width: 1px;
    height: 100vh;
    background-color: var(--slate-gray);
    left: 50%;
    bottom: 100%;
    right: 50%;
    pointer-events: none;
}

.home-hero .banner-label {
    position: relative;
    z-index: 1;
}

.section-top--bottom-line {
    position: relative;
    z-index: 1;
}

.section-top--bottom-line:before {
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: var(--light-silver);
    right: 0;
    margin: 0 auto;
    z-index: -1;
    pointer-events: none;
}

.section-top-line .sub-title.eyebrow {
    position: relative;
    z-index: 1;
}

.section-top-line .sub-title.eyebrow {
    position: relative;
    z-index: 1;
}

.section-top-line .sub-title.eyebrow:before {
    content: '';
    width: 1px;
    height: 300%;
    background-color: var(--slate-gray);
    left: 0;
    bottom: 100%;
    right: 50%;
    position: absolute;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
}

/* home page line css end  */

/* Our Team Section CSS Start */

.our-team-main-sec .sub-title-sec {
    margin-left: 0;
    border-bottom: 0;
}

.our-team-main-row {
    border: 1px solid var(--light-silver);
    padding: 60px 45px;
}

.our-team-section-title {
    display: flex;
    align-items: flex-start;
    gap: 82px;
    margin-bottom: 60px;
}

.our-team-title {
    margin-bottom: 0;
    flex: 1;
}

.our-team-content {
    max-width: 508px;
    width: 100%;
}

.our-team-row {
    display: flex;
    gap: 45px;
    flex-wrap: wrap;
    justify-content: center;
}

.our-team-box {
    width: calc(33.33% - 30px);
}

.our-team-img {
    margin-bottom: 20px;
    background-color: var(--primary);
    width: 100%;
}

.our-team-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.team-title {
    font-size: calc(var(--h3) - 3px);
    line-height: 1.2385;
    margin-bottom: 4px;
    font-weight: 700;
}

.designation {
    font-size: 16px;
}

.our-team-info-col :is(h2, h3, h4, h5, h6):last-child {
    margin-bottom: 0;
}

.out-team-cta-box {
    margin: 45px 0;
    background-color: var(--primary);
    color: var(--white);
    min-height: 360px;
    display: flex;
    align-items: stretch;
}

.our-team-cta-info {
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.our-team-cta-info :is(h2, h3, h4, h5, h6) {
    color: inherit;
}

.cta-sub-title-sec {
    color: var(--sky-blue);
}

.cta-sub-title-sec :is(h2, h3, h4, h5, h6) {
    margin-bottom: 15px;
}

.team-cta-btn {
    margin-top: 10px;
}

.team-cta-btn .button {
    background-color: var(--white);
    color: var(--graphite-gray);
}

.team-cta-btn .button:hover {
    color: var(--white);
}

.our-team-cta-img {
    max-width: 360px;
    min-width: 360px;
    background-color: var(--cool-gray);
}

.our-team-cta-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Our Team Section CSS End */



/* step section css start  */
.step-main-sec {
    overflow: hidden;
    background-color: var(--secondary);
    color: var(--white);
}

.step-row {
    display: flex;
    gap: 30px;
}

.step-main-sec .faq-title {
    color: var(--white);
}

.step-title {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(270deg, var(--amber-gold) 0%, var(--orange) 100%);
    background-clip: text;
    font-weight: 400;
    margin-bottom: 2px;
}

.step-left {
    display: flex;
    gap: 11px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    justify-content: space-between;
}

span.step-label {
    font-size: 15px;
    letter-spacing: 0.391em;
    color: var(--slate-gray);
    line-height: 1.6;
    height: 32px;
    place-content: center;
}

span.step-number-right {
    color: var(--sky-blue);
    font-size: var(--h3);
    background-color: var(--secondary);
    position: relative;
    line-height: 1.4;
    z-index: 1;
    width: 14px;
    height: 32px;
    text-align: center;
}

span.step-number-right:before {
    z-index: -1;
    content: '';
    position: absolute;
    width: 1px;
    background-color: var(--slate-gray);
    height: 100vh;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 100%;
    pointer-events: none;
}

.step-row:last-child .step-number-right:before {
    display: none;
}

.step-right {
    flex: 1;
    margin-bottom: 25px;
}

.step-row:last-child .step-right {
    margin-bottom: 0;
}

.step-databox {
    max-width: 555px;
}

.process-page-tab {
    padding-top: 60px;
}

/* step section css end  */



/* Contact Us Section CSS Start */

.contact-details .footer-soical {
    justify-content: flex-start;
    padding-top: 24px;
}

.contact-details .footer-soical a {
    color: #000;
}

.contact-details .footer-soical a:hover {
    color: var(--orange);
}

.contact-details .footer-soical a i {
    color: inherit;
}

.contact-details .footer-soical i.fa-brands.fa-x-twitter:before {
    background-image: url(../images/twitter-icon-black.svg);
}

.contact-us-row {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.contact-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-buttons .button {
    width: 100%;
}

.contact-buttons .button.left-icons:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #636466;
    background-image: url(../images/img-icon-24-request-quote-2x.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none;
}

.contact-buttons .button.left-icons.get-support:before {
    background-image: url(../images/img-icon-24-get-support-2x.png);
}

.contact-buttons .button.left-icons.make-referral:before {
    background-image: url(../images/img-icon-24-make-referral-2x.png);
}

.contact-buttons .button.left-icons.pay-invoice:before {
    background-image: url(../images/img-icon-24-pay-invoice-2x.png);
}

.view-map {
    text-align: right;
    margin-top: 32px;
}

.view-map .button:active {
    color: var(--secondary);
}

.contact-us-left-sec {
    max-width: 652px;
    width: 100%;
}

.contact-us-right {
    max-width: 360px;
    width: 100%;
}

.contact-info-row {
    padding-top: 60px;
    display: flex;
    gap: 10px;
}

.contact-details ul {
    list-style-type: none;
    margin-bottom: 0;
}

.contact-details ul li {
    margin-bottom: 4px;
    padding-left: 0;
}

.contact-details ul li a {
    text-decoration: none;
}

.contact-details ul li .number {
    font-size: var(--h3);
}

.contact-details ul li::before {
    display: none;
}

.contact-details ul li:last-child {
    margin-bottom: 0;
}

.contact-addreess {
    max-width: 282px;
    width: 100%;
}

.contact-addreess address {
    margin-bottom: 0;
    font-style: normal;
}

.contact-us-right .gradient-txt {
    margin-bottom: 30px;
}

.contact-buttons .button.left-icons {
    width: 100%;
}

.map-iframe-col iframe {
    background: var(--primary);
    display: block;
}

.map-iframe-col {
    padding-top: 101px;
}

.basic-intro-main-sec+.image-content-left-right-main-sec {
    padding-top: 0;
}

.contact-us-form .gfield_radio,
.contact-us-form .gfield_checkbox {
    flex-direction: row !important;
    flex-wrap: wrap;
}

.contact-us-form .gfield_radio .gfield-choice-input,
.contact-us-form .gfield_checkbox .gfield-choice-input,
.contact-us-form .gfield_radio label,
.contact-us-form .gfield_checkbox label {
    cursor: pointer;
}

.contact-us-form .how-help-col{
    height: auto !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* Contact Us Section CSS End */

/* Conetent data css start */

.conetent-data-main-sec .basic-intro-left-info {
    max-width: 652px;
    padding: 0;
}

.conetent-data-main-sec .basic-intro-right-info {
    max-width: 420px;
    padding: 0;
    border: none;
}

.conetent-data-main-sec .data-points-box {
    width: 100%;
}

.conetent-data-main-sec .counter-title {
    font-weight: 400;
}

.conetent-data-main-sec .data-points-box {
    width: 100%;
    border-color: var(--light-silver);
}


.contact-form-main-sec {
    background-color: var(--light-white);
}

.gfield_required,
.gform_required_legend {
    display: none;
}

.gform-theme--foundation .gform-grid-row,
.gform-theme--foundation .gform_fields {
    gap: 20px 30px !important;
}

.gfield_label.gform-field-label {
    font-size: var(--body-font) !important;
    margin-bottom: 12px;
    display: inline-block;
    font-weight: 700 !important;
    color: var(--graphite-gray) !important;
}

.gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto#input_1_3_3_container {
    padding-right: 0;
}

.gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto#input_1_3_6_container {
    padding-left: 0;
}

.gform-theme--foundation .gform-grid-row {
    margin: 0;
}

.address_line_2.ginput_address_line_2 {
    display: none;
}

.ginput_container_address {
    display: flex;
    margin: 0 !important;
}

.ginput_container_address .gform-grid-col {
    padding: 0 !important;
}

.gform-theme--foundation .ginput_address_city,
.gform-theme--foundation .ginput_address_country,
.gform-theme--foundation .ginput_address_state,
.gform-theme--foundation .ginput_address_zip {
    inline-size: calc(33.33% - 20px) !important;
}

.contact-form-row .contact-us-section-title {
    text-align: center;
    max-width: 750px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 60px;
}

.gform_footer {
    cursor: pointer !important;
    margin-top: 60px !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 2;
    display: table !important;
    margin-inline: auto !important;
    /* padding: 16px 41px !important;
    border-radius: 24px !important;
    text-decoration: none;
    background: var(--graphite-gray) !important;
    font-weight: 700 !important; */
}

/* .contact-us-form input[type="submit"] {
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
    padding: 0 !important;
    min-height: auto;
}

.contact-us-form input[type="submit"]:hover {
    background: transparent !important;
}

.gform_footer:hover::after {
    opacity: 1;
}

.gform_footer::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--orange-gradient);
    opacity: 0;
    transition: opacity .35s ease;
    z-index: -1;
    pointer-events: none;
} */

.gfield--type-select select,
.ginput_address_state select {
    background-image: url(../images/drop-down-arrows.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center right 20px !important;
    background-size: 11px !important;
}

.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_1,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_2,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_3,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_6,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_7,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_8,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_9,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_10,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_11,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_12,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_13,
.contact-us-form .gform_wrapper .gform_footer input#gform_submit_button_14,
.search .search-submit {
    font-size: 16px;
    color: var(--white);
    line-height: 1;
    text-align: center;
    display: block;
    text-decoration: none;
    background: transparent;
    box-shadow: none;
    padding: 16px 41px;
    font-weight: 700;
    transition: all .25s ease-in-out;
}

.search .search-submit {
    background-color: var(--graphite-gray);
    margin-top: 20px;
}

.gform_wrapper span.gform-loader {
    display: none;
}

.search .search-submit:hover {
    background: var(--orange-gradient);
    margin-top: 20px;
}

.contact-us-form .gform_wrapper .gform_footer {
    background-color: var(--graphite-gray);
    border-radius: 50px;
    overflow: hidden;
    position: relative !important;
}

.contact-us-form .gform_wrapper .gform_footer::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--orange-gradient);
    opacity: 0;
    transition: opacity .35s ease;
    z-index: 0;
    pointer-events: none;
}

.contact-us-form .gform_wrapper .gform_footer:hover::after {
    opacity: 1;
}

/* Conetent data css end */




/* porject page css start */
section.project-banner,
section.blog-banner {
    padding: 60px 0 30px;
    background-color: var(--primary);
    position: relative;
    z-index: 1;
}

section.project-banner:after,
section.blog-banner:after {
    content: '';
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    height: 109px;
    background: var(--dark-bg-gradient);
}

.project-banner-inner .banner-sub-title,
.blog-banner-inner .banner-sub-title {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #FB6E40 0%, #FBB040 24%);
    background-clip: text;
}

.project-banner-inner .banner-title {
    font-size: var(--h1-banner-one);
    max-width: 847px;
    margin-bottom: 30px;
}

.latest-project-item a,
.latest-blog-item a {
    display: block;
    width: 100%;
}

.latest-project-item img,
.latest-blog-item img {
    height: 640px;
    object-fit: cover;
    width: 100%;
    transition: 0.3s ease-in-out;
    background-color: var(--white);
}

.latest-project-item-image,
.latest-blog-image {
    overflow: hidden;
}

.latest-project-item a:hover img,
.latest-blog-item a:hover img {
    transform: scale(1.05);
}

.latest-project-item,
.latest-blog-item {
    width: 100%;
    position: relative;
}

.latest-project-content,
.latest-blog-content {
    position: absolute;
    bottom: 0;
    left: 45px;
    bottom: 43px;
    right: 30px;
    color: var(--white);
    z-index: 1;
}

.latest-project-item:before,
.latest-blog-item:before {
    position: absolute;
    content: '';
    height: 179px;
    background: linear-gradient(180deg,
            rgba(26, 26, 26, 0) 0%,
            rgba(26, 26, 26, 0.8) 100%);
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

.latest-project-content h2,
.latest-blog-content h2 {
    font-size: var(--h2-light);
    color: var(--white);
    margin-bottom: 0;
    transition: 0.3s ease-in-out;
}

.latest-project-item a:hover h2,
.latest-blog-item a:hover h2 {
    color: var(--amber-gold);
}

.location-name {
    font-weight: 700;
    line-height: 1.2;
}

.project-banner:before,
.blog-banner:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 232px;
    background: var(--secondary);
    content:
        '';
}

section.project-list,
.blog-list-section {
    padding: 35px 0 120px;
    background-color: var(--secondary);
}

.project-category,
.blog-category-filter {
    display: flex;
    gap: 30px;
    margin-bottom: 62px;
}


.category-buttons,
.filter-buttons {
    display: flex;
    overflow: hidden;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

.category-buttons button,
.filter-buttons button {
    font-size: 16px;
    padding: 0 4px;
    padding-bottom: 8px;
    background: transparent !important;
    border: none;
    color: var(--slate-gray);
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-weight: 500;
}


.category-buttons button.active,
.filter-buttons button.active {
    border-color: var(--white);
    color: var(--white);
}

.project-list-inner .project-lists,
.blog-list-inner .blog-post-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.project-list-inner .project-item,
.blog-list-inner .blog-post-item {
    width: calc(50% - 15px);
    position: relative;
    z-index: 1;
    max-height: 312px;
    min-height: 312px;
    overflow: hidden;
}

.project-item a:before,
.blog-post-item a:before {
    content: '';
    height: 156px;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}


.project-item a,
.blog-post-item a {
    height: 100%;
    position: relative;
    width: 100%;
    display: block;
}

.project-item img,
.blog-post-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.project-content,
.blog-post-content {
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px;
    color: var(--white);
    display: inline-block;
}

.project-content h3,
.blog-post-content h3 {
    font-size: var(--h3);
    color: var(--white);
    margin-bottom: 0;
    font-weight: 400;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.button.load-more-btn,
.button.blog-load-btn {
    margin: 0 auto;
    display: block;
    margin-top: 60px;
    border: none;
    background-color: var(--white);
    color: var(--secondary);
    padding-right: 53px;
}

.button-dot {
    position: absolute !important;
    width: 36px;
    height: 36px;
    right: 6px;
    background-color: var(--light-white);
    background-image: url(../images/img-icon-24-more-2x.png);
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.button.load-more-btn:hover .button-dot,
.button.blog-load-btn:hover .button-dot {
    background-color: var(--white);
}

.latest-project-item-image .rotate-img-txt,
.latest-blog-image .rotate-img-txt {
    right: -6%;
    left: unset;
    transform: unset;
    top: -6%;
    bottom: unset;
}

.category-label,
.filter-label {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.437333em;
    text-transform: uppercase;
    color: var(--sky-blue);
}

.button.back-project-btn {
    background: transparent;
    padding: 12px 0px;
    border-radius: 0;
    padding-left: 73px;
    margin-bottom: 5px;
}

.button.back-project-btn::after {
    display: none;
}

.button.back-project-btn span {
    margin: 0;
}

.button.back-project-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--white);
    width: 48px;
    border-radius: 50px;
    background-image: url(../images/img-icon-24-arrow-left-black-2x.png);
    background-position: center;
    background-size: 29px;
    background-repeat: no-repeat;
}

.button.back-project-btn:hover::before {
    background-image: url(../images/img-icon-24-arrow-left-white-2x.png), linear-gradient(270deg, var(--amber-gold) 0%, var(--orange) 100%);
    background-size: 27px, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
}

.single-project .project-banner-top-info,.single-post .project-banner-top-info {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: end;
}
.single-project .two-up-content-main-sec  .two-up-content-title{
    text-align: center;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: var(--h3);
}

.single-project .project-banner-top-left {
    max-width: 772px;
}

.project-banner-top-right {
    text-align: end;
    color: var(--white);
}

.single-project .project-banner-inner .location-name {
    color: var(--sky-blue);
    margin-bottom: 5px;
}

.single-project .project-category, .single-post .project-category {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    color: var(--light-white);
    display: block;
}

.single-project .project-banner-top-left .banner-title {
    margin-bottom: 0;
}

.single-project .project-banner-top-info,.single-post .project-banner-top-info {
    margin-bottom: 30px;
}

.single-project .latest-project-item:before,
.single-blog .latest-blog-item:before {
    display: none;
}

.single-project .section-row+.section-row {
    padding-top: 0 !important;
}

.single-project section.project-banner:before,
.single-post section.project-banner:before {
    background-color: var(--white);
}

.single-project .project-banner-inner .banner-sub-title {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #FB6E40 26%, #FBB040 40%);
}


 .single-page-content.section-row {
    padding-top: 60px !important;
}

/* project page css end  */



/* proesss page css start */
.process-page-video {
    padding-top: 90px;
    padding-bottom: 120px;
}

/* proesss page css end */

/* commercial page css start  */

.commercial-bottom-space {
    padding-bottom: 120px;
}

.step-main-sec .accordian-img::after {
    bottom: 0px;
}

/* commercial page css end  */

/* Contact page css start  */

.contact-form-main-sec .wrap {
    max-width: 812px;
}

.button.project-back:focus {
    color: var(--secondary);
}

/* Contact page css end  */

/* EV Charging Stations css start  */


.step-hide .step-left {
    display: none;
}

/* EV Charging Stations css end  */



/* table section css start  */
.table-section .basic-intro-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border: none;
    padding: 0;
    width: 911px;
    max-width: 100%;
    margin: 0 auto;
}

.table-section .basic-intro-row-cnt {
    width: 100%;
}

.table-section .intro-description {
    width: 100%;
}

.table-section .sub-title-sec::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--light-silver);
    z-index: -1;
    pointer-events: none;
}

.table-section .sub-title-sec {
    position: relative;
    z-index: 1;
    width: 100%;
}


table {
    margin: 30px 0;
    background-color: var(--light-white);
    border-spacing: 0 !important;
}

table thead {
    background-color: var(--primary);
    color: var(--white);
    border: none;
}

table thead td {
    padding: 18px 20px;
    border: none;
    border-color: red;
    border-spacing: 0 !important;
    font-weight: 700;
}

table tbody td {
    border-left: 1px solid var(--light-silver);
    padding: 18px 20px;
    border-bottom: 1px solid var(--light-silver);
    font-size: 16px;
    color: var(--graphite-gray);
    vertical-align: baseline;
}

table tbody td:first-child {
    border-left: none;
    font-weight: 700;
}

table tbody tr:last-child td {
    border-bottom: none;
}

.table-section .sub-title-sec {
    border-bottom: none;
}

.table-section.style-2 {
    background-color: var(--secondary);
    color: var(--white);
}

.table-section.style-2 .intro-title {
    color: var(--white);
}

.table-section.style-2 .sub-title-sec .eyebrow {
    border-color: var(--slate-gray);
}

.table-section.style-2 .sub-title-sec:after {
    background-color: var(--slate-gray);
}

.table-section.style-2 .sub-title-sec:after {
    background-color: var(--slate-gray);
}

.table-section .basic-intro-info-row {
    border: none;
    padding: 0;
    text-align: left;
    align-items: flex-start;
}

table:last-child {
    margin-bottom: 0;
}

.table-section .sub-title-sec {
    margin-bottom: 60px;
}

/* table section css end  */



/* inner pages css start  */

.padding-top-0 {
    padding-top: 0 !important;
}



section.table-section.style-2.section-row ul li:before {
    background: var(--white);
}

table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table {
    width: 100%;
    margin-bottom: 30px;
}

table th,
table td {
    text-align: left;
}

table th {
    font-weight: 700;
    padding: 16px 20px;
    background-color: var(--primary);
    color: var(--white);
}



table tr.selected td {
    background: #fbfbfb;
}

table thead th {
    vertical-align: middle;
}

table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0;
}

.basic-intro-right-info li {
    text-align: left;
}

.gfield--input-type-html {
    height: 200px !important;
    overflow: auto !important;
    background: var(--white) !important;
    padding: 15px !important;
}

.gfield--input-type-html p {
    font-size: 16px;
}
.side-text-set-repair-page .rotate-img-txt {
    top: -20%;
}
.services-grid-main-sec .button {
    background-color: var(--white);
    color: var(--graphite-gray);
}

.services-grid-main-sec .button:hover {
    color: var(--white);
}
/* inner pages css end  */


/* faq section css start  */
.faq-main-full .accordion-databox {
    max-width: 100%;
}
.faq-main-full.style_left span.sub-title.eyebrow:after {
    position: absolute;
    content: '';
    width: 100vw;
    height: 1px;
    background: var(--light-silver);
    left: 0;
    bottom: 0;
}

.faq-main-full.style_left .faq-section-row {
    position: relative;
    overflow: hidden;
}

.faq-main-full.style_left span.sub-title.eyebrow {
    position: relative;
    border-bottom: none;
}
.faq-main-full.style_center .section-title {
    text-align: center;
}
/* faq section css end  */


/* 404 page css start  */
.error-page .row {
    text-align: center;
}

/* 404 page css end  */


/* search page css start  */
.search-reasult-sec article {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #dcddd9;
}

.search-reasult-sec h2 {
    font-size: var(--h2-light);
}

.search-reasult-sec a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.search-reasult-sec a.post-thumbnail {
    display: block;
    width: 100%;
    max-height: 450px;
    overflow: hidden;
    margin-bottom: 20px;
}

.search-reasult-sec h2 a {
    text-decoration: none;
}

.search-read-more .button {
    margin-top: 20px;
}

.search-read-more .button:after {
    opacity: 1;
}

.search-read-more .button:hover:after {
    opacity: 0;
}

.custom-pagination .page-numbers {
    border: none;
    color: var(--orange);
    /* replace with your $red value */
    font-size: 1rem;
    padding: 5px;
    border-radius: 4px;
    background-color: transparent;
    font-weight: 500;
    /* assuming @include font-medium */
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-pagination .page-numbers:hover,
.custom-pagination .page-numbers:focus {
    background-color: transparent;
    color: var(--secondary);
    /* replace with your $dark-gray value */
    outline: none;
    box-shadow: none;
}

.custom-pagination .page-numbers.next,
.custom-pagination .page-numbers.prev {
    text-indent: -50px;
    overflow: hidden;
    /* background-image: url(../images/arrow.png); */
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    font-size: 0;
}

.custom-pagination .page-numbers.prev {
    transform: rotate(180deg);
}

.custom-pagination .page-numbers.current {
    background-color: var(--secondary);
    /* replace with your $dark-gray value */
    color: #ffffff;
    /* replace with your $white value */
}

.custom-pagination .page-numbers.next::before,
.custom-pagination .page-numbers.prev::before {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-color: var(--secondary);
    position: absolute;
    border-radius: 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none;
    background-image: url(../images/img-icon-24-arrow-right-white-2x.png);
}

.custom-pagination .page-numbers.next::after,
.custom-pagination .page-numbers.prev::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    background-image: url(../images/img-icon-24-arrow-right-white-2x.png), linear-gradient(270deg, var(--amber-gold) 0%, var(--orange) 100%);
    background-size: 24px, 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    left: auto;
    z-index: 4;
    pointer-events: none;
}

.custom-pagination .page-numbers.next:hover::before,
.custom-pagination .page-numbers.prev:hover::before {
    background-color: transparent;
    opacity: 0;
}

.custom-pagination .page-numbers.next:hover::after,
.custom-pagination .page-numbers.prev:hover::after {
    opacity: 1;
}

.custom-pagination {
    display: flex;
    gap: 10px;
}

.post-navigation-inner {
    display: flex;
    justify-content: space-between;
}

.post-navigation-inner .nav-previous a,
.post-navigation-inner .nav-next a {
    font-size: 16px;
    text-decoration: none;
    color: var(--secondary);
    font-weight: 700;
    padding: 8px 8px;
    position: relative;
    display: block;
    line-height: 1.1;
    height: 36px;
}

.post-navigation-inner .nav-previous a {
    padding-left: 51px;
}

.post-navigation-inner .nav-next a {
    padding-right: 51px;
}

.post-navigation-inner .nav-previous a:before,
.post-navigation-inner .nav-next a:before {
    content: '';
    top: 0px;
    bottom: 0px;
    width: 36px;
    height: 36px;
    background-color: var(--secondary);
    position: absolute;
    border-radius: 50%;
    background-image: url(../images/img-icon-24-arrow-right-white-2x.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    pointer-events: none;
}

.post-navigation-inner .nav-previous a:after,
.post-navigation-inner .nav-next a:after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: transparent;
    background-image: url(../images/img-icon-24-arrow-right-white-2x.png), linear-gradient(270deg, var(--amber-gold) 0%, var(--orange) 100%);
    background-size: 24px, 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    left: auto;
    z-index: 4;
    pointer-events: none;
}

.post-navigation-inner .nav-next a:before,
.post-navigation-inner .nav-next a:after {
    right: 0;
}

.post-navigation-inner .nav-previous a:after,
.post-navigation-inner .nav-previous a:before {
    left: 0;
    rotate: 180deg;
}

.post-navigation-inner .nav-previous a:hover:before,
.post-navigation-inner .nav-next a:hover:before {
    background-color: transparent;
    opacity: 0;
}

.post-navigation-inner .nav-previous a:hover:after,
.post-navigation-inner .nav-next a:hover:after {
    opacity: 1;
}

section.no-results.not-found .page-title {
    display: none;
}

.page-content {
    margin-top: 0;
}

/* search page css end  */

/* Union Labor Advantage page  css start  */
.table-section h2 {
    clear: unset;
}

/* Union Labor Advantage page  css end  */
p:last-child img.alignright {
    margin-bottom: 0;
}


#gform_wrapper_6.gform-theme--foundation .ginput_address_city,
#gform_wrapper_6.gform-theme--foundation .ginput_address_zip,
#gform_wrapper_7.gform-theme--foundation .ginput_address_city,
#gform_wrapper_7.gform-theme--foundation .ginput_address_zip,
#gform_wrapper_8.gform-theme--foundation .ginput_address_city,
#gform_wrapper_8.gform-theme--foundation .ginput_address_zip {
    inline-size: 100% !important;
}

.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
    clear: unset;
}

.table-section.style-2 .button {
    background-color: var(--white);
    color: var(--secondary);
}

.single-page-content+.post-navigation {
    padding-top: 0 !important;
}

.post-navigation.section-row {
    clear: both;
}

.no-sub-title .basic-intro-row {
    padding-top: 0 !important;
}



/* project single start css  */
.box-pt-0 .two-up-content-grid {
    padding-top: 0 !important;
}

.box-pt-0 .two-up-content-item:first-child .two-up-content-image::before {
    top: 0;
}

/* project single end css  */
.single-post .project-category a,.single-post .project-category a {
    display: inline-block;
}
.blog-list-archive {
    background-color: var(--secondary);
}
.cta-main-sec.cta-style-2.cta-style-3 .cta-main-row {
    align-items: self-start;
}

.cta-main-sec.cta-style-2.cta-style-3 .cta-main-row .cta-info.mob-hide {
    flex: unset;
}


/* Testimonial Section */

.testimonial-main-sec .wrap {
    max-width: 1570px
}

.testimonial-section {
    background-color: #f7f7f7;
}

.testimonial-section .section-title h2 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
}

.testimonial-item {
    background: #fff;
    padding: 40px 20px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .08);
}

.testimonial-carousel .owl-item {
    padding: 15px;
}

.testimonial-carousel .owl-stage {
    display: flex;
}

.testimonial-carousel .owl-item.active {
    max-height: max-content;
}

.client-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
}

.client-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.client-info {
    margin-bottom: 15px;
}

.client-info p {
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.testimonial-slider-row {
    padding: 0 50px;
    position: relative
}

.testimonial-swiper {
    position: static;
    padding: 20px;
}

.testimonial-swiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column
}

/* Swiper */

.testimonial-swiper .swiper-pagination {
    display: none;
}

.testimonial-swiper .swiper-button-next, .testimonial-swiper .swiper-button-prev {
    cursor: pointer;
    transition: all 350ms ease-in-out;
    margin-top: 0 !important;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background-color: var(--graphite-gray);
    border-radius: 50px;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
}

.testimonial-swiper .swiper-button-next:hover,
.testimonial-swiper .swiper-button-prev:hover {
    background-color: var(--secondary) !important;
    color: var(--white) !important;
}

.testimonial-swiper .swiper-button-next:before,
.testimonial-swiper .swiper-button-prev:before {
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    content: '';
    width: 12px;
    height: 20px;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    
}
.testimonial-swiper .swiper-button-next:after,
.testimonial-swiper .swiper-button-prev:after {
content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, rgba(251, 176, 64, 1) 0%, rgba(251, 110, 64, 1) 100%);
    z-index: -1;
    opacity: 0;
    transition: 0.3s ease-in-out;
    pointer-events: none;
}
.testimonial-swiper .swiper-button-next:before {
    background-image: url(../images/img-icon-24-chevron-right-white-2x.png);
    left: 53%;
}
.testimonial-swiper .swiper-button-prev:before {
    background-image: url(../images/img-icon-24-chevron-left-white-2x.png);
 
}
.testimonial-swiper .swiper-button-next:hover:after,
.testimonial-swiper .swiper-button-prev:hover:after {
    opacity:1;
}
.testimonial-swiper .swiper-button-next svg, .testimonial-swiper .swiper-button-prev svg {
    display: none;
}

/* Swiper */

.testimonial-swiper .star {
    display: inline-block;
    width: 110px;
    height: 22px;
    position: relative;
    overflow: hidden;
}

.star::before,
.star::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/star.svg);
    background-repeat: repeat-x;
    background-size: 22px;
}

.star::before {
    width: calc((100% / 5) * var(--rating));
    z-index: 1;
}

.star::after {
    filter: grayscale(1);
    opacity: 1;
}
.logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin: 10px 0;
}

.five-star-logo {
    max-width: 220px;
}

.five-star-logo img {
    width: 100%;
    height: 100%;
    object-fit:contain;
}
.five-star-new-design.style_dark {
    background: var(--secondary);
}

.five-star-new-design.style_dark .intro-title ,.five-star-new-design.style_dark h3{
    color: var(--white);
}
.five-star-new-design.style_dark .testimonial-swiper .swiper-button-next, .five-star-new-design.style_dark .testimonial-swiper .swiper-button-prev{
        background-color: var(--white);
}
.five-star-new-design.style_dark .testimonial-swiper .swiper-button-prev:before {
    background-image: url(../images/img-icon-24-chevron-left-black-2x.png);
}
.five-star-new-design.style_dark .testimonial-swiper .swiper-button-next:before {
    background-image: url(../images/img-icon-24-chevron-right-black-2x.png);
}
.style_dark .five-star-logo a {
    background-color: var(--white);
    display: block;
    padding: 10px;
    border-radius: 6px;
    height: 100%;
}
/* Testimonial Section */


.blog-category-filter{
    display: none;
}