/* font family (manrope and roboto linkup) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* 
// Variables
----------------------------- */
:root {
    /* Colors */

    --primary-color: #7CE3AC;
    --primary-color-100: #E5F9EE;
    --primary-color-200: #CBF4DE;
    --primary-color-300: #B0EECD;
    --primary-color-400: #96E9BD;
    --primary-color-500: #7CE3AC;
    --primary-color-600: #63B68A;
    --primary-color-700: #4A8867;
    --primary-color-800: #325B45;
    --primary-color-900: #192D22;

    --dark-color: #202020;
    --white-color: #ffffff;
    --white-smoke-color: #f5f5f5;

    /* Typography scale - body text */
    --font-xs: 0.875rem;
    --font-sm: 1rem;
    --font-md: 1.25rem;
    /* default */
    --font-lg: 1.5rem;
    --font-xl: 2rem;
    --font-2xl: 4.5rem;
    --font-3xl: 6.25rem;
}

/* ------------------- Custom Reboot -------------------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: "Manrope", "Roboto", sans-serif;
    scroll-behavior: smooth;
    line-height: normal;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    font-size: var(--font-md);
    color: var(--dark-color);
    font-weight: normal;
    text-align: left;
    background-color: var(--white-smoke-color);
}

body.no-scroll {
    overflow: hidden;
}

/* ========================================
// Typography
===========================================*/

/* Headings */

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--dark-color);
}


h1,
.h1 {
    font-size: 4.75rem;
}

@media (max-width: 1200px) {}

h2,
.h2 {
    font-size: 4rem;
}

@media (max-width: 1200px) {}

h3,
.h3 {
    font-size: 3.5rem;
}

@media (max-width: 1200px) {}

h4,
.h4 {
    font-size: 2.5rem;
}

@media (max-width: 1200px) {}

h5,
.h5 {
    font-size: 2rem;
}

@media (max-width: 1200px) {}

h6,
.h6 {
    font-size: 1.56rem;
}


p {
    font-size: var(--font-md);
    font-weight: 400;
    color: var(--dark-color);
    /* margin: 0 0 1rem; */
    margin: 0;
}

/* Typography utilities */
.text-xs {
    font-size: var(--font-xs);
}

.text-sm {
    font-size: var(--font-sm);
}

.text-md {
    font-size: var(--font-md);
}

.text-lg {
    font-size: var(--font-lg);
}

.text-xl {
    font-size: var(--font-xl);
}

.text-2xl {
    font-size: var(--font-2xl);
}

.text-3xl {
    font-size: var(--font-3xl);
}

/* Optional font-weight helpers */
.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

address {
    margin-bottom: 0;
    font-style: normal;
    line-height: normal;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}


a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 0;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

a,
area,
button,
[role="button"],
input:not([type=range]),
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #868e96;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}


label {
    display: inline-block;
    margin-bottom: .5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}


/*  ======== Typography:end  ======== */

/* ------------------- Custom Reboot END-------------------- */


/* ------------------- Utils -------------------- */
.container {
    max-width: 1600px;
    margin: 0 auto;
}

.container-fluid {
    max-width: 100%;
}

.relative {
    position: relative !important;
}



.mx-auto {
    margin: 0 auto;
}

.hidden {
    display: none;
}

.flex-col {
    flex-direction: column !important;
}

.align-start {
    align-items: flex-start !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}



.semi-bold {
    font-weight: 600;
}

.text-danger {
    color: #DC3545;
}

/* 
// Page Main Container:start
----------------------------------------- */
.main {
    margin-top: 180px;
    margin-bottom: 100px;
}

.main.inner-page-main {
    margin-top: 122px;
    margin-bottom: 100px;
}

.main.content-with-stepper-main {
    max-width: 1550px;
    margin: 202px auto 100px;
}

@media (max-width: 1400px) {
    .main.content-with-stepper-main {
        margin: 122px auto 100px;
    }
}

@media (max-width: 1024px) {
    .main {
        margin-top: 135px;
        margin-bottom: 80px;
    }

    .main.inner-page-main {
        margin-top: 90px;
        margin-bottom: 80px;
    }

    .main.content-with-stepper-main {
        margin: 90px auto 80px;
    }
}

@media (max-width: 991px) {
    .main {
        margin-bottom: 60px;
    }

    .main.inner-page-main {
        margin-bottom: 60px;
    }

    .main.content-with-stepper-main {
        margin: 90px auto 60px;
    }
}


/* _____/ Page Main Container:end \_______*/



/* 
// Section Spacing:start
----------------------------------------- */

.section {
    margin: 120px auto;
    padding: 0 30px;
}

.section.section-no-space-top {
    margin-top: 0;
}

.section.section-no-space-bottom {
    margin-bottom: 0;
}

.section.section-no-space-top-bottom {
    margin-top: 0;
    margin-bottom: 0;
}

.section.section-no-left-right {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1200px) {
    .section {
        margin: 100px auto;
    }
}

@media (max-width: 1024px) {
    .section {
        margin: 80px auto;
        padding: 0 20px;
    }
}

@media (max-width: 991px) {
    .section {
        margin: 60px auto;
    }
}

@media (max-width: 767px) {
    .section {
        /* margin: 40px auto; */
        padding: 0 15px;
    }
}

/* _____/ Section Spacing:end \_______*/


/* ------------------- Utils END-------------------- */

/* ------------------- Single Components -------------------- */

/* Button  */
.btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 14px 30px;
    color: #202020;
    border-radius: 25px;
    border: 1px solid transparent;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition:
        background-color 550ms cubic-bezier(0.16, 1, 0.3, 1),
        color 550ms cubic-bezier(0.16, 1, 0.3, 1),
        border-color 550ms cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 600ms cubic-bezier(0.16, 1, 0.3, 1),
        transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
    max-width: fit-content;
}

.btn:focus {
    outline: none;
}

.btn:hover {
    text-decoration: none;
}

.btn:hover .fee-icon {
    transform: rotate(45deg);
}

.btn--primary {
    background-color: var(--dark-color);
    color: white;
    fill: white;
}

.btn--primary:hover {
    background-color: var(--primary-color-500);
    color: var(--dark-color);
    fill: var(--dark-color);
}

.btn--primary:active {
    background-color: #6BC595;
    color: var(--dark-color);
    fill: var(--dark-color);
}

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

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

.btn--primary-outline:active {
    background-color: black;
    color: white;
    fill: white;
}

.btn--secondary {
    background-color: #7CE3AC;
    color: var(--dark-color);
    fill: var(--dark-color);
}


.btn--secondary:hover {
    background-color: var(--dark-color);
    color: white;
    fill: white;
}

.btn--secondary:active {
    background-color: #6BC595;
    color: var(--dark-color);
    fill: var(--dark-color);
}

.btn--secondary-outline {
    background-color: transparent;
    color: #6BC595;
    fill: #6BC595;
    border: 1px solid #6BC595;
}

.btn--secondary-outline:hover {
    background-color: var(--dark-color);
    color: white;
    fill: white;
    border: 1px solid var(--dark-color);
}

.btn--secondary-outline:active {
    background-color: black;
    color: white;
    fill: white;
    border: 1px solid black;
}

.btn--tertiary {
    background-color: #7CE3AC;
    color: var(--dark-color);
    fill: var(--dark-color);
}


.btn--tertiary:hover {
    background-color: var(--white-color);
    color: var(--dark-color);
    fill: var(--dark-color);
}

.btn--tertiary:active {
    background-color: #6BC595;
    color: var(--dark-color);
    fill: var(--dark-color);
}

.btn--tertiary-outline {
    background-color: transparent;
    color: #6BC595;
    fill: #6BC595;
    border: 1px solid #6BC595;
}

.btn--tertiary-outline:hover {
    background-color: var(--white-color);
    color: var(--dark-color);
    fill: var(--dark-color);
    border: 1px solid var(--dark-color);
}

.btn--tertiary-outline:active {
    background-color: black;
    color: white;
    fill: white;
    border: 1px solid black;
}

.btn--primary:disabled,
.btn--primary-outline:disabled,
.btn--secondary:disabled,
.btn--secondary-outline:disabled,
.btn--tertiary:disabled,
.btn--tertiary-outline:disabled {
    background-color: #e7e7e7;
    color: #adadad;
    fill: #adadad;
    border: 1px solid transparent;
}

.btn--semi-rounder-full {
    border-radius: 8px;
    width: 100%;
    max-width: unset;
}

.btn--x-small {
    padding: 5px 15px;
}

.btn--small {
    padding: 9px 20px;
}

.btn--medium {
    padding: 14px 30px;
}

@media (max-width: 991px) {
    .btn--medium {
        padding: 10px 24px;
    }
}

.btn--large {
    padding: 21px 36px;
    border-radius: 34px;
}

.btn .fee-icon {
    width: 16px;
    height: 16px;
    transition: transform 300ms ease-out 0s;
}

/* Button END */

/* Input */
.o7-input-group {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.o7-input-group--col {
    flex-direction: column;
}

.o7-input-field {
    font-family: "Manrope", sans-serif;
    border: 1px solid #C7C7C7;
    border-radius: 8px;
    height: 50px;
    padding: 14px 20px;
    background-color: transparent;
    font-size: 1rem;
    width: 100%;
    outline: none;
    transition: all 300ms ease-out 0s;
}

.o7-input-field:focus {
    border: 1px solid #202020;
}

/* 
.o7-input-group>.custom-select:not(:first-child),
.o7-input-group>.o7-input-field:not(:first-child),
.o7-input-group--col>.custom-select:not(:first-child),
.o7-input-group--col>.o7-input-field:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.o7-input-group>.custom-select:not(:last-child),
.o7-input-group>.o7-input-field:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

*/

.o7-input-field::placeholder {
    color: #787878;
    font-size: 1rem;

}

.o7-input-label {
    font-weight: bold;
    font-size: 1rem;
    color: #202020;
    margin-bottom: 10px;
}

.o7-input-group-prepend {
    margin-right: -1px;
}

.o7-input-group-append {
    margin-left: -1px;
}

.o7-input-group-append,
.o7-input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.o7-input-group-text {
    color: #202020;
    padding: 14px 19px;
    background-color: #EBEBEB;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    border: 1px solid #C7C7C7;
    border-radius: 8px;
}

.o7-input-group-prepend>.o7-input-group-text {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.o7-input-group-append>.o7-input-group-text {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.o7-input-group-prepend .choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    content: "" !important;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.o7-input-group-prepend .choices__list--dropdown .choices__item--selectable[data-select-text],
.choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 0px !important;
}

.o7-input-form .choices__inner {
    background-color: transparent !important;
    border-radius: 8px !important;
    border: 1px solid #C7C7C7 !important;
}

.o7-input-group-prepend .choices__inner {
    height: 100% !important;
    align-content: center !important;
    min-width: 120px;
    background-color: #EBEBEB !important;
    border-color: #C7C7C7;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.o7-input-group-prepend .choices__item.choices__item--selectable {
    color: #787878 !important;
}

select {
    appearance: none;
    outline: none;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M0%204.165L1.4145%202.75L6.002%207.4195L10.5855%202.75L12%204.165L6.002%2010.25L0%204.165Z%22%20fill%3D%22%23808080%22%2F%3E %3C%2Fsvg%3E") no-repeat right 20px center;
    transition: all 300ms ease-out 0s;
}

select:focus {
    border: 1px #202020 solid;
}

/* Input END*/

/* ------------------- Single Components END-------------------- */

/* ------------------- Layout Components -------------------- */

.site-main-header {
    margin: 10px 0;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 0 20px;
}

.site-main-header__container {
    --header-width: 1600px;
    width: var(--header-width);
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition:
        width 300ms cubic-bezier(0.4, 0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),
        border-radius 300ms cubic-bezier(0.4, 0, 0.2, 1),
        backdrop-filter 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.site-main-header .site-main-header__container.sticky-header {
    --header-width: 1054px;
    z-index: 99999;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 40px;
}



@media(max-width: 1024px) {

    .site-main-header .main-menu,
    .site-main-header .start-project-btn-wrarpper {
        display: none;
    }
}

/* 
// Header logo design
----------------------------*/
.site-main-header .header-logo {
    font-size: 36px;
    font-weight: 700;
    color: #202020;
    letter-spacing: -1px;
    text-decoration: none;
}

.site-main-header__container.sticky-header .header-logo {
    font-size: 28px;
    margin-left: 10px;
}


@media(max-width: 1024px) {

    .site-main-header .main-menu,
    .site-main-header .start-project-btn-wrarpper {
        display: none;
    }

    .site-main-header .header-logo {
        font-size: 32px;
    }
}

/* --- Header logo design:end --- */

/* 
// Main menu design:start
----------------------------------------- */

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

a.main-menu__link,
a.main-menu__link:active,
a.main-menu__link:focus,
a.main-menu__link:visited {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: #202020;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

.button.start-project-btn {
    width: auto;
}

/* 
// mega menu - portfolio:start
----------------------------------------- */

/* .megamenu-portfolio .megamenu__content-wrapper {
    display: block;
} */

.megamenu-tab-title {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    text-align: center;
    margin: 0 0 20px;
}

.megamenu-tab-title.megamenu-tab-title--left-align {
    text-align: left;
    margin: 0 0 15px;
}

.megamenu-portfolio .megamenu__service-view-all-image-wrapper {
    margin: 20px 0 0;
}

.megamenu-portfolio .megamenu__service-view-all-image {
    max-height: 100px;
    width: 100%;
    object-fit: cover;
}

/* --- mega menu layout composition:start ---- */

.megamenu-portfolio .megamenu__content-wrapper {
    max-width: unset;
    height: auto;
    width: 924px;
}

.megamenu-portfolio .megamenu__content {
    padding: 0;
    width: 924px;
    gap: 0;
}

.megamenu__left-panel,
.megamenu__right-panel {
    padding: 30px;
}

.megamenu__left-panel {
    width: 315px;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #E7E7E7;
    border-radius: 25px 0 0 25px;
}

.megamenu__right-panel {
    flex: 1 1 auto;
}

.megamenu-tab-button-wrapper {
    margin-top: 36px;
    display: flex;
    justify-content: center;
}


/* ---/ mega menu layout composition:end \---- */



/* --- mega menu tab item:start ---- */
.megamenu-tab__item {
    border-radius: 8px;
    padding: 8px 16px 8px 8px;
    display: flex;
    gap: 15px;
    align-items: center;
    cursor: pointer;
}

.megamenu-tab__item:hover,
.megamenu-tab-accordion__item.active {
    background-color: #ffffff;
}

.megamenu-tab__item+.megamenu-tab__item {
    margin-top: 10px;
}

.megamenu-tab__icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #C7C7C7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.megamenu-tab-accordion__item.active .megamenu-tab__icon-wrapper,
.megamenu-tab__item:hover .megamenu-tab__icon-wrapper {
    background-color: #f4f4f4;
}

.megamenu-tab__label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    flex: 1 1 auto;
}

.megamenu-tab__circle-shape {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7CE3AC;
    opacity: 0;
}

.megamenu-tab-accordion__item.active .megamenu-tab__circle-shape,
.megamenu-tab__item:hover .megamenu-tab__circle-shape {
    opacity: 1;
}

.megamenu__right-panel .megamenu-tab-container {
    display: none;
}

.megamenu__right-panel .megamenu-tab-container.active {
    display: block;
}

/* ---/ mega menu tab item:end \---- */

/* --- mega menu tab item:start ---- */
.megamenu-portfolio a.megamenu__service-view-all-card {
    background-color: #fff;
    margin-top: 45px;
}

/* ---/ mega menu tab item:end \---- */

/* --- mega menu tab item:start ---- */
.megamenu-tab-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.megamenu-tab-card {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(33.333% - 10px);
}

.megamenu-tab-card__image-wrapper {
    margin: 0;
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
}

.megamenu-tab-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: transform 300ms ease-out 0s;
}

.megamenu-tab-card__image-wrapper:hover .megamenu-tab-card__image {
    transform: scale(1.2);
}

.megamenu-tab-card__title {
    margin-top: 10px;
    display: flex;
    gap: 15px;
}

.megamenu-tab-card__title-circle {
    height: 10px;
    width: 10px;
    background-color: #7CE3AC;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 5px;
}

.megamenu-tab-card__title-text {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.megamenu-tab-card__icon-wrapper {
    width: 22px;
    height: 22px;
    background-color: #E7E7E7;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 300ms ease-out 0s;
}

.megamenu-tab-card__image-wrapper:hover .megamenu-tab-card__icon-wrapper {
    opacity: 1;
    z-index: 1;
}

.megamenu-tab-card__icon {
    height: 12px;
    width: 12px;
}

/* ---/ mega menu tab item:end \---- */

/* --- mega menu tag:start ---- */
.megamenu-tab-industries {
    margin-top: 40px;
}

.megamenu-tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.megamenu-tag-item {
    height: 32px;
    border: 1px #E7E7E7 solid;
    border-radius: 4px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.megamenu-tag-item.active,
.megamenu-tag-item:hover {
    background-color: #E7E7E7;
}

.megamenu-tag-icon-wrapper img {
    display: block;
    max-height: 18px;
}

.megamenu-tag-label {
    font-size: 16px;
    font-weight: 500;
    color: #202020;
}

/* ---/ mega menu tag:end \---- */

/* ==== Responive Desing ==== */

@media(max-width: 1399px) {
    .megamenu-portfolio .megamenu__content-wrapper {
        left: 180px;
    }

    .megamenu-portfolio .megamenu__triangle-head {
        left: 318px;
    }

    .megamenu-portfolio.megamenu-case-studies .megamenu__content-wrapper {
        left: 0;
    }

    .megamenu-portfolio.megamenu-case-studies .megamenu__triangle-head {
        left: 520px;
    }
}

@media(max-width: 1024px) {
    .megamenu__left-panel {
        width: 100%;
        border-radius: 0;
        background: none;
        padding: 20px 0 0 30px;
    }

    .megamenu-tab__circle-shape {
        display: none;
    }

    .main-menu-responsive .megamenu-tab__item {
        border-radius: 0;
        padding: 0;
        text-decoration: none;
    }

    .megamenu-tab__item+.megamenu-tab__item {
        margin-top: 15px;
    }

    .megamenu-tab-accordion__item.active .megamenu-tab__icon-wrapper,
    .megamenu-tab__item:hover .megamenu-tab__icon-wrapper {
        background-color: #C7C7C7;
    }

}

@media(max-width: 767px) {
    .megamenu__left-panel {
        padding: 10px 0 5px 20px;
    }
}


/* _____/ mega menu - portfolio:end \_______*/

.megamenu a.main-menu__link {
    position: relative;
    padding-right: 18px;
}

.megamenu a.main-menu__link:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M0%204.165L1.4145%202.75L6.002%207.4195L10.5855%202.75L12%204.165L6.002%2010.25L0%204.165Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat;
    position: absolute;
    right: 0;
    top: 8px;
    transition: transform 300ms ease-out;
}

.megamenu.has-megamenu.expended a.main-menu__link:after {
    transform: rotateZ(180deg);
}

.main-menu-responsive .main-menu {
    height: calc(100% - 68px);
    overflow-y: auto;
}

.main-menu-responsive .megamenu__mobile-item-container {
    overflow: hidden;
    transition: height 300ms ease-out, visibility 300ms ease-out, padding 300ms ease-out;
}

.main-menu-responsive .megamenu__mobile-item-container[style*="display: block"] {
    animation: fadeIn 300ms ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width: 1024px) {
    .main-menu-responsive .megamenu__link-card--service {
        padding: 10px 5px;
        width: 100%;
        border-radius: 0;
        text-decoration: none;
        background: none;
        outline: none;
    }

    .main-menu-responsive .megamenu__link-card--service+.megamenu__link-card--service {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px #f2f2f2 solid;
    }

    .main-menu-responsive .megamenu__content-container-left {
        padding: 5px 0 5px 30px;
    }

    .main-menu-responsive .megamenu__link-card-icon-wrapper {
        display: none;
    }

    .main-menu-responsive .megamenu__link-card-text-wrapper {
        width: 100%;
    }

    .main-menu-responsive .megamenu__link-card-title {
        font-weight: 500;
    }

    .main-menu-responsive a.main-menu__link.has-megamenu {
        position: relative;
        padding-right: 30px;
        width: 100%;
        display: block;
    }

    .main-menu-responsive a.main-menu__link.has-megamenu:after {
        content: "";
        width: 12px;
        height: 12px;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M0%204.165L1.4145%202.75L6.002%207.4195L10.5855%202.75L12%204.165L6.002%2010.25L0%204.165Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat;
        position: absolute;
        right: 10px;
        top: 8px;
        transition: transform 300ms ease-out;
    }

    .main-menu-responsive a.main-menu__link.has-megamenu.expended:after {
        transform: rotateZ(180deg);
    }

}

@media(max-width: 767px) {
    .main-menu-responsive .megamenu__content-container-left {
        padding: 10px 0 10px 20px;
    }

    .main-menu-responsive .megamenu__link-card--service+.megamenu__link-card--service {
        margin-top: 10px;
        padding-top: 10px;
    }
}

/* ======== Responsive Design ======== */

.main-menu__responsive-btn {
    display: none;
}

.main-menu-responsive {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 40px 40px 102px 40px;
    z-index: 999999;
    background-color: #fff;
    transition: all 300ms ease-out;
}

.main-menu-responsive .start-project-btn-wrarpper {
    position: absolute;
    bottom: 40px;
    left: 40px;
}

aside.main-menu-responsive.active {
    left: 0;
}

.main-menu-responsive__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.main-menu-responsive__logo {
    font-size: 32px;
    font-weight: 700;
    color: #202020;
    letter-spacing: -1px;
    text-decoration: none;
}

.main-menu-responsive__close-btn {
    padding: 5px;
    position: relative;
    width: 30px;
    height: 30px;
}

.main-menu-responsive__close-btn span {
    width: calc(100% - 10px);
    height: 2px;
    background-color: #222;
    position: absolute;
    top: 50%;
}

.main-menu-responsive__close-btn span:first-child {
    transform: rotate(45deg);
}

.main-menu-responsive__close-btn span:last-child {
    transform: rotate(-45deg);
}

.main-menu-responsive .main-menu {
    flex-direction: column;
    /* padding: 20px 0 0; */
}

@media(min-width: 1025px) {
    :not(.megamenu)>.main-menu__link::before {
        content: "";
        height: 1px;
        width: 0;
        background-color: #202020;
        position: absolute;
        left: 50%;
        bottom: 0;
        transition: all 300ms ease-out 0s;
    }

    a.main-menu__link:hover:before {
        width: 100%;
        left: 0;
    }
}

@media(max-width: 1199px) {
    .main-menu {
        gap: 20px;
    }
}

@media(max-width: 1024px) {
    .main-menu__responsive-btn {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 5px;
        cursor: pointer;
    }

    .main-menu__responsive-btn span {
        height: 2px;
        width: 25px;
        background-color: #202020;
        transition: transform .3s ease, opacity .3s ease;
    }

    .main-menu__responsive-btn.active span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .main-menu__responsive-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .main-menu__responsive-btn.active span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

}


@media(max-width: 575px) {

    .main-menu-responsive {
        padding: 20px;
    }

    .main-menu-responsive .main-menu {
        height: calc(100% - 115px);
    }

    .main-menu-responsive .start-project-btn-wrarpper {
        bottom: 20px;
        left: 20px;
    }

    .main-menu-responsive__logo {
        font-size: 26px;
    }

    .main-menu-responsive .main-menu {
        gap: 10px;
    }
}

/* _____/ Main menu design:end \_______*/



/* ===================================================================
//  Footer Design:start
====================================================================== */

.o7-footer-container {
    padding: 0 40px 40px;
}

.o7-footer {
    max-width: 1840px;
    margin: 0 auto;
    background-color: #202020;
    border-radius: 25px;
}


.o7-footer__inner {
    position: relative;
}

.o7-footer__logo-container {
    display: flex;
    flex-direction: column;
}

.o7-footer__logo-text {
    font-size: 56px;
    font-weight: 700;
    color: #F5F5F5;
    line-height: 130%;
    letter-spacing: 1px;
}

.o7-footer__subtitle-wraper {
    max-width: 400px;
    margin: 30px 0;
}

.o7-footer__subtitle {
    font-size: 24px;
    font-weight: 400;
    color: #F5F5F5;
    line-height: 40px;
}

/* Menu Links */

.o7-footer__menu-container {
    display: flex;
    justify-content: space-between;
    padding: 130px 110px 0px 130px;
}

.o7-footer__menu-links {
    max-width: 160px;
}

.o7-footer__link-title {
    font-size: 36px;
    font-weight: 600;
    color: #F5F5F5;
    margin: 0 0 36px 0;
}

.o7-footer__menu-links-ul {
    padding-left: 0px;
}

.o7-footer__menu-links-ul li {
    list-style: none;
    padding: 0 0 25px 0;
    margin: 0px;
}

.o7-footer__menu-links-ul li a,
.o7-footer__menu-links-ul li .region {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.4px;
    font-family: "Roboto", sans-serif;
    text-align: left;
    color: #f5f5f5;
    text-decoration: none;
}

.o7-footer__menu-links-ul li .region {
    line-height: 30px;
}

.o7-footer__address {
    display: flex;
    column-gap: 25px;
}

.o7-footer__address-icon {
    width: 30px;
    height: 30px;
}

/* Footer copyright Container */
.o7-footer__copyright-container {
    display: flex;
    justify-content: space-between;
    padding: 100px 110px 60px 130px;
    gap: 30px;
}

.o7-footer__copyright {
    display: flex;
    align-items: center;
}

.o7-footer__copyright-text {
    font-size: 16px;
    font-style: italic;
    font-family: "Roboto", sans-serif;
    color: #f5f5f5;
    margin: 0;
}

.o7-footer__copyright--highlight {
    font-size: 20px;
    font-weight: 500;
    color: #7CE3AC;
    margin-right: 10px;
}



.o7-footer__policy-pages-link {
    display: flex;
    gap: 100px;
    margin: 0;
    padding: 0;
}

.o7-footer__policy-pages-link li {
    list-style: none;
    margin: 0;
}

.o7-footer__policy-pages-link li a {
    font-size: 16px;
    font-weight: 500;
    color: #f5f5f5;
    text-decoration: none;
}

.o7-footer__policy-pages-link li a:hover {
    color: #7CE3AC;
}

/* Icon fill start */
.o7-footer__address-icon {
    fill: #f5f5f5;
}

.o7-footer__icon-chip-icon-box:hover .o7-footer__icon-chip-icon {
    fill: #202020;
}

/* Icon fill End */

.o7-footer__icon-chip-icon-wraper {
    width: 60px;
    height: 425px;
    background-color: #f5f5f5;
    border-radius: 0 0 25px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 15px;
    gap: 20px;
    position: absolute;
    top: 0;
}

.o7-footer__icon-chip.social-media-mobile-view {
    display: none;
}

@media (max-width: 767px) {
    .o7-footer__icon-chip {
        display: none;
    }

    .social-media-mobile-view .o7-footer__icon-chip-icon-wraper {
        position: static;
        flex-direction: row;
        height: auto;
        border-radius: 0;
        background: none;
        gap: 10px;
        width: auto;
    }

    .o7-footer__icon-chip.social-media-mobile-view {
        display: flex;
        padding: 0 20px;
        justify-content: center;
    }

    .social-media-mobile-view .o7-footer__icon-chip-icon-box {
        height: auto;
        width: auto;
        background: none;
    }

    .social-media-mobile-view .o7-footer__icon-chip-icon-box:hover {
        background: none;
    }

    .social-media-mobile-view .o7-footer__icon-chip-icon-box:hover .o7-footer__icon-chip-icon {
        fill: #7CE3AC;
    }
}

/* Footer Menu Container Start*/
.o7-footer__menu-links-ul li a:hover {
    color: #7CE3AC;
}

/* ============= Responsive Design ============= */

@media (max-width: 1400px) {
    .o7-footer-container {
        padding: 0 30px 30px;
    }

    .o7-footer__copyright-container {
        padding: 100px 40px 60px 100px;
    }

    .o7-footer__menu-container {
        flex-wrap: wrap;
        padding: 115px 40px 0px 100px;
    }

}

@media (max-width: 1200px) {
    .o7-footer__menu-container {
        flex-wrap: wrap;
        column-gap: 78px;
        row-gap: 50px;
        padding: 24px 80px 0px 100px;
        justify-content: flex-start;
    }

    .o7-footer__link-title {
        margin: 0 0 25px 0;
    }

    .o7-footer__menu-links-ul li {
        padding: 0 0 22px 0;
    }

    /* logo container */
    .o7-footer__logo-text {
        font-size: 50px;
    }

    .o7-footer__subtitle-wraper {
        max-width: unset;
        margin: 10px 0 25px;
    }

    .o7-footer__subtitle {
        font-size: 20px;
        line-height: 1.6;
    }

    /* Menu Links */

    .o7-footer__link-title {
        font-size: 32px;
    }

    /* Footer copyright Container */
    .o7-footer__copyright-container {
        display: flex;
        justify-content: space-between;
        padding: 30px 70px 40px 100px;
    }

    .o7-footer__policy-pages-link {
        gap: 40px;
    }

    .o7-footer__logo-container {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 100%;
    }

    .o7-footer__menu-links {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 20%;
        max-width: none;
    }

}

@media (max-width: 1024px) {
    .o7-section-footer {
        margin: 80px auto 20px;
        border-radius: 16px;
    }

    .o7-footer__menu-container {
        column-gap: 66px;
    }

    .o7-footer__policy-pages-link {
        gap: 50px;
    }
}

@media (max-width: 992px) {
    .o7-footer__copyright-container {
        padding: 60px 20px 40px 20px;
    }

    .o7-footer__policy-pages-link {
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .o7-footer__menu-links {
        flex-basis: calc(50% - 10px);
    }

    .o7-footer__menu-container {
        column-gap: 20px;
        row-gap: 40px;
    }

    .o7-footer__logo-text {
        font-size: 42px;
    }

    .o7-footer__logo-text {
        font-size: 42px;
    }

    .o7-footer__link-title {
        font-size: 26px;
    }

    .o7-footer__menu-links-ul li a,
    .o7-footer__menu-links-ul li .region {
        font-size: 20px;
    }

    .o7-footer__menu-links-ul li {
        padding: 0 0 15px 0;
    }
}

@media (max-width: 767px) {

    .o7-footer {
        border-radius: 16px;
    }

    .o7-footer__menu-container {
        column-gap: 20px;
        row-gap: 30px;
        padding: 30px;
    }

    .o7-footer__subtitle {
        line-height: 30px;
        font-size: 18px;
    }

    .o7-footer__link-title--align-right {
        text-align: left;
    }


    .o7-footer__menu-links-ul--align-right li {
        text-align: left;
    }

    .o7-footer__address--reverse {
        flex-direction: row;
        text-align: left;
    }




    .o7-footer__logo-text {
        font-size: 38px;
    }

    .o7-footer__link-title {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .o7-footer__menu-links-ul li {
        padding: 0 0 10px 0;
    }

    .o7-footer__menu-links-ul li a,
    .o7-footer__menu-links-ul li .region {
        font-size: 18px;
    }

    .o7-footer__policy-pages-link li a {
        font-size: 14px;
    }

    .o7-footer__copyright-container {
        display: flex;
        flex-direction: column-reverse;
        gap: 19px;
        align-items: center;
        padding: 0px 20px 40px 20px;
    }


    .o7-footer__logo-container {
        flex-grow: 0;
        flex-shrink: 0;
    }

    .o7-footer-container {
        padding: 0 15px;
    }

}

@media (max-width: 576px) {

    .o7-section-footer {
        margin: 50px auto 10px;
    }

    .o7-footer__icon-chip-icon-box {
        width: 42px;
        height: 42px;
    }


    /* Back to top Button */


    .o7-footer__policy-pages-link {
        display: flex;
        gap: 25px;
        margin: 0;
        padding: 0;
    }

    .o7-footer__copyright {
        flex-direction: column;
        gap: 5px;
    }


    .o7-footer__copyright--highlight {
        margin: 0;
    }
}

/* ===========// Footer Design:end \\=========== */




/* Megamenu */
a.main-menu__link:focus-visible {
    outline: 1px solid black;
}

.megamenu {
    position: relative;
}

.navbar a:hover,
.megamenu:hover .dropbtn {
    background-color: red;
}


.megamenu__content-wrapper {
    position: absolute;
    width: 100%;
    max-width: 775px;
    min-width: 775px;
    height: 390px;
    z-index: 1;
    background-color: transparent;
    pointer-events: none;
}

.megamenu__content-wrapper--service {
    left: 50%;
    transform: translateX(-50%);
}

.megamenu__content {
    position: relative;
    background-color: #ffffff;
    padding: 40px;
    width: 775px;
    min-height: 376px;
    top: 12px;
    border-radius: 25px;
    z-index: 1;
    display: flex;
    gap: 40px;
    opacity: 0;
    pointer-events: all;
    transform: translateY(8px);
    transition: opacity .25s ease-out, transform .25s ease-out;
}

.megamenu.expended .megamenu__content {
    opacity: 1;
    transform: translateY(0);
}

.megamenu__triangle-head {
    position: absolute;
    left: calc(56% - 8.5px);
    top: 6px;
    width: 12px;
    height: 12px;
    background-color: white;
    transform: rotate(45deg);
    z-index: 2;
}

.megamenu__content-container-left {
    display: flex;
    flex-direction: column;
}

.megamenu__content-container-left--service {
    flex: 1 1 auto;
}

.megamenu__content-container-right {
    width: 255px;
    flex-grow: 0;
    flex-shrink: 0;
}

.megamenu__link-card {
    display: flex;
    border-radius: 16px;
    user-select: none;
    cursor: pointer;
}

.megamenu__link-card--service {
    padding: 14px 20px;
    justify-content: space-between;
    align-items: center;
    transition: background-color 300ms ease-out 0s;
}

.megamenu__link-card--service:hover {
    background-color: #E7E7E7;
    text-decoration: none;
}

.megamenu__link-card--service:focus-within {
    outline: 2px solid black;
}

.megamenu__link-card-icon-wrapper {
    opacity: 0;
    transition: opacity;
    transition-timing-function: cubic-bezier(.135, .9, .15, 1);
    transition-duration: .9s;
}

.megamenu__link-card--service:hover .megamenu__link-card-icon-wrapper {
    opacity: 1;
}

.megamenu__link-card-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.megamenu__link-card-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.megamenu__link-card-subtitle {
    font-size: 14px;
}

.megamenu__link-card-icon {
    height: 22px;
    height: 22px;
}

a.megamenu__service-view-all-card {
    border-radius: 16px;
    padding: 20px;
    background-color: #e7e7e7;
    display: block;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s, box-shadow 300ms ease-out 0s;
}

a.megamenu__service-view-all-card:hover {
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .4);
}

.megamenu__service-view-all-title-wrapper {
    display: flex;
    gap: 0 20px;
    justify-content: space-between;
    margin: 0 0 10px;
}

.megamenu__service-view-all-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.megamenu__service-view-all-title-wrapper .megamenu__link-card-icon {
    width: 22px;
    height: 22px;
    flex-grow: 0;
    flex-shrink: 0;
}

.megamenu__service-view-all-description {
    font-size: 14px;
}

figure.megamenu__service-view-all-image-wrapper {
    margin: 34px 0 0;
}

.megamenu__service-view-all-image {
    max-width: 100%;
    border-radius: 16px;
}

/* ------------------- Layout Components END-------------------- */

/* ------------------- Blocks -------------------- */

/* Social Icon Chip */

.o7-footer__icon-chip-bg-icon-one,
.o7-footer__icon-chip-bg-icon-two,
.o7-footer__button-chip-bg-span-icon,
.o7-footer__button-chip-bg-icon {
    width: 25px;
    height: 25px;
    fill: #f5f5f5;
}

.o7-footer__icon-chip-bg-icon-one {
    position: absolute;
    top: 0;
    right: -25px;
}

.o7-footer__icon-chip-bg-icon-two {
    position: absolute;
    bottom: -25px;
}

.o7-footer__icon-chip-icon-box {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #202020;
    border-radius: 50px;
}

.o7-footer__icon-chip-icon-box:hover {
    background-color: #7CE3AC;
    transition: all 300ms ease-out 0s;
}



.o7-footer__icon-chip-icon {
    width: 25px;
    height: 24px;
    fill: #F5F5F5;
}

/* Social Icon Chip END*/

/* newsletter plugin override */
.o7-news-letter__form form {
    display: flex;
    flex-direction: column;
    position: relative;
}

.o7-news-letter__form .tnp-subscription .tnp-email {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    border: 1px solid #C7C7C7 !important;
    background: none !important;
    font-size: 1rem;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 14px 20px 14px 55px !important;
    transition: all 300ms ease-out 0s;
}

.o7-news-letter__form .tnp-subscription .tnp-email:focus {
    border: 1px solid #202020 !important;
    outline: none;
}

.o7-news-letter__form .tnp-field.tnp-field-email:after {
    content: "";
    width: 25px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2220%22%20viewBox%3D%220%200%2025%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M24.9388%202.71119C24.8349%202.17299%2024.6006%201.66431%2024.2588%201.23666C24.1894%201.14688%2024.1167%201.067%2024.0374%200.985974C23.4292%200.359387%2022.5833%200%2021.7165%200H3.2834C2.40688%200%201.58252%200.350329%200.962158%200.986325C0.883643%201.0666%200.81084%201.14728%200.73877%201.23991C0.398438%201.66576%200.165186%202.17374%200.0637695%202.71269C0.0213867%202.92434%200%203.14365%200%203.3655V16.6348C0%2017.0964%200.0915039%2017.5459%200.2729%2017.9733C0.429883%2018.3528%200.668066%2018.7126%200.961963%2019.0137C1.03599%2019.0892%201.10952%2019.1589%201.18804%2019.2268C1.77563%2019.7255%202.51968%2020%203.2834%2020H21.7165C22.4852%2020%2023.2285%2019.7245%2023.8145%2019.2213C23.8928%2019.1563%2023.9654%2019.0881%2024.038%2019.0137C24.3221%2018.7228%2024.5479%2018.3886%2024.7102%2018.02L24.7316%2017.9675C24.9096%2017.5483%2025%2017.1002%2025%2016.6348V3.3655C25%203.14655%2024.9794%202.92579%2024.9388%202.71119ZM1.70034%202.14781C1.74678%202.07815%201.80605%202.00663%201.88169%201.92851C2.25713%201.5439%202.75503%201.33225%203.28335%201.33225H21.7165C22.2494%201.33225%2022.7475%201.54425%2023.1187%201.92926C23.1829%201.99567%2023.2441%202.06939%2023.2975%202.14306L23.4385%202.33724L13.5996%2011.1263C13.2963%2011.3988%2012.9058%2011.5488%2012.4999%2011.5488C12.0979%2011.5488%2011.7078%2011.3992%2011.4008%2011.1266L1.57178%202.33974L1.70034%202.14781ZM1.3064%2016.752C1.30107%2016.7158%201.29985%2016.6757%201.29985%2016.6348V3.64026L8.93511%2010.4672L1.3769%2017.2216L1.3064%2016.752ZM22.7001%2018.3999C22.4046%2018.5746%2022.0643%2018.6673%2021.7165%2018.6673H3.2834C2.9354%2018.6673%202.59521%2018.5746%202.2999%2018.3999L1.99092%2018.2163L9.80029%2011.2408L10.6562%2012.0038C11.1695%2012.4606%2011.8242%2012.7125%2012.5%2012.7125C13.1782%2012.7125%2013.8339%2012.4606%2014.347%2012.0038L15.2025%2011.2404L23.0092%2018.2167L22.7001%2018.3999ZM23.6998%2016.6348C23.6998%2016.675%2023.6991%2016.7147%2023.6941%2016.7501L23.6265%2017.2241L16.065%2010.4709L23.6998%203.64357V16.6348Z%22%20fill%3D%22%23787878%22%2F%3E %3C%2Fsvg%3E") no-repeat;
    position: absolute;
    left: 20px;
    top: 14px;
}

.o7-news-letter__form .tnp-submit {
    background: var(--color-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.8rem 1.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}

.o7-news-letter__form .tnp-submit:hover {
    background: var(--color-accent-hover);
}

.tnp-field {
    margin: 0 auto;
}

.o7-news-letter__form .tnp-subscription {
    max-width: 532px;
    margin: 0;
}

.o7-news-letter__form .tnp-field.tnp-field-email {
    margin: 0 0 30px;
    position: relative;
}

.o7-news-letter__form .tnp-subscription div.tnp-field-button {
    margin-bottom: 0;
    position: relative;
}

.o7-news-letter__form .tnp-subscription div.tnp-field-button:after {
    content: "";
    height: 16px;
    width: 16px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M6.33333%203V4.33333H10.7267L3%2012.06L3.94%2013L11.6667%205.27333V9.66667H13V3H6.33333Z%22%20fill%3D%22%23202020%22%2F%3E %3C%2Fsvg%3E") no-repeat;
    position: absolute;
    right: 30px;
    top: 16px;
    cursor: pointer;
}

.o7-news-letter__form .tnp-subscription div.tnp-field-button:hover:after {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M6.33333%203V4.33333H10.7267L3%2012.06L3.94%2013L11.6667%205.27333V9.66667H13V3H6.33333Z%22%20fill%3D%22white%22%2F%3E %3C%2Fsvg%3E") no-repeat;
}

.o7-news-letter__form .tnp-subscription input.tnp-submit {
    padding: 14px 56px 14px 30px !important;
}

.o7-news-letter__form-wrapper .title {
    font-size: 24px;
}

/* END of newsletter plugin override */
/* Back-to-top Button */
.o7-footer__button-chip {
    position: absolute;
    top: 0;
    right: 0;
}

.o7-footer__back-to-top-button {
    border-radius: 0 0 0 25px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    background-color: #f5f5f5;
    padding: 14px 10px 14px 30px;
    cursor: pointer;
}

.o7-footer__back-to-top-button:hover {
    text-decoration: none;
    color: #010101;
}

@media (max-width: 767px) {
    .o7-footer__back-to-top-button {
        font-size: 0;
        gap: 0;
        padding: 0;
        background: none;
    }

    .o7-footer__button-chip-bg-span-icon {
        display: none;
    }

    .o7-footer__button-chip-bg-icon {
        display: none;
    }

    .o7-footer__button-chip {
        bottom: 15px;
        right: 15px;
        top: auto;
    }
}

.o7-footer__back-to-top-icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #7CE3AC;
    display: flex;
    justify-content: center;
    align-items: center;
}

.o7-footer__back-to-top-icon {
    width: 18px;
    height: 18px;
    fill: #010101;
}

.o7-footer__button-chip-bg-span-icon {
    position: absolute;
    top: 0;
    left: -25px;
    rotate: 90deg;
}

.o7-footer__button-chip-bg-icon {
    position: absolute;
    rotate: 90deg;
    right: 0;
    bottom: -25px;
}

/* Back-to-top Button END*/

/*Hero */

.o7-hero {
    position: relative;
    display: flex;
}

.o7-hero__inner {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
}

.o7-hero__inner-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.o7-hero__placeholder-span {
    display: block;
    width: 205px;
    height: 140px;
    background-color: #f5f5f5;
    border-radius: 0;
}

.o7-hero__placeholder-icon-wraper {
    display: flex;
    justify-content: space-between;
}

.o7-hero__placeholder-icon {
    position: relative;
    bottom: 1px;
    width: 15px;
    height: 15px;
}

.o7-hero__content-holder {
    position: relative;
    bottom: 56px;
    left: -1px;
}

.o7-hero__title-wrapper {
    max-width: 960px;
}

.o7-hero__title {
    font-size: 76px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Roboto", sans-serif;
    color: #202020;
    padding: 0 15px 2px 0;
    margin: 0;
}

.o7-hero__title-span {
    padding: 0 20px 12px;
    border-radius: 0 0 25px 0;
    background-color: #f5f5f5;
}

.o7-hero__button-wrapper {
    display: flex;
    justify-content: center;
    max-width: 180px;
    height: 65px;
    padding-bottom: 10px;
    border-radius: 0 0 32px 32px;
    background-color: #f5f5f5;
}


.o7-hero__title-span {
    padding: 0 20px 12px;
    border-radius: 0 0 25px 0;
    background-color: #f5f5f5;
    position: relative;
    display: inline-block;
}

.o7-hero__curve-icon {
    width: 15px;
    height: 15px;
    fill: #F5F5F5;
}

.o7-hero__curve-icon-top-right {
    position: absolute;
    top: 0;
    right: -15px;
}

.o7-hero__curve-icon-middle {
    position: absolute;
    top: -1px;
    right: -15px;
}

.o7-hero__curve-icon-bottom {
    position: absolute;
    top: -1px;
    right: -15px;
}


.o7-hero__curver-icon-top {
    position: absolute;
    top: -1px;
    right: -15px;
}

.o7-hero__button-chip-wrapper {
    position: relative;
    max-width: 180px;
    background-color: transparent;
    margin-top: -2px;
}

.o7-hero__curve-icon-bottom-1024 {
    display: none;
}


.o7-hero__image img {
    width: 100%;
    height: auto;
    border-radius: 25px;
}

@media (max-width: 1400px) {

    .o7-hero__title {
        font-size: 66px;
    }

    .o7-hero__placeholder-span {
        width: 160px;
    }
}

@media (max-width: 1200px) {

    .o7-hero__title {
        font-size: 56px;
    }

    .o7-hero__placeholder-span {
        width: 120px;
    }

    .o7-hero__content-holder {
        bottom: 56px;
    }

    .o7-trust-badge-ratings--chip {
        margin: 0 0 5px 10px;
    }

    .o7-hero__title-span {
        padding: 0px 16px 10px 10px;
        border-radius: 0 0 16px 0;
    }
}

@media (max-width: 1024px) {
    .o7-hero__inner-placeholder {
        display: none;
    }

    .o7-hero__content-holder {
        bottom: 41px;
    }

    .o7-hero__title {
        font-size: 48px;
    }

    .o7-hero__title-span {
        padding: 0 15px 8px 0;
        border-radius: 0 0 16px 0;
    }

    .o7-hero__button-chip-wrapper {
        max-width: 170px;
    }

    .o7-hero__rating {
        font-size: 22px;

    }

    .o7-hero__rating-img {
        max-width: 14px;
        max-height: 14px;
    }

    .o7-hero__curve-icon-bottom-1024 {
        display: inline;
        position: absolute;
        bottom: -14px;
        left: 1px;
    }

    .o7-hero__button-wrapper {
        border-radius: 0 0 14px 0;
        display: flex;
        justify-content: start;
        max-width: 162px;
        height: 60px;
        padding-bottom: 12px;
    }

    .o7-hero__image img {
        border-radius: 16px;
    }
}

@media (max-width: 991px) {
    .o7-hero__button-wrapper {
        border-radius: 0 0 28px 0;
    }

    .o7-hero__button-chip-wrapper {
        max-width: 159px;
    }
}

@media (max-width: 767px) {

    .o7-hero__content-holder {
        bottom: 42px;
    }

    .o7-hero__title {
        font-size: 40px;
    }

    .o7-hero__button-wrapper {
        height: 52px;
        max-width: 139px;
    }

    .o7-hero__button {
        height: 40px;
        padding: 16px;
    }

    /* footer button chip */
    .o7-footer__icon-chip-bg-icon-one,
    .o7-footer__icon-chip-bg-icon-two,
    .o7-footer__button-chip-bg-span-icon,
    .o7-footer__button-chip-bg-icon {
        width: 16px;
        height: 16px;
    }

    .o7-footer__icon-chip-bg-icon-one {
        right: -16px;
    }

    .o7-footer__icon-chip-bg-icon-two {
        bottom: -16px;
    }

    .o7-footer__button-chip-bg-span-icon {
        left: -16px;
    }

    .o7-footer__button-chip-bg-icon {
        bottom: -16px;
    }
}

@media (max-width: 576px) {

    .o7-hero__content-holder {
        bottom: 41px;
    }

    .o7-hero__title {
        font-size: 24px;
        padding: 0 15px 0 0;
    }

    .o7-hero__title-span--mobile {
        padding: 0 20px 10px 0px;
        border-radius: 0 0 16px 0;
    }

    .o7-hero__button-wraper {
        max-width: 128px;
        height: 50px;
    }

    .o7-hero__button {
        width: 120px;
        height: 32px;
        padding: 14px 15px;
        margin-top: 10px;
        font-size: 12px;
    }

    .o7-hero__button-chip-wrapper {
        max-width: 130px;
    }

    .o7-hero__title-span {
        padding: 0px 7px 5px 0;
        border-radius: 0 0 14px 0;
    }

    .o7-hero__button-wrapper {
        margin-top: 0;
        height: 52px;
    }

    .o7-hero__curve-icon-bottom {
        right: -15px;
    }

    .o7-hero__curver-icon-top {
        rotate: -1deg;
    }

    .hero__title-span--mobile {
        padding-right: 19px;
    }
}

@media (max-width: 354px) {
    .o7-hero__title {
        font-size: 20px;
        line-height: 115%;
    }

    .o7-hero__title-span {
        padding: 0 10px 10px 0;
    }

    .o7-hero__button-wrapper {
        justify-content: flex-start;
        height: unset;
    }


    .o7-hero__curver-icon-top {
        rotate: 0deg;
    }

    .o7-hero__button-chip-wrapper {
        max-width: 124px;
    }

    .hero__title-span--mobile {
        padding-right: 50px;
    }

    .o7-hero__button {
        margin-top: 0;
    }
}

/* Hero End */

/* Trust Badge Review Chip */

.o7-trust-badge-ratings--chip {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 281px;
    border: 1px solid #202020;
    border-radius: 50px;
    column-gap: 10px;
    padding: 12px 28px;
    margin: 0 0 5px 20px;
}

.o7-trust-badge-ratings__inner {
    display: flex;
    column-gap: 5px;
    align-items: center;
}

.o7-trust-badge-ratings__rating {
    font-size: 32px;
    font-weight: 500;
    line-height: 76%;
    color: #202020;
}

.o7-trust-badge-ratings__star {
    max-width: 17px;
    max-height: 17px;
    fill: #7CE3AC;
}

.o7-trust-badge-ratings__review-text {
    font-size: 14px;
    font-weight: 400;
    color: #202020;
}

/* 1200px and below */
@media (max-width: 1200px) {

    .o7-trust-badge-ratings--chip {
        margin: 0 0 5px 10px;
    }
}

@media (max-width: 1024px) {
    .o7-trust-badge-ratings--chip {
        max-width: 220px;
        column-gap: 5px;
        padding: 7px 10px;
        margin: 0 0 5px 0;
    }

    .o7-trust-badge-ratings__inner {
        display: flex;
        column-gap: 5px;
        align-items: center;
    }

    .o7-trust-badge-ratings__rating {
        font-size: 22px;
    }
}

/* Trust Badge Review Chip End */

/* 
// Heading Title:start
----------------------------------------- */

/* --- Section Heading:start --- */
.o7-section-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}

.o7-section-header__title {
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    color: #202020;
    display: flex;
    align-items: center;
}

.o7-section-header__sub-title {
    font-family: "Manrope", sans-serif;
    font-size: 56px;
    font-weight: 400;
    color: #202020;
    margin: 0;

}

.o7-section-header__title-pointer {
    width: 10px;
    height: 10px;
    background: #7CE3AC;
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.o7-section-header__subtitle-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin: 0;
}

/* --- Section Heading:end --- */

/* --- Explore More Title:start --- */
.o7-arrow-card__title {
    text-align: center;
    font-size: 56px;
    font-weight: 400;
    margin: 0 0 50px;
}

/* --- Explore More Title:end --- */


/* ======== Responsive Design ======== */
@media (max-width: 1200px) {
    .o7-section-header__sub-title {
        font-size: 42px;
    }
}

@media (max-width: 1024px) {
    .o7-section-header {
        margin-bottom: 30px;
        gap: 5px;
    }

    .o7-section-header__sub-title {
        font-size: 36px;
    }

    .o7-section-header__title {
        font-size: 20px;
    }

    .o7-arrow-card__title {
        font-size: 36px;
        margin: 0 0 40px;
    }
}

@media (max-width: 991px) {
    .o7-section-header {
        margin-bottom: 20px;
    }

    .o7-section-header__sub-title {
        font-size: 32px;
    }

    .o7-arrow-card__title {
        font-size: 32px;
        margin: 0 0 30px;
    }
}

@media (max-width: 767px) {
    .o7-section-header {
        margin-bottom: 15px;
    }

    .o7-section-header__sub-title {
        font-size: 26px;
    }

    .o7-arrow-card__title {
        font-size: 26px;
        margin: 0 0 20px;
    }
}

@media (max-width: 576px) {
    .o7-section-header__title {
        font-size: 16px;
    }
}

/* _____/ Heading Title:end \_______*/


/* Logo Slider START */


.o7-logo-slider {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.o7-logo-slider::before,
.o7-logo-slider::after {
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    content: "";
    z-index: 2;
    pointer-events: none;
}

.o7-logo-slider::before {
    left: 0;
    background: linear-gradient(to left, rgba(245, 245, 245, 0.2), #f5f5f5);
}

.o7-logo-slider::after {
    right: 0;
    background: linear-gradient(to right, rgba(245, 245, 245, 0.2), #f5f5f5);
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.o7-logo-slider__track {
    display: inline-flex;
    animation: slide 50s linear infinite;
}

.o7-logo-slider__logos {
    display: inline-flex;
}

.o7-logo-slider__logos img {
    margin: 0 50px;
    max-height: 40px;
    flex-shrink: 0;
}

.o7-logo-slider:hover .o7-logo-slider__track {
    animation-play-state: paused;
}

.o7-logo-slider__logos .o7-logo-slider__width-60px {
    width: 60px;
}

@media (max-width: 1400px) {
    .o7-logo-slider::before {
        width: 20px;
    }

    .o7-logo-slider::after {
        width: 20px;
    }
}

@media (max-width: 1024px) {
    .o7-logo-slider__logos img {
        margin: 0 30px;
        max-height: 30px;
    }
}


/* Logo Slider End */

/*Accordion*/
.o7-accordion {
    margin: 0;
    list-style: none;
    padding-inline-start: 0px;
}

.o7-accordion__item {
    margin-bottom: 20px;
    background-color: #E7E7E7;
    border-radius: 25px;
}

.o7-accordion__item:last-child {
    margin-bottom: 0;
}

.o7-accordion__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding-right: 30px;
}

.o7-accordion__question-text {
    font-weight: 400;
    font-size: 24px;
    margin: 0;
    padding: 30px;
}


.o7-accordion__icon {
    transition: transform 0.3s ease;
}

.o7-accordion__item.active .o7-accordion__icon {
    transform: rotate(180deg);
}

.o7-accordion__answer {
    background-color: #e7e7e7;
    color: transparent;
    border-radius: 0 0 25px 25px;
    transition: height .2s ease-in-out, opacity .1s ease-in-out;
    overflow: hidden;
    height: 0px;
    opacity: 0;
}

.o7-accordion__answer-text {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 0 30px 30px;
}

.o7-accordion__item.active .o7-accordion__answer {
    height: auto;
    color: var(--dark-color);
    opacity: 1;
}


.o7-accordion__icon-wrapper {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: #202020;
    border-radius: 50%;
}

.o7-accordion__icon {
    width: 18px;
    height: 18px;
    fill: #f5f5f5;
}

@media (max-width:1200px) {
    .o7-accordion__question {
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .o7-accordion__item {
        border-radius: 16px;
    }

    .o7-accordion__question {
        border-radius: 16px;
    }

    .o7-accordion__item.active .o7-accordion__question {
        border-radius: 16px 16px 0 0;
    }

}

@media (max-width: 576px) {
    /* .o7-accordion__item {
        padding: 20px;
    } */

    .o7-accordion__question {
        border-radius: 16px;
        padding-right: 20px;
    }

    .o7-accordion__question-text {
        font-weight: 500;
        font-size: 20px;
        padding: 20px;
    }

    .o7-accordion__answer-text {
        font-size: 16px;
        font-weight: 400;
        padding: 0 20px 26px;
    }

}

/* Accordion END */

/* Content Card */






.o7-content-card:hover .o7-hover-chip {
    top: 0px;
    right: 0px;
}

.o7-content-card__title {
    margin: 35px 0 0 0;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.o7-content-card__header {
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    margin-top: 10px;
    margin-bottom: 0;
}

.o7-content-card__header a {
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    margin-top: 10px;
    margin-bottom: 0;
    color: var(--dark-color);
    text-decoration: none;
    position: relative;
    display: inline;
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 0.3s ease;
    cursor: pointer;
}

.o7-content-card__header a:hover {
    background-size: 100% 2px;
}


.o7-content-card--blogs {
    max-width: 520px;
    flex: 0 0 auto;
    scroll-snap-align: start;
}


.o7-content-card__hover--logo {
    position: absolute;
    left: 0px;
    bottom: 0;
    transition: left 0.3s ease-out, opacity 0.3s ease-out, bottom 0.3s ease-out;
    opacity: 0;
    z-index: 2;
    width: 80px;
    height: auto;
}

.o7-content-card--blogs:hover .o7-content-card__hover--logo {
    opacity: 1;
}

.o7-content-card__blog-para {
    margin: 10px 0 0 0;
}


@media (max-width: 1200px) {

    .o7-content-card__circle {
        width: 40px;
        height: 40px;
        top: -40px;
        right: -40px;
    }

    .o7-content-card:hover .o7-content-card__circle {
        top: 20px;
        right: 20px;
    }

    .o7-content-card__circle-arrow {
        width: 16px;
        height: 20px;
    }

}

@media (max-width: 1024px) {

    .o7-content-card__header,
    .o7-content-card__header a {
        font-size: 24px;
        margin-top: 5px;
    }

    .o7-content-card__title {
        margin-top: 25px;
    }

    .o7-content-card__titles-container {
        gap: 10px;
    }

    .o7-content-card__circle {
        top: 30px;
        right: 30px;
    }



    .o7-content-card__hover--logo {
        display: block;
        opacity: 1;
        bottom: -1px;
        left: -1px;
    }

    .o7-content-card__title {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .o7-content-card__image {
        border-radius: 15px;
    }
}

@media (max-width: 767px) {

    .o7-content-card__title {
        margin-top: 36px;
        font-size: 16px;
    }

    .o7-content-card__header {
        font-size: 20px;
    }

    .o7-content-card__blog-para {
        margin-top: 8px;
    }

    .o7-content-card--scrolling-snap {
        flex: 0 0 85%;
        scroll-snap-align: start;
    }
}

@media (max-width: 576px) {}

/* Content Card End */

/* Slider Control */

.o7-slider-control {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 40px;
}

.o7-slider-control__button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E7E7E7;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: all 300ms ease-out 0s;
}

.o7-slider-control__button:hover {
    background-color: #7CE3AC;
}

.o7-slider-control.slider__button--visible {
    display: none;
}

.o7-slider-control a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.o7-slider-control__button--aquamarine {
    background-color: #7CE3AC;
}

.o7-slider-control__button--aquamarine:hover {
    background-color: #202020;
}

.o7-slider-control__button--aquamarine:hover .slider__arrow {
    fill: #ffffff;
}

@media (max-width: 1024px) {
    .o7-slider-control__button {
        background-color: #7CE3AC;
    }
}

/* Slider Control */

.o7-slider-control {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 30px;
}

.o7-slider-control__button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E7E7E7;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.slider__arrow {
    width: 16px;
    height: 16px;
}

.o7-slider-control.slider__button--visible {
    display: none;
}

.o7-slider-control a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.o7-slider-control__button--aquamarine {
    background-color: #7CE3AC;
}

@media (max-width: 1024px) {
    .o7-slider-control__button {
        background-color: #7CE3AC;
    }
}

/* Slider Control END*/


/* 
// Card:start
----------------------------------------- */

/* --- Card Chip:start */
.o7-hover-chip {
    background-color: #f5f5f5;
    border-radius: 0 0 0 25px;
    height: 38px;
    padding-left: 11px;
    position: absolute;
    top: -38px;
    right: 0px;
    transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1),
        right 280ms cubic-bezier(0.4, 0, 0.2, 1);

}

.o7-list-page-filter__card:hover .o7-hover-chip {
    top: 0px;
    right: 0px;
}

.o7-hover-chip__bg-span-icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    fill: #f5f5f5;
    bottom: -14px;
}

.o7-hover-chip__inner {
    display: flex;
    gap: 12px;
}

.o7-hover-chip__buton {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-color: #E7E7E7;
    padding: 5px 15px;
    border-radius: 25px;
    width: max-content;
}

.o7-hover-chip__buton--hidden-pc {
    display: none;
}

/* --- Card Chip:end */

/* Section cards wrapper */
.section__card-wrapper {
    display: flex;
    gap: 40px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 auto;
}

.section__card-wrapper--scroll-x {
    overflow-x: hidden !important;
    scroll-snap-type: x mandatory !important;
}

.o7-content-card--scrolling-snap {
    flex: 0 0 calc(50% - 20px);
    scroll-snap-align: start;
    transition: transform 0.3s ease;
}

.service-col-one {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.service-col-two {
    display: flex;
    flex-direction: column;
    flex: 1;

}

.o7-blog-section__card-container {
    max-width: 1080px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.o7-list-page-filter__data-list {
    display: flex;
    gap: 40px;
    margin: 80px auto 0;
    width: 100%;
}

.o7-list-page-filter__column-left,
.o7-list-page-filter__column-right {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(50% - 20px);
}

.o7-list-page-filter__column-left {
    display: flex;
    flex-direction: column;
}

.o7-list-page-filter__column-right {
    display: flex;
    flex-direction: column;
}

.service-col-one .o7-content-card+.o7-content-card,
.service-col-two .o7-content-card {
    margin-top: 110px;
}

.o7-arrow-card__card a {
    text-decoration: none;
    color: #202020;
}

.o7-arrow-card__card-wrapper {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.o7-arrow-card__card-wrapper .o7-content-card {
    flex: 0 0 calc(50% - 20px);
}

.o7-card__image-wrapper {
    overflow: hidden;
}

.o7-card__image-wrapper--rounded,
.o7-card__image-wrapper--rounded .o7-card__image-frame,
.o7-card__image-wrapper--rounded .o7-card__image {
    border-radius: 25px;
}

.o7-card__image-wrapper--with-bg {
    padding: 35px;
}

.o7-card__image-wrapper--with-bg.o7-card__image-wrapper--rounded .o7-card__image-frame,
.o7-card__image-wrapper--with-bg.o7-card__image-wrapper--rounded .o7-card__image {
    border-radius: 20px;
}

.o7-card__image-frame {
    position: relative;
}

.o7-card__image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.45s ease-out;
}

.o7-content-card:hover .o7-card__image {
    transform: scale(1.05);
}

.o7-card__info-block {
    margin: 35px 0 0 0;
    padding: 0 10px;
    max-width: calc(100% - 20px);
}

.o7-card__title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 15px;
}

.o7-card__title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.o7-card__title-decorative-dot {
    position: relative;
    padding-left: 25px;
}

.o7-card__title-decorative-dot:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #7CE3AC;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

.decorative-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #7CE3AC;
    border-radius: 50%;
}

/* --- Content Card:start ---  */
.o7-content-card {
    position: relative;
    overflow: hidden;
    max-width: 780px;
    padding-bottom: 1px;
}

.o7-content-card a {
    color: inherit;
    text-decoration: none;
}

.o7-content-card:hover .o7-content-card__image {
    transform: scale(1.05);
}

.portfolio-slider .o7-content-card--scrolling-snap .o7-content-card__image-wrapper,
.case-study-slider .o7-content-card--scrolling-snap .o7-content-card__image-wrapper {
    background-color: #4F6999;
}

.portfolio-slider .o7-content-card--scrolling-snap:nth-child(2n) .o7-content-card__image-wrapper,
.case-study-slider .o7-content-card--scrolling-snap:nth-child(2n) .o7-content-card__image-wrapper {
    background-color: #648473;
}

.o7-content-card__circle {
    z-index: 100;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -60px;
    right: -60px;
    opacity: 0;
    transition: top 0.4s ease-out, right 0.4s ease-out, opacity 0.4s ease-out;
}

@media (min-width: 1201px) {
    .o7-content-card:hover .o7-content-card__circle {
        top: 20px;
        right: 20px;
        opacity: 1;
    }
}

.o7-content-card__circle-arrow {
    width: 30px;
    height: 25px;
    display: flex;
    flex-shrink: 0;
}

/* --- Content Card:end ---  */

/* --- Filter Card:start ---  */
.o7-list-page-filter__column-left .o7-list-page-filter__card:nth-child(odd) .o7-list-page-filter__card-image-wrapper {
    background-color: #BEA1A2;
}

.o7-list-page-filter__column-left .o7-list-page-filter__card:nth-child(even) .o7-list-page-filter__card-image-wrapper {
    background-color: #25566C;
}

.o7-list-page-filter__column-right .o7-list-page-filter__card:nth-child(odd) .o7-list-page-filter__card-image-wrapper {
    background-color: #638673;
}

.o7-list-page-filter__column-right .o7-list-page-filter__card:nth-child(even) .o7-list-page-filter__card-image-wrapper {
    background-color: #4B6899;
}

.o7-list-page-filter__card:hover .o7-list-page-filter__card-image-wrapper {
    border-radius: 25px 0 25px 25px;
}

.o7-list-page-filter__card:hover .o7-card__image {
    transform: scale(1.05);
}

/* --- Filter Card:end ---  */


/* ======== Responsive Design ======== */


@media (max-width: 1400px) {

    .service-col-one .o7-content-card+.o7-content-card,
    .service-col-two .o7-content-card {
        margin-top: 90px;
    }

    .o7-content-card__circle {
        width: 50px;
        height: 50px;
        top: 15px;
        right: 15px;
    }

    .o7-content-card__circle-arrow {
        width: 20px;
        height: 17px;
    }

}

@media (max-width: 1200px) {
    .o7-list-page-filter__data-list {
        gap: 20px;
    }

    .o7-card__image-wrapper--rounded,
    .o7-card__image-wrapper--rounded .o7-card__image-frame,
    .o7-card__image-wrapper--rounded .o7-card__image {
        border-radius: 20px;
    }

    .o7-card__image-wrapper--with-bg {
        padding: 25px;
    }

    .o7-card__image-wrapper--with-bg.o7-card__image-wrapper--rounded .o7-card__image-frame,
    .o7-card__image-wrapper--with-bg.o7-card__image-wrapper--rounded .o7-card__image {
        border-radius: 16px;
    }

    /* --- Card Chip responsive:start */
    .o7-hover-chip {
        top: 0px;
    }

    /* --- Card Chip responsive:end */

}

@media (max-width: 1024px) {

    .service-col-one .o7-content-card+.o7-content-card,
    .service-col-two .o7-content-card {
        margin-top: 70px;
    }

    .o7-blog-section__card-container {
        max-width: 100%;
        gap: 20px;
    }

    .o7-list-page-filter__data-list {
        margin: 40px auto 0;
    }

    .section__card-wrapper {
        gap: 20px;
    }

    .o7-content-card--scrolling-snap {
        flex: 0 0 calc(50% - 10px);
    }

    .o7-arrow-card__card-wrapper {
        gap: 20px;
    }

    .o7-arrow-card__card-wrapper .o7-content-card {
        flex: 0 0 calc(50% - 10px);
    }

    .o7-card__info-block {
        margin: 25px 0 0 0;
    }

    .o7-card__title {
        font-size: 18px;
    }

    .o7-card__title-wrapper {
        gap: 5px 10px;
    }

    .o7-card__title-decorative-dot:before {
        top: 7px;
    }

    .o7-card__title-decorative-dot {
        padding-left: 20px;
    }

    .o7-content-card__blog-para {
        font-size: 18px;
    }
}

@media (max-width: 991px) {

    .service-col-one .o7-content-card+.o7-content-card,
    .service-col-two .o7-content-card {
        margin-top: 60px;
    }

    .o7-card__image-wrapper--rounded,
    .o7-card__image-wrapper--rounded .o7-card__image-frame,
    .o7-card__image-wrapper--rounded .o7-card__image {
        border-radius: 15px;
    }

    .o7-card__image-wrapper--with-bg {
        padding: 20px;
    }

    .o7-card__image-wrapper--with-bg.o7-card__image-wrapper--rounded .o7-card__image-frame,
    .o7-card__image-wrapper--with-bg.o7-card__image-wrapper--rounded .o7-card__image {
        border-radius: 12px;
    }

    .o7-content-card__circle {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px;
    }

    .o7-content-card__circle-arrow {
        width: 13px;
        height: 11px;
    }

    .o7-card__info-block {
        margin: 15px 0 0 0;
    }

    .o7-content-card__header,
    .o7-content-card__header a {
        font-size: 20px;
    }

    .o7-card__title {
        font-size: 16px;
    }

    /* --- Card Chip responsive:start */
    .o7-hover-chip__buton--hidden-mobile {
        display: none;
    }

    .o7-hover-chip__buton--hidden-pc {
        display: block;
    }

    /* --- Card Chip responsive:end */
    .o7-slider-control {
        margin-top: 15px;
    }

    .o7-content-card__blog-para {
        margin: 5px 0 0 0;
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    .service-col-one .o7-content-card+.o7-content-card,
    .service-col-two .o7-content-card {
        margin-top: 0;
    }

    .section__card-wrapper--scroll-x {
        flex-direction: row;
        gap: 15px;
        overflow-x: hidden;
        scroll-snap-type: x mandatory;
    }

    .o7-list-page-filter__data-list {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .o7-list-page-filter__column-left {
        gap: 60px;
        max-width: 100%;
        width: 100%;
    }

    .o7-list-page-filter__column-right {
        gap: 60px;
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    .section__card-wrapper {
        gap: 15px;
    }

    .section-services .section__card-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .o7-arrow-card__card-wrapper {
        gap: 15px;
    }

    .o7-arrow-card__card-wrapper .o7-content-card {
        flex: 0 0 calc(50% - 7.5px);
    }

    .o7-content-card--scrolling-snap {
        flex: 0 0 calc(50% - 7.5px);
    }

    .o7-card__image-wrapper--with-bg {
        padding: 15px;
    }

    /* --- Card Chip responsive:start */
    .o7-hover-chip__buton--hidden-mobile {
        display: block;
    }

    .o7-hover-chip__buton--hidden-pc {
        display: none;
    }

    /* --- Card Chip responsive:end */
    .o7-card__info-block {
        margin: 10px 0 0 0;
    }

}

@media (max-width: 576px) {
    .o7-content-card--scrolling-snap {
        flex: 0 0 100%;
        scroll-snap-align: start;
    }

    .o7-list-page-filter__data-list {
        gap: 50px;
    }

    .o7-list-page-filter__column-left {
        gap: 50px;
    }

    .o7-list-page-filter__column-right {
        gap: 50px;
        margin: 0;
    }

    .o7-arrow-card__card-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .o7-arrow-card__card-wrapper .o7-content-card {
        flex: 0 0 calc(50% - 7.5px);
    }

    /* --- Card Chip responsive:start */
    .o7-hover-chip__buton--hidden-mobile {
        display: none;
    }

    .o7-hover-chip__buton--hidden-pc {
        display: block;
    }

    /* --- Card Chip responsive:end */

}


/* _____/ Card:end \_______*/


/* testimonial */

.o7-testimonial {
    background-color: #E7E7E7;
    border-radius: 20px;
    padding: 75px;
    margin: 0 auto;
}

.o7-testimonial__card-container {
    display: flex;
    gap: 50px;
}


.o7-testimonial__card {
    flex: 0 0 auto;
    max-width: 450px;
    width: 100%;
    padding: 50px;
    background-color: #F5F5F5;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
}

.o7-testimonial__customer-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.o7-testimonial__client-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: right;
}


.o7-testimonial__client-nameplate {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.o7-testimonial__client-name-wrapper {
    margin: 0;
    font-size: 20px;
}

.o7-testimonial__client-name {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    text-align: right;
}

.o7-testimonial__blockquote {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    margin: 0;
}

.o7-testimonial__para {
    margin-top: 30px;
}

.o7-testimonial__para p {
    max-width: 290px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

.o7-testimonial__para--left-vector,
.o7-testimonial__para--right-vector {
    width: 30px;
    height: 30px;
    fill: #7CE3AC;
}

.o7-testimonial__para--right-vector {
    float: right;
}

.o7-testimonial__company--logo {
    width: 40%;
    margin-top: 50px;
}

@media (max-width: 1200px) {
    .o7-testimonial__card {
        flex: 0 0 100%;
    }

    .o7-testimonial__card-container {
        gap: 30px;
    }
}

@media (max-width: 1024px) {
    .o7-testimonial {
        padding: 40px;
    }
}


@media (max-width: 767px) {
    .o7-testimonial {
        padding: 46px;
    }
}

@media (max-width: 576px) {

    .o7-testimonial {
        padding: 30px 15px;
    }

    .o7-testimonial__card {
        padding: 20px 15px;

    }

    .o7-testimonial__client-image {
        width: 30%;
        height: auto;
        display: block;
    }
}

/* testimonial END  */

/* news letter  */

.o7-news-letter__form-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.o7-news-letter__content-header {
    max-width: 815px;
    text-align: center;
    font-weight: 500;
    font-size: 72px;
    margin: 5px 0 60px;
}

.o7-news-letter__container {
    background-color: #E7E7E7;
    border-radius: 25px;
    padding: 60px 20px;
}

@media (max-width: 991px) {
    .o7-news-letter__container {
        padding: 40px 20px;
    }
}

@media (max-width: 767px) {
    .o7-news-letter__container {
        padding: 30px 20px;
    }
}

.o7-news-letter__button {
    margin-top: 30px;
}

.o7-news-letter__form {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.form__input--field {
    width: 100%;
    padding: 14px 20px 14px 50px;
    border: 1px solid #C7C7C7;
    border-radius: 8px;
    background-color: #FFFFFF;
    height: 48px;
    box-sizing: border-box;
    margin-top: 60px;
}

.o7-news-letter__form--mail-svg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 45%;
    left: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%);
}

.o7-news-letter__paragraph {
    max-width: 380px;
    text-align: center;
    color: #787878;
    font-size: 14px;
    margin: 30px auto 0 auto;
}

.o7-news-letter__check-list-checker {
    width: 16px;
    height: 16px;
}

.o7-news-letter__check-list-poiner {
    width: 30px;
    height: 30px;
    background-color: #C7C7C7;
    text-align: center;
    border-radius: 50%;
    padding: 3px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.o7-news-letter__check-list-content {
    display: flex;
    gap: 10px;
    align-items: center;
}

.o7-news-letter__check-list {
    display: flex;
    gap: 30px;
    margin-top: 45px;
    justify-content: center;
}

.o7-news-letter__check-list-option {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .o7-news-letter__content-header {
        max-width: 475px;
        font-size: 42px;
        margin: 5px 0 40px;
    }
}

@media (max-width: 767px) {
    .o7-news-letter__content-header {
        max-width: 360px;
        font-size: 28px;
        margin: 5px 0 20px;
    }

    .o7-news-letter__check-list {
        display: none;
    }
}

/* news letter END */

/* List Page Filter */
.o7-list-page-filter {
    display: flex;
    flex-direction: column;
}

.o7-list-page-filter__filter-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.o7-list-page-filter__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.o7-list-page-filter__filter-item {
    font-size: 32px;
    font-weight: 400;
    padding: 6px 20px;
    border: 1px solid #E7E7E7;
    border-radius: 100px;
    cursor: pointer;
}

.o7-list-page-filter__filter-item:hover {
    background-color: #E7E7E7;
}

/* List Page Filter End */

/* Filter Data List  */


.o7-list-page-filter__card a {
    text-decoration: none;
}

.o7-list-page-filter__card a:hover {
    text-decoration: none;
}

.o7-list-page-filter__card-image-wrapper {
    position: relative;
}




.o7-list-page-filter__card-image-wrapper--blog-list {
    border-radius: 25px;
}



.o7-list-page-filter__card-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 40px 0 0;
}

.o7-list-page-filter__column-left .o7-list-page-filter__card+.o7-list-page-filter__card,
.o7-list-page-filter__column-right .o7-list-page-filter__card {
    margin-top: 110px;
}

@media (max-width: 1400px) {

    .o7-list-page-filter__column-left .o7-list-page-filter__card+.o7-list-page-filter__card,
    .o7-list-page-filter__column-right .o7-list-page-filter__card {
        margin-top: 90px;
    }
}

@media (max-width: 1024px) {

    .o7-list-page-filter__column-left .o7-list-page-filter__card+.o7-list-page-filter__card,
    .o7-list-page-filter__column-right .o7-list-page-filter__card {
        margin-top: 70px;
    }
}

@media (max-width: 991px) {

    .o7-list-page-filter__column-left .o7-list-page-filter__card+.o7-list-page-filter__card,
    .o7-list-page-filter__column-right .o7-list-page-filter__card {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {

    .o7-list-page-filter__column-left .o7-list-page-filter__card+.o7-list-page-filter__card,
    .o7-list-page-filter__column-right .o7-list-page-filter__card {
        margin-top: 0;
    }
}

/* card category block start */

@media (max-width: 1024px) {

    .o7-card-category--home-sec,
    .o7-card-category--home-sec-portfolio {
        margin: 25px 0 0 0;
    }
}

@media (max-width: 991px) {

    .o7-card-category--home-sec,
    .o7-card-category--home-sec-portfolio {
        margin: 15px 0 0 0;
    }
}

.o7-card-catagory__title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.o7-card-catagory__title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 15px;
}

.o7-card-catagory__decorative-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #7CE3AC;
    border-radius: 50%;
}

/* card category block end */


.o7-list-page-filter__card-tagline {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
}

@media (max-width: 1200px) {



    .o7-list-page-filter__card img {
        width: 100%;
        border-radius: 16px;
    }

    .o7-list-page-filter__card__title-wrapper {
        gap: 5px;
        margin: 20px 10px 0px 10px;
    }

    .o7-card-catagory__title {
        font-size: 16px;
    }

    .o7-list-page-filter__card-tagline {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {

    .o7-list-page-filter__filter-item {
        font-size: 28px;
    }




}

@media (max-width: 992px) {

    .o7-list-page-filter__filter-item {
        font-size: 24px;
    }

}

@media (max-width: 767px) {


    .o7-list-page-filter__list {
        gap: 12px;
        padding: 0 12px;
    }

    .o7-list-page-filter__filter-item {
        font-size: 20px;
        padding: 5px 15px;
    }









    .o7-list-page-filter__card-tagline {
        font-size: 20px;
    }

    .o7-list-page-filter__card-title-wrapper {
        gap: 8px;
        margin: 36px 0 0;
    }

    .o7-list-page-filter__card-image-wrapper {
        padding: 15px;
    }

    .social-media-mobile-view .o7-footer__icon-chip-bg-icon-one,
    .social-media-mobile-view .o7-footer__icon-chip-bg-icon-two {
        display: none;
    }

}

@media (max-width: 576px) {}

/* Filter Data List End */

/* Hover icon   */
.o7-hover-icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all 0.4s ease;
}

.o7-hover-icon__bg {
    position: relative;
    display: flex;
    flex-direction: column;
}

.o7-hover-icon__icon {
    width: 25px;
    height: 25px;
    fill: #f5f5f5;
    position: relative;
    top: 1px;
}

.o7-hover-icon__bg-span {
    display: block;
    width: 90px;
    height: 90px;
    background-color: #f5f5f5;
    border-radius: 0 25px 0 0;
}

.o7-hover-icon__bg-span-wrapper {
    display: flex;
}

.o7-hover-icon__bg-span-icon {
    width: 25px;
    height: 25px;
    position: relative;
    top: 65px;
    fill: #f5f5f5;
}


.o7-hover-icon__inner img {
    width: 80px;
    height: 80px;
    border-radius: 25px;
    position: absolute;
    bottom: 1px;
    left: 1px;
}

.o7-hover-icon--left-icon-box .o7-hover-icon__bg {
    visibility: hidden;
}

.o7-hover-icon--left-icon-box {
    position: absolute;
    top: 0px;
    left: 0px;
}

.o7-hover-icon__inner--left-icon-box img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.o7-hover-icon--bottom-left {
    position: absolute;
    bottom: -90px;
    left: -90px;
}

.o7-list-page-filter__card:hover .o7-hover-icon--bottom-left {
    bottom: -1px;
    left: -1px;
}

@media (max-width: 1200px) {

    .o7-hover-icon {
        bottom: 0px;
        left: 0px;
    }

    .o7-hover-icon__bg-span {
        width: 70px;
        height: 70px;
        border-radius: 0 16px 0 0;
    }

    .o7-hover-icon__bg-span-icon {
        top: 45px;
    }

    .o7-hover-icon__inner img {
        width: 60px;
        height: 60px;
        border-radius: 16px;
    }

    .o7-hover-icon__inner--left-icon-box img {
        width: 60px;
        height: 60px;
    }

    .o7-hover-icon--bottom-left {
        bottom: 0px;
        left: 0px;
    }
}

@media (max-width: 1024px) {
    .o7-hover-icon__inner--left-icon-box img {
        top: 20px;
        left: 20px;
    }
}

@media (max-width: 992px) {


    .o7-hover-chip__bg-span {
        width: 245px;
    }

    .o7-hover-chip__buton--hidden-mobile {
        display: none;
    }

    .o7-hover-chip__buton--hidden-pc {
        display: block;
    }


    .o7-hover-icon {
        bottom: 0px;
        left: 0px;
    }

    .o7-hover-icon__bg-span {
        width: 55px;
        height: 55px;
        border-radius: 0 16px 0 0;
    }

    .o7-hover-icon__bg-span-icon {
        top: 30px;
    }

    .o7-hover-icon__inner img {
        width: 45px;
        height: 45px;
        border-radius: 16px;
    }

    .o7-hover-icon__inner--left-icon-box img {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 767px) {

    .o7-hover-chip__bg-span {
        width: 320px;
    }

    .o7-hover-chip__buton--hidden-mobile {
        display: block;
    }

    .o7-hover-chip__buton--hidden-pc {
        display: none;
    }

}



@media (max-width: 576px) {

    .o7-hover-chip__bg-span {
        width: 245px;
    }

    .o7-hover-chip__buton--hidden-mobile {
        display: none;
    }

    .o7-hover-chip__buton--hidden-pc {
        display: block;
    }

}

/* Hover icon  End */

/* Page Banner */

/* 
// Inner Page Banner:start
----------------------------------------- */

.o7-page-banner {
    padding: 60px 40px;
    border-radius: 25px;
    background-color: #E7E7E7;
}

/* --- Banner Heading:start --- */
.o7-page-banner__heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 50px 0;
    padding: 0 20px;
}

.o7-page-banner__title {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

.o7-page-banner__decorative-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #7CE3AC;
    border-radius: 50%;
    margin: 0 10px 0 0;
}

.o7-page-banner__sub-title {
    font-size: 56px;
    font-weight: 400;
    margin: 0;
}

/* --- Banner Heading:end --- */

/* --- Banner Image:start --- */
.o7-page-banner__image img {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
}

.o7-page-banner__image-wrapper {
    position: relative;

}

.o7-page-banner__image-overlay {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: 25px;
}

/* --- Banner Image:end --- */


/* === Responsive design === */

@media (max-width: 1200px) {
    .o7-page-banner__sub-title {
        font-size: 42px;
    }

    .o7-page-banner {
        padding: 40px;
    }

    .o7-page-banner__heading {
        margin: 0 0 30px 0;
    }
}

@media (max-width: 1024px) {

    .o7-page-banner {
        padding: 30px 30px;
        border-radius: 16px;
    }

    .o7-page-banner__heading {
        margin: 0 0 20px 0;
    }

    .o7-page-banner__title {
        font-size: 20px;
    }

    .o7-page-banner__sub-title {
        font-size: 36px;
    }

    .o7-page-banner__image img {
        border-radius: 16px;
    }

    .o7-page-banner__image-overlay {
        border-radius: 16px;
    }
}

@media (max-width: 991px) {
    .o7-page-banner {
        padding: 30px;
    }
}

@media (max-width: 767px) {

    .o7-page-banner {
        padding: 20px 20px;
    }

    .o7-page-banner__title {
        font-size: 16px;
    }

    .o7-page-banner__sub-title {
        font-size: 24px;
    }

    .o7-page-banner__heading {
        padding: 0 10px;
    }

    .o7-page-banner {
        padding: 20px;
    }
}

@media (max-width: 576px) {

    .o7-page-banner {
        padding: 15px 15px;
    }

    .container.o7-page-banner {
        background: none;
        padding: 0;
    }

    .o7-page-banner__heading {
        gap: 7px;
    }

    .o7-page-banner__sub-title {
        font-size: 22px;
    }

    .o7-page-banner__image img {
        border-radius: 10px;
    }

    .o7-page-banner__image-overlay {
        border-radius: 10px;
    }

}

/* _____/ Inner Page Banner:end \_______*/



/* Page Banner */


/* Page Banner Start */

.o7-details-page-hero__image img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
}


@media (max-width: 1024px) {
    .o7-details-page-hero__image img {
        width: 100%;
        border-radius: 16px;
    }
}

/* Page Banner End */


/* sidebar Start */
.o7-details-page-sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 220px;
    width: 100%;
    margin: 260px 0 0;
    position: sticky;
    top: 50px;
    align-self: flex-start;
}


.o7-details-page-sidebar__item-wrapper {
    margin: 0 0 30px;
}

.o7-details-page-sidebar__title {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
}

.o7-details-page-sidebar__item {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
}



@media (max-width: 1400px) {
    .o7-details-page-sidebar {
        max-width: 170px;
        margin: 200px 0 0;
    }

    .o7-details-page-sidebar__title {
        font-size: 20px;
    }

    .o7-details-page-sidebar__item {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .o7-details-page-sidebar {
        margin: 170px 0 0;
    }
}

@media (max-width: 1024px) {
    .o7-details-page-sidebar {
        flex-direction: row;
        background-color: #FFFFFF;
        padding: 30px;
        border-radius: 20px;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: flex-start;
        margin: 0;
        position: static;
    }

    .o7-details-page-sidebar__item-wrapper {
        flex-grow: 0;
        flex-shrink: 0;
        width: calc(33.33% - 20px);
    }

    .o7-details-page-sidebar__btn-wrapper {
        width: 100%;
        justify-items: center;
    }
}

@media (max-width: 767px) {

    .o7-details-page-sidebar__item-wrapper {
        width: calc(50% - 50px);
        margin-bottom: 0;
    }

}

@media (max-width: 576px) {
    .o7-details-page-sidebar__item-wrapper {
        width: 100%;
    }
}

/* sidebar End */


/* Details Page post Start */
.o7-details-page-post-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-top: 120px;
}

.o7-details-page-post {
    max-width: 1200px;
    flex-grow: 0;
}

.o7-details-page-post__title {
    font-size: 76px;
    font-weight: 400;
    margin: 0 0 60px;
}

.o7-details-page-post__sub-title,
.o7-details-page-post h2 {
    font-size: 56px;
    font-weight: 400;
    margin: 0 0 40px;
}

.o7-details-page-post__title--mobile {
    display: none;
}


.o7-details-page-post__image img {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
    margin: 0 0 50px;
}


.o7-details-page-post__details-wrapper {
    margin: 50px 0 100px;
}


.o7-details-page-post__details {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #787878;
}

.o7-details-page-post__details--margin-top {
    margin: 50px 0 0;
}


.o7-details-page-post__details-gap {
    display: block;
    margin-top: 25px;
}


@media (max-width: 1400px) {
    .o7-details-page-post-wrapper {
        gap: 60px;
    }

    .o7-details-page-post__title {
        font-size: 66px;
        margin: 0 0 50px;
    }

    .o7-details-page-post__sub-title,
    .o7-details-page-post h2 {
        font-size: 42px;
        margin: 0 0 20px;
    }
}

@media (max-width: 1200px) {
    .o7-details-page-post-wrapper {
        gap: 40px;
    }

    .o7-details-page-post__title {
        font-size: 56px;
        margin: 0 0 40px;
    }

    .o7-details-page-post__sub-title,
    .o7-details-page-post h2 {
        font-size: 38px;
    }

    .o7-details-page-post__image img {
        width: 100%;
        margin: 0 0 20px;
    }

    .o7-details-page-post__details-wrapper {
        margin: 20px 0 40px;
    }

    .o7-details-page-post__details--margin-top {
        margin: 20px 0 0;
    }
}

@media (max-width: 1024px) {
    .o7-details-page-post-wrapper {
        display: flex;
        flex-direction: column;
    }

    .o7-details-page-post__title {
        font-size: 48px;
        margin: 0 0 20px;
    }

    .o7-details-page-post__title--mobile {
        display: block;
    }

    .o7-details-page-post__title--pc {
        display: none;
    }

    .o7-details-page-post__sub-title,
    .o7-details-page-post h2 {
        font-size: 36px;
    }

    .o7-details-page-post__image img {
        border-radius: 16px;
    }
}

@media (max-width: 767px) {
    .o7-details-page-post__title {
        font-size: 40px;
    }

    .o7-details-page-post__sub-title,
    .o7-details-page-post h2 {
        font-size: 28px;
        font-weight: 500;
    }

    .o7-details-page-post-wrapper {
        margin-top: 30px;
    }
}


/* Details Page post End */


/* Details Page Post */
.o7-details-page-post p {
    font-size: 20px;
    font-weight: 400;
    margin: 25px 0;
    color: #484848;
}

.o7-details-page-post picture,
.o7-details-page-post img {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
    margin: 0 0 50px;
}

.o7-details-page-post__spacer-100 {
    margin: 50px 0;
    height: 0;
}

.o7-details-page-post__spacer-80 {
    margin: 40px 0;
    height: 0;
}

.o7-details-page-post h3 {
    font-size: 32px;
    font-weight: 500;
    margin: 80px 0 20px;
}

.o7-details-page-post__description {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 50px;
    color: #787878;
}

.o7-details-page-post__key-point-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 30px 0 80px;
}

.o7-details-page-post__key-point-wrapper--margin-bottom-none {
    margin-bottom: 0;
}

.o7-details-page-post__key-point-title {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
}

.o7-details-page-post__key-point,
.o7-details-page-post li {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #484848;
}

.o7-details-page-post li strong {
    font-weight: 600;
}

.o7-details-page-post__key-point--list,
.o7-details-page-post li {
    line-height: 170%;
}

/* Details Page Post END*/


/* Blog Post Start */

.o7-blog-post {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}

.o7-blog-post__title {
    font-size: 56px;
    font-weight: 500;
    margin: 0;
}

.o7-blog-post__platfrom-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 10px 0 30px;
    text-transform: capitalize;
}

.o7-blog-post__platfrom {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.o7-blog-post__author-name-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 30px;
}

.o7-blog-post__author-name {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.o7-blog-post__date {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #606060;
}

.o7-blog-post__banner-image img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
    margin: 0 0 30px;
}

.o7-blog-post__content p {
    font-size: 20px;
    font-weight: 400;
    margin: 25px 0;
    color: #484848;
}

.o7-blog-post__content h2 {
    font-size: 32px;
    font-weight: 500;
    margin: 80px 0 20px;
}

.o7-blog-post__content img {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
    margin: 0 0 50px;
}

.o7-blog-post__content li {
    font-size: 20px;
    font-weight: 400;
    margin: 5px 0;
    color: #484848;
    line-height: 1.7;
}

.o7-stepper-service-details__spacer-100 {
    margin: 50px 0;
    height: 0;
}

.o7-stepper-service-details__spacer-80 {
    margin: 40px 0;
    height: 0;
}

.o7-blog-post__description {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    color: #787878;
}

.o7-blog-post__description-gap {
    display: block;
    margin-top: 25px;
}

.o7-blog-post__key-point-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 60px 0 0;
}

.o7-blog-post__key-point-wrapper ol li {
    line-height: 1.6;
    margin-bottom: 12px;
    color: #787878;
}

.o7-blog-post__key-point-wrapper ul li {
    line-height: 1.6;
    color: #787878;
}

.o7-blog-post__key-point-title {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
}

.o7-blog-post__key-point {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    color: #787878;
}

.o7-blog-post__image img {
    width: 70%;
    border-radius: 25px;
}



/* Responsive Design */
@media (max-width: 1400px) {
    .o7-blog-post__title {
        font-size: 42px;
    }
}

@media (max-width: 1200px) {
    .o7-blog-post__title {
        font-size: 38px;
    }
}

@media (max-width: 1024px) {
    .o7-blog-post__title {
        font-size: 36px;
    }

    .o7-blog-post__platfrom-wrapper {
        margin: 10px 0 20px;
    }

    .o7-blog-post__platfrom {
        font-size: 20px;
    }

    .o7-blog-post__author-name {
        font-size: 16px;
    }

    .o7-blog-post__date {
        font-size: 14px;
    }

    .o7-blog-post__banner-image img {
        width: 100%;
        border-radius: 16px;
    }

    .o7-blog-post__image img {
        width: 100%;
        border-radius: 16px;
    }

    .o7-blog-post__key-point-title {
        font-size: 28px;
    }
}

/* Blog Post End */

/* Blog Comment Start */

.o7-blog-post__comment-section {
    max-width: 730px;
    margin: 0 auto;
    padding: 0 20px;
}

.o7-blog-post-comment__heading {
    text-align: center;
    font-size: 56px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #202020;
}

.o7-blog-post-comment__input-box p.form-submit {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    margin-bottom: 0;
}

.o7-blog-post-comment__input-box {
    display: flex;
    gap: 20px;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 12px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
}

.o7-blog-post-comment__input-box textarea {
    flex: 1;
    border: none;
    border-radius: 8px;
    outline: none;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    background-color: #f5f5f5;
    resize: vertical;
    min-height: 80px;
}

.o7-blog-post-comment__input-box .btn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-form p {
    margin: 15px 0;
}

.no-comment-message {
    text-align: center;
}

.comment-form p label {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px 0;
    color: #484848;
    display: block;
}

.comment-form p input[type="text"],
.comment-form p input[type="email"],
.comment-form p input[type="url"] {
    font-family: "Manrope", sans-serif;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    height: 40px;
    padding: 5px 15px;
    background-color: transparent;
    font-size: 1rem;
    width: 100%;
    outline: none;
    transition: all 300ms ease-out 0s;
}

.comment-form p input[type="text"]:focus,
.comment-form p input[type="email"]:focus,
.comment-form p input[type="url"]:focus {
    border: 1px solid #202020;
}

.comment-form p input[type="checkbox"] {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.comment-form .comment-form-cookies-consent {
    position: relative;
    padding-left: 35px;
    margin-bottom: 25px;
}

.comment-respond {
    width: 100%;
}

.o7-blog-post-comment__input-box textarea {
    width: 100%;
    box-sizing: border-box;
}



.o7-blog-post-comment__card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.o7-blog-post-comment__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.o7-blog-post-comment__avatar-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 15px;
}

.o7-blog-post-comment__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.o7-blog-post-comment__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.o7-blog-post-comment__author {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #333;
}

.o7-blog-post-comment__text {
    background: #f5f5f5;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .o7-blog-post-comment__input-box {
        flex-direction: column;
        gap: 12px;
    }
}

/* Blog Comment End */

/* Service List */

.o7-service-card--light .o7-service-card__wrapper {
    background-color: #ffffff;
}

.o7-service-card--dark .o7-service-card__wrapper {
    background-color: #202020;
}

.o7-service-card--dark .o7-service-card__title,
.o7-service-card--dark .o7-service-card__image-caption,
.o7-service-card--dark .o7-service-card__link-label {
    color: #F5F5F5 !important;
}

.o7-service-card__image {
    width: 100%;
    border-radius: 25px;
}

.o7-service-card__image-caption {
    font-size: 16px;
    margin: 0;
}

.o7-service-card__wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 70px;
    border-radius: 25px;
}

.o7-service-card__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.o7-service-card__image-wrap {
    max-width: 650px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.o7-service-card__list {
    max-width: 690px;
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.o7-service-card__link {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #E7E7E7;
    padding: 0 0 24px 0;
    position: relative;
}

.o7-service-card--dark .o7-service-card__link {
    border-bottom: 1px solid #e7e7e71c;
}

.o7-service-card__link:hover {
    text-decoration: none;
}

.o7-service-card__link-label {
    font-size: 24px;
    font-weight: 500;
    color: #202020;
    margin-bottom: 0;
    opacity: 0.7;
    transition: all 300ms ease-out 100ms;
}

.o7-service-card__link:hover .o7-service-card__link-label {
    position: relative;
    transform: translateX(80px);
    opacity: 1;
}

.o7-service-card__title {
    font-size: 100px;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.o7-service-card__arrow-icon {
    width: 20px;
    height: 20px;
    filter: invert(100%);
}

.o7-service-card__arrow-wrapper {
    margin-left: auto;
    width: 36px;
    height: 36px;
    background-color: #202020;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 20px;
    transition: all 0.3s ease;
    opacity: 0;
}

.o7-service-card__link:hover .o7-service-card__arrow-wrapper {
    opacity: 1;
}

.o7-service-card__icon {
    position: absolute;
    opacity: 0;
    transition: opacity 250ms ease;
    z-index: 1;
}

.o7-service-card__link:hover .o7-service-card__icon {
    opacity: 1;
}

.o7-service-card--dark .o7-service-card__arrow-wrapper {
    background-color: #F5F5F5;
}

.o7-service-card--dark .o7-service-card__arrow-icon {
    filter: invert(0%)
}

@media (max-width: 1400px) {

    .o7-service-card {
        padding: 20px;
    }

    .o7-service-card__wrapper {
        padding: 70px 30px;
        border-radius: 25px;
    }

    .o7-service-card__image-wrap {
        max-width: 50%;
    }

    .o7-service-card__list {
        gap: 20px;
    }

    .o7-service-card__link {
        gap: 10px;
    }

    .o7-service-card__link-label {
        font-size: 20px;
    }

    .o7-service-card__icon {
        max-width: 40px;
    }

    .o7-service-card__link:hover .o7-service-card__link-label {
        transform: translateX(50px);
    }

    .o7-service-card__arrow-wrapper {
        right: 0;
    }

    /* Service list page media query END*/
}


@media (max-width: 1200px) {
    .o7-blog-post-comment__heading {
        font-size: 42px;
    }
}

@media (max-width: 1024px) {

    .o7-service-card {
        padding: 15px;
    }

    .o7-service-card__link {
        gap: 0;
        padding: 0 0 16px 0;
    }

    .o7-service-card {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .o7-service-card__image-wrap {
        max-width: 100%;
    }

    .o7-service-card__image {
        border-radius: 16px;
    }

    .o7-service-card__wrapper {
        padding: 70px 70px;
        border-radius: 16px;
    }

    .o7-service-card__content {
        gap: 40px;
        flex-direction: column;
    }

    .o7-service-card--light .o7-service-card__image-wrap {
        order: -1;
    }

    .o7-service-card__title {
        font-size: 56px;
    }

    .o7-service-card__link-label {
        max-width: 100%;
        transform: translateX(0px);
        opacity: 1;
        font-size: 24px;
    }

    .o7-service-card__list {
        max-width: 100%;
        gap: 17px;
    }

    .o7-service-card__arrow-wrapper,
    .o7-service-card__icon {
        display: none;
    }

    .o7-service-card__link-label {
        font-size: 24px;
        padding-bottom: 0;
    }

    .o7-service-card__link:hover .o7-service-card__link-label {
        transform: translateX(0);
    }

    .o7-blog-post-comment__heading {
        font-size: 36px;
        margin: 0 0 30px;
    }

    .o7-blog-post-comment__input-box {
        margin-bottom: 30px;
    }
}

@media (max-width:991px) {
    .o7-blog-post-comment__heading {
        font-size: 32px;
        margin: 0 0 20px;
    }

    .o7-blog-post-comment__input-box {
        margin-bottom: 20px;
    }

    .no-comment-message {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    .o7-service-card__title {
        font-size: 54px;
    }

    .o7-service-card__wrapper {
        padding: 70px 40px;
    }

    .o7-service-card__link {
        padding: 0 0 12px 0;
    }

    .o7-blog-post-comment__heading {
        font-size: 26px;
        margin: 0 0 15px;
    }

    .no-comment-message {
        font-size: 16px;
    }

}

@media (max-width: 576px) {

    .o7-service-card__title {
        font-size: 36px;
    }

    .o7-service-card__wrapper {
        padding: 36px 15px;
    }

    .o7-service-card__link-label {
        max-width: 430px;
        font-size: 16px;
    }

    .o7-service-card__image-caption {
        font-size: 14px;
    }

    .o7-service-card__icon {
        max-width: 28px;
    }
}

/* Service List  END */

/* ============== About Us ============== */

.o7-card {
    max-width: 500px;
    min-height: 350px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 25px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.o7-card__header {
    font-size: 32px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.o7-card__summary {
    font-size: 100px;
    font-weight: 500;
    text-align: center;
    margin: 0;
}

.o7-card__number {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #7CE3AC;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0;
}

.o7-card--align-left {
    align-items: flex-start;
}

.o7-card__header--small {
    text-align: left;
    margin-top: 40px;
}

.o7-card__paragraph {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    margin-top: 37px;
}

@media (max-width: 1400px) {

    .o7-card__header {
        max-width: 315px;
        font-size: 24px;
        margin-top: 20px;
    }

    .o7-card__paragraph {
        margin-top: 20px;
    }

    .o7-card__summary {
        font-size: 86px;
    }

    .o7-card {
        padding: 30px;
        min-height: 300px;
        align-items: center;
    }

    .o7-card--align-left {
        flex-grow: 1;
        align-items: flex-start;
    }
}

@media (max-width: 1200px) {

    .o7-card {
        padding: 20px;
        min-height: 250px;
    }

    .o7-card__summary {
        font-size: 80px;
    }

    .o7-card__number {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }

    .o7-card__header {
        font-size: 22px;
        margin-top: 16px;
    }

    .o7-card__paragraph {
        margin-top: 16px;
    }
}

@media (max-width: 1024px) {

    .o7-card {
        padding: 24px;
        border-radius: 16px;
        min-height: 220px;
        gap: 15px;
    }

    .o7-card__header {
        max-width: 242px;
        font-size: 20px;
        margin-top: 0;
    }

    .o7-card__summary {
        font-size: 50px;
    }

    .o7-card__paragraph {
        font-size: 14px;
        margin-top: 0;
    }
}

@media (max-width: 767px) {

    .o7-card {
        max-width: 100%;
        padding: 15px 35px;
        flex-direction: row-reverse;
        gap: 20px;
    }

    .o7-card--align-left {
        border-radius: 12px;
        max-width: 100%;
        min-height: 220px;
        gap: 10px;
        padding: 30px;
        flex-direction: column;
    }

    .o7-card__header {
        max-width: 330px;
        font-size: 25px;
    }

    .o7-card__summary {
        font-size: 60px;
    }

    .o7-card__header--left {
        font-size: 24px;
    }

    .o7-card__paragraph {
        font-size: 16px;
    }
}

@media (max-width: 576px) {

    .o7-card {
        padding: 24px;
        flex-direction: column;
    }

    .o7-card--align-left {
        min-height: 230px;
        gap: 10px;
    }
}

.o7-our-journey__container {
    background-color: #FFFFFF;
    border-radius: 25px;
    padding: 80px 50px;
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

.o7-our-journey__header {
    max-width: 314px;
    font-size: 56px;
    font-weight: 400;
    margin: 0;
    flex-shrink: 0;
    flex-grow: 0;
}

.o7-our-journey__paragraph {
    font-size: 32px;
    font-weight: 300;
    margin: 0;
}

.o7-what-we-do__card-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 20px;
}

.o7-content-image {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 25px;
}

.o7-our-talent__card-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 20px;
    align-items: stretch;
}

.o7-our-culture-card-wrapper {
    max-width: 680px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.o7-our-culture-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.o7-our-culture-para {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.6;
}

.o7-our-culture-svg-wrapper svg {
    max-width: 30px;
    height: 30px;
    margin-right: 10px;
}

.o7-quote__text {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
}

.o7-quote__header {
    font-size: 20px;
    font-weight: 600;
    margin-top: 17px;
    margin-bottom: 0;
}

.o7-quote__title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.o7-section-header__sub-title--small {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
}

.o7-quote {
    background-color: #7CE3AC;
    border-radius: 25px;
    padding: 20px 30px 25px 30px;
    margin-top: 50px;
    position: relative;
}

.o7-quote__button:hover {
    background-color: #202020;
    color: #F5F5F5;
}

.o7-quote__button:hover .fee-icon {
    fill: #F5F5F5;
}

.o7-our-culture__image-wrapper {
    max-width: 50%;
    position: relative;
    flex: 1;
}

.o7-qoute-button-chip {
    position: absolute;
    bottom: -1px;
    right: 0;
}

.o7-qoute-button-chip__bg {
    position: relative;
    display: flex;
}

.o7-icon.o7-qoute-button-chip__icon {
    width: 17px;
    height: 17px;
    rotate: 90deg;
    position: relative;
    top: 60px;
    right: -1px;
    fill: #f5f5f5;
}

.o7-qoute-button-chip__placeholder-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

.o7-icon.o7-qoute-button-chip__placeholder-icon {
    width: 17px;
    height: 17px;
    transform: scaleX(-1);
    position: relative;
    left: 243px;
    bottom: -1px;
    fill: #f5f5f5;
}

.o7-qoute-button-chip__placeholder {
    display: block;
    width: 260px;
    height: 60px;
    background-color: #f5f5f5;
    border-radius: 25px 0 0 0;
}

.o7-quote__button {
    position: absolute;
    top: 28px;
    right: 0;
}

.o7-our-culture-image-chip__wrapper {
    width: 128px;
    height: 80px;
    background-color: #f5f5f5;
    position: absolute;
    border-radius: 25px 0 0 0;
    bottom: 0;
    right: 0;
    display: block;
}

.o7-our-culture-image-chip__icon-one {
    width: 16px;
    height: 16px;
    fill: #f5f5f5;
    position: absolute;
    top: -16px;
    right: 0px;
    rotate: 90deg;
    display: block;
}

.o7-our-culture-image-chip__icon-two {
    width: 16px;
    height: 16px;
    fill: #f5f5f5;
    position: absolute;
    bottom: 0;
    left: -16px;
    rotate: 270deg;
}

@media (max-width: 1400px) {


    .o7-our-journey__container {
        padding: 40px;
        gap: 40px;
    }

    .o7-our-journey__paragraph {
        font-size: 28px;
    }

    .o7-our-culture-para,
    .o7-quote {
        margin-top: 30px;
    }

    .o7-quote__text {
        font-size: 20px;
    }

    .o7-section-header__sub-title--small {
        font-size: 20px;
        margin-top: 10px;
    }

    .o7-section-header__title--small {
        font-size: 16px;
    }

    .o7-our-culture-image-chip__wrapper {
        width: 95px;
        height: 70px;
    }

}

@media (max-width: 1200px) {

    .o7-our-journey__header {
        font-size: 42px;
    }

    .o7-our-journey__paragraph {
        font-size: 24px;
    }

    .o7-our-culture-para {
        margin-top: 20px;
    }

    .o7-quote {
        padding: 20px;
        margin-top: 20px;
    }

    .o7-our-culture-image-chip__wrapper {
        width: 80px;
        height: 60px;
    }
}

@media (max-width: 1024px) {

    .o7-our-journey__header {
        font-size: 30px;
    }

    .o7-our-journey__paragraph {
        font-size: 20px;
    }

    .o7-our-culture-card-wrapper {
        max-width: 100%;
    }

    .o7-our-culture-content-wrapper {
        gap: 40px;
        flex-direction: column;
    }

    .o7-content-image {
        border-radius: 16px;
    }

    .o7-section-header__title--small {
        font-size: 22px;
    }

    .o7-section-header__sub-title--small {
        font-size: 24px;
    }

    .o7-our-culture-para {
        font-size: 20px;
        margin-top: 30px;
    }

    .o7-quote {
        max-width: 100%;
        padding: 20px 30px;
        margin-top: 30px;
    }

    .o7-quote__text {
        font-size: 22px;
    }

    .o7-our-culture__image-wrapper {
        max-width: 100%;
    }

    .o7-our-culture-image-chip__wrapper {
        width: 128px;
        height: 80px;
    }
}

@media (max-width: 767px) {

    .o7-our-journey__container {
        flex-direction: column;
        padding: 24px;
        gap: 16px;
    }

    .o7-what-we-do__card-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .o7-our-talent__card-wrapper {
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    .o7-content-image {
        max-width: 100%;
    }

}

@media (max-width: 576px) {

    .o7-quote__title {
        margin-bottom: 45px;
    }

    .o7-our-culture-image-chip__wrapper {
        width: 90px;
        height: 60px;
    }
}

/* ============== About Us END============== */

/* ============== Hero Legal============== */

.o7-hero-legal__header-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.o7-hero-legal__page-header {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    color: #202020;
}

.o7-hero-legal__subtitle {
    max-width: 1440px;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.08px;
    color: #202020;
}

.o7-hero-legal-intro {
    display: flex;
    gap: 64px;
}

.o7-hero-legal-intro__text {
    font-size: 16px;
    font-weight: 500;
    color: #787878;
    line-height: 1.6;
}

.o7-hero-legal-intro__text-one {
    max-width: 530px;
}

.o7-hero-legal-intro__text-two {
    max-width: 560px;
}

@media (max-width: 1024px) {


    .o7-hero-legal__subtitle {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0.20px;
        color: #202020;
    }

    .o7-hero-legal__header-content {
        gap: 30px;
    }


    .o7-hero-legal-intro {
        flex-direction: column;
        gap: 20px;
    }

    .o7-hero-legal-intro__text-one,
    .o7-hero-legal-intro__text-two {
        max-width: 100%;
    }

    .o7-hero-legal__page-header {
        font-size: 28px;
    }
}

@media (max-width: 576px) {

    .o7-hero-legal__subtitle {
        font-size: 22px;
        line-height: 36px;
    }

    .o7-hero-legal__header-content {
        gap: 20px;
    }
}

/* ============== Hero Legal END============== */

/* ============== Stepper ============== */



.o7-stepper img {
    max-width: 100%;
    height: auto;
    display: block;
}

.o7-stepper__article-wrapper {
    max-width: 1000px;
    min-width: 575px;
    display: block;
    margin: 0;
    padding: 0;
}

.o7-stepper__page-header {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    color: #202020;
}

.o7-stepper-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.o7-stepper-article__para-title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: #202020;
    margin-top: 50px;
    margin-bottom: 0;
    scroll-margin-top: 50px;
}

.o7-stepper-article__para-title--first {
    margin-top: 0;
}

.o7-stepper-article__para {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: #787878;
    margin-top: 20px;
}

.o7-stepper__sidebar {
    max-width: 350px;
    width: 100%;
    flex-shrink: 0;
    position: sticky;
    top: 50px;
    align-self: flex-start;
}

.o7-stepper__nav {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.o7-stepper__nav-item {
    padding: 14px 0;
    border-bottom: 0.5px solid #e1e1e1;
}

.o7-stepper__nav-item:last-child {
    border-bottom: none;
}

.o7-stepper__nav-item a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #787878;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.o7-stepper__nav-bullet--white {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f5f5f5;
    border: 0.5px solid #7CE3AC;
    display: flex;
    flex-shrink: 0;
    margin-top: 5px;
}

.o7-stepper__nav-item.o7-stepper__nav-item--active {
    background-color: transparent;
}

.o7-stepper__nav-item--active a {
    color: #202020;
}

.o7-stepper__nav-item--active .o7-stepper__nav-bullet--white {
    background-color: #7CE3AC;
}

.o7-stepper-article__list {
    margin-top: 10px;
}

.o7-stepper-article__list-item {
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    line-height: 1.6;
}

/* dsar page header */
.o7-stepper--dsar-header {
    max-width: 1600px;
    margin: 0 auto 120px auto;
}

/* dsar page header END*/

/* service details  */

.o7-stepper-service-details__hero-image {
    max-width: 1600px !important;
    width: 100%;
    margin: 0 auto 120px auto;
}

.o7-stepper__service-image {
    margin-top: 20px;
}

.o7-stepper-service-details__sidebar {
    max-width: 450px;
    min-width: 300px;
    flex-shrink: 1;
}

.o7-stepper-service-details__nav-item a {
    font-size: 20px;
}

.o7-stepper-service-details__para {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

.o7-stepper-service-details__article-title {
    font-size: 32px;
    font-weight: 500;
    color: #202020;
    margin-top: 80px;
}

.o7-stepper-service-details__list {
    margin-top: 20px;
}

.o7-stepper-service-details__list-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7;
}

.o7-stepper-service-details__article-wrapper {
    max-width: 1060px;
    min-width: 575px;
}

.o7-stepper-service-details__article-wrapper h2 {
    font-size: 56px;
    font-weight: 400;
    margin: 0 0 40px;
}

.o7-stepper-service-details__article-wrapper p {
    font-size: 20px;
    font-weight: 400;
    margin: 25px 0;
    color: #484848;
}

.o7-stepper-service-details__article-wrapper h3 {
    font-size: 32px;
    font-weight: 500;
    margin: 80px 0 20px;
}

.o7-stepper-service-details__article-wrapper img {
    max-width: 100%;
    display: block;
    height: auto;
    border-radius: 25px;
    margin: 0 0 50px;
}

.o7-stepper-service-details__article-wrapper li {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #484848;
    line-height: 1.7;
}

.o7-stepper-service-details__spacer-100 {
    margin: 50px 0;
    height: 0;
}

.o7-stepper-service-details__spacer-80 {
    margin: 40px 0;
    height: 0;
}

/* service details END */

/* Privacy Policy, Terms of Use, DSAR responsive START */

@media (max-width: 1024px) {

    .o7-stepper-wrapper {
        flex-direction: column;
        gap: 50px;
    }

    .o7-stepper__intro {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .o7-stepper__article-wrapper {
        gap: 24px;
        min-width: auto;
    }

    .o7-stepper__sidebar {
        max-width: 100%;
        width: 100%;
        position: unset;
    }

    .o7-stepper__page-header {
        font-size: 28px;
    }

    .o7-stepper--dsar-header {
        margin: 0 auto 80px auto;
    }

    /* service details  */

    .o7-stepper-service-details__article-wrapper {
        max-width: 100%;
        min-width: 100%;
    }

    .o7-stepper-service-details__hero-image {
        margin: 0 auto 50px auto;
    }

    .o7-stepper-service-details__article-title {
        margin-top: 50px;
    }

    .o7-stepper-service-details__article-title {
        font-size: 26px;
    }

    .o7-stepper-service-details__list {
        padding-left: 22px;
    }

    /* service details END */
}

@media (max-width: 576px) {

    .o7-stepper__intro {
        gap: 0px;
    }

    .o7-stepper-wrapper {
        gap: 60px;
    }

    .o7-stepper-service-details__sidebar {
        min-width: auto;
    }
}

/* ============== Stepper END ============== */






/* ------------------------- Page CSS ---------------------- */

/* Home Page */

.section.section-infinity-logo-slider {
    padding-left: 0;
    padding-right: 0;
}

.section-infinity-logo-slider__container {
    max-width: 1920px;
    margin: 0 auto;
}

.o7-faq__container {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.o7-faq__block-left {
    max-width: 515px;
    flex-shrink: 0;
}

.o7-faq__block-right {
    max-width: 900px;
    width: 100%;
}

.o7-blog-section__container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}



.o7-section-blog-header {
    max-width: 450px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    flex-shrink: 0;
}

.o7-section-header-tab-visible {
    display: none;
}

.o7-blog-section__slider-container {
    margin-top: 120px;
}




.button__mobile--visible,
.button__mobile--visible-mobile,
.button__tab--visible {
    display: none;
}

@media (max-width: 1200px) {
    .o7-faq__block-left {
        max-width: 425px;
    }

    .o7-section-blog-header {
        max-width: 337px;
    }
}

@media (max-width: 1024px) {

    .o7-faq__container {
        flex-direction: column;
        gap: 0px;
    }

    .o7-faq__block-left,
    .o7-faq__block-right {
        max-width: 100%;
    }

    .o7-blog-section__container {
        flex-direction: column;
        gap: 0;
    }



    .o7-section-blog-header,
    .o7-accordion-header {
        display: none;
    }

    .o7-section-header-tab-visible {
        display: block;
    }

    .button__tab--visible {
        display: flex;
        text-align: center;
    }


}

@media (max-width: 767px) {

    .button__mobile--visible-mobile,
    .button__mobile--visible {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px auto 0 auto;
    }

    .button__mobile--invisible {
        display: none;
    }

    .service-col-one {
        gap: 30px;
    }

    .service-col-two {
        gap: 30px;
        margin-top: 0px;
    }
}

/* Home Page End*/

/* Blog List */

.post-excerpt {
    font-size: 20px;
    font-weight: 400;
}

/* Blog List END*/

/* Blog Post Details */


.o7-blog-details-arrow-card-wrapper {
    display: flex;
    gap: 20px;
}


@media (max-width: 1024px) {
    .o7-blog-details-arrow-card-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;

    }
}

/* Blog Post Details END */

/* 
// Contact Us Information and Forn:start
----------------------------------------------------- */

.o7-contact-us__form-address-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 80px 135px;
    background-color: #FFFFFF;
    border-radius: 25px;
}

/* --- Contact Us Information Block:start ---  */
.o7-contact-us__address-wrapper {
    max-width: 480px;
    display: flex;
    flex-direction: column;
}

.o7-contact-us__header {
    font-size: 56px;
    font-weight: 500;
    margin-bottom: 40px;
}

.o7-contact-us__form-address-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.o7-contact-us__form-address-content-wrapper+.o7-contact-us__form-address-content-wrapper {
    margin-top: 40px;
}

.o7-contact-us__form-address-content {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

.o7-contact-us__form-icon {
    width: 25px;
    height: 25px;
    flex-grow: 0;
    flex-shrink: 0;
}

.o7-contact-us__form-address,
.o7-contact-us__form-address:hover {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.o7-contact-us__form-address span {
    display: block;
}

.o7-contact-us__form-address-header {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.o7-contact-us__header--tablet {
    display: none;
}

/* --- Contact Us Information Block:end ---  */

/* --- Contact Us Form:start ---  */

.o7-contact-us__form-wrapper {
    max-width: 610px;
    width: 100%;
}

.o7-contact-us-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.o7-contact-us__input-field {
    width: 100%;
}

.o7-contact-us__input-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.o7-contact-us__input-wrapper--col-two {
    width: 50%;
}

.o7-contact-us__message-input {
    min-height: 120px;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    resize: none;
}

.o7-contact-us__whatsapp-optional {
    font-weight: 300;
}

.o7-contact-us-form .btn--medium {
    margin-top: 10px;
    padding: 14px 30px;
}

/* --- Contact Us Form:end ---  */


/* ======== Responsive Design ======== */

@media (max-width: 1400px) {

    .o7-contact-us__form-address-wrapper {
        padding: 80px;
    }

}

@media (max-width: 1200px) {

    .o7-contact-us__form-address-wrapper {
        padding: 40px;
    }

    .o7-contact-us__address-wrapper {
        max-width: 400px;
    }

    .o7-contact-us__header {
        font-size: 42px;
    }

}

@media (max-width: 1024px) {

    .o7-contact-us__form-address-wrapper {
        flex-direction: column-reverse;
        gap: 50px;
        padding: 60px;
    }

    .o7-contact-us__header {
        display: none;
    }

    .o7-contact-us__header--tablet {
        display: block;
        font-size: 36px;
        margin-bottom: 25px;
    }

    .o7-contact-us__form-wrapper {
        max-width: 100%;
    }

    .o7-contact-us__form-address-content-wrapper {
        max-width: 33.33%;
        width: 100%;
    }

    .o7-contact-us__form-address-content-wrapper+.o7-contact-us__form-address-content-wrapper {
        margin-top: 0;
    }

    .o7-contact-us__address-wrapper {
        max-width: 100%;
        flex-direction: row;
        gap: 24px;
    }

}

@media (max-width: 991px) {

    .o7-contact-us__header--tablet {
        font-size: 32px;
    }

    .o7-contact-us__form-address-wrapper {
        padding: 50px;
    }

}

@media (max-width: 767px) {

    .o7-contact-us__header--tablet {
        font-size: 26px;
    }

    .o7-contact-us__form-address-wrapper {
        padding: 40px;
        border-radius: 20px;
    }

    .o7-contact-us__input-container {
        flex-direction: column;
    }

    .o7-contact-us__input-wrapper--col-two {
        width: 100%;
    }

    .o7-contact-us__form-address-content-wrapper {
        max-width: 100%;
    }

    .o7-contact-us__address-wrapper {
        flex-direction: column;
    }

}

@media (max-width: 576px) {

    .o7-contact-us__form-address-wrapper {
        padding: 20px;
        border-radius: 15px;
        gap: 40px;
    }

    .o7-contact-us__header--tablet {
        margin-bottom: 15px;
    }

    .o7-contact-us__input-container {
        gap: 10px;
        align-items: baseline;
    }

    .o7-contact-us__whatsapp-optional {
        font-size: 14px;
    }

    .o7-input-field {
        padding: 10px 15px;
    }

    .o7-contact-us-form {
        gap: 15px;
    }

}

/* _____/ Contact Us Information and Forn:end \_______*/



/* _____/ Get the Quote Information and Forn:start \_______*/

.o7-get-the-quote__container-title {
    display: none;
}

/* --- Get the Quote Information Block:start ---  */

.o7-get-the-quote__content-container {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 80px 135px;
    background-color: #FFFFFF;
    border-radius: 25px;
}

.o7-get-the-quote__form-details-container {
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

.o7-get-the-quote__form-title {
    font-size: 56px;
    font-weight: 500;
    margin-bottom: 40px;
}

.o7-get-the-quote__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.o7-get-the-quote__info+.o7-get-the-quote__info {
    margin-top: 40px;
}

.o7-get-the-quote__address-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

.o7-get-the-quote__address-icon {
    width: 25px;
    height: 25px;
    flex-grow: 0;
    flex-shrink: 0;
}

.o7-get-the-quote__location {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.o7-get-the-quote__address {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

/* --- Get the Quote Information Block:end ---  */

/* --- Get the Quote Form:start ---  */

.o7-get-the-quote__form-wrapper {
    width: 100%;
    max-width: 750px;
}

.o7-get-the-quote-form {
    max-width: 980px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.o7-get-the-quote__input-label {
    font-size: 16px;
    font-weight: 700;
    color: #202020;
}

.o7-get-the-quote__input-field-wrapper {
    max-width: 980px;
}

.o7-get-the-quote__full-width {
    width: 100%;
}

.o7-get-the-quote__input-row-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.o7-get-the-quote__input-wrapper {
    max-width: 50%;
    width: 100%;
}

.o7-get-the-quote__prepend-input-wrapper {
    display: flex;
    align-items: center;
}

.o7-input-group-prepend {
    max-width: 80px;
}

.o7-get-the-quote__country-code-select {
    max-width: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #787878;
    border: none;
    background-color: #EBEBEB;
}

.o7-get-the-quote__input-url,
.o7-get-the-quote__input-cash {
    border-radius: 8px 0 0 8px;
}

.o7-get-the-quote__input-website,
.o7-get-the-quote__input-budget,
.o7-get-the-quote__input-phone-number {
    border-radius: 0 8px 8px 0;
}

.o7-get-the-quote__select-service {
    width: 100%;
    padding: 14px 20px;
    border-radius: 8px;
    border: 1px solid #C7C7C7;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
}

.o7-get-the-quote__input-cash-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.o7-get-the-quote__cash-input-wrapper {
    max-width: 43%;
}

.o7-get-the-quote__budget-text {
    font-size: 16px;
    font-weight: 400;
    color: #787878;
}

.o7-get-the-quote__input-date {
    font-size: 16px;
    font-weight: 400;
    color: #787878;
}

.o7-get-the-quote__select-country {
    width: 100%;
    padding: 14px 20px;
    border-radius: 8px;
    border: 1px solid #C7C7C7;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
}

.o7-get-the-quote__input-file {
    font-size: 10px;
    color: #787878;
}

.o7-get-the-quote__input-file[type=file]::file-selector-button {
    border-style: solid;
    border-color: #C7C7C7;
    border-width: 0 1px 0 0;
    border-radius: 8px 0 0 8px;
}

.o7-get-the-quote__input-text {
    width: 100%;
    min-height: 120px;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    border: 1px solid #C7C7C7;
    border-radius: 8px;
    resize: none;
    padding: 14px 20px;
    outline: none;
    transition: all 300ms ease-out 0s;
}

.o7-get-the-quote__input-text:focus {
    border: 1px solid #202020;
}

.o7-get-the-quote__input-file {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #C7C7C7;
    border-radius: 8px;
    height: 50px;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #787878;
    background-color: #ffffff;
    cursor: pointer;
    width: 100%;
}

.o7-get-the-quote__input-file::file-selector-button {
    background-color: #EBEBEB;
    color: #202020;
    border: 1px solid #C7C7C7;
    border-radius: 6px;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.o7-get-the-quote__input-file::file-selector-button:hover {
    background-color: #ddd;
}

.o7-get-the-quote__input-cash-wrapper .o7-get-the-quote__input-field-wrapper {
    position: relative;
}

.o7-get-the-quote__input-cash-wrapper .o7-get-the-quote__input-cash {
    position: absolute;
    left: 1px;
    top: 1px;
    border-style: solid;
    border-color: #C7C7C7;
    border-width: 0 1px 0 0;
}

.o7-get-the-quote__input-cash-wrapper .o7-get-the-quote__cash-input-wrapper .o7-input-field {
    border-radius: 8px;
    padding: 14px 20px 14px 55px;
    text-align: center;
}

.o7-get-the-quote__contact {
    display: none;
}

.tnp-subscription input[type="submit"] {
    background-color: #7CE3AC !important;
    color: var(--dark-color) !important;
    fill: var(--dark-color) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding: 14px 30px !important;
    border-radius: 25px !important;
    border: 1px solid transparent !important;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 300ms ease-out 0s;
    cursor: pointer;
    max-width: fit-content;
}

.tnp-subscription .tnp-field.tnp-field-button:hover input[type="submit"] {
    background-color: var(--dark-color) !important;
    color: white !important;
    fill: white !important;
}

.tnp-email {
    width: 100% !important;
    padding: 14px 20px 14px 50px !important;
    border: 1px solid #C7C7C7 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    height: 48px !important;
    box-sizing: border-box !important;
    margin-top: 60px !important;
}

.tnp-field.tnp-field-email label {
    display: none !important;
}

.o7-get-the-quote-form .btn--medium {
    padding: 14px 30px;
    margin-top: 10px;
}

/* --- Get the Quote Form:end ---  */

/* ======== Responsive Design ======== */

@media (max-width: 1400px) {

    .o7-get-the-quote__content-container {
        padding: 80px;
    }

    .o7-get-the-quote__form-details-container {
        max-width: 330px;
    }

}

@media (max-width: 1200px) {

    .o7-get-the-quote__content-container {
        padding: 40px;
    }

    .o7-get-the-quote__form-title {
        font-size: 42px;
    }

    .o7-get-the-quote-form {
        max-width: 100%;
    }

    .o7-get-the-quote__input-field-wrapper {
        max-width: 100%;
    }

    .o7-get-the-quote__form-wrapper {
        display: flex;
        flex-direction: column;
    }

    .o7-get-the-quote__input-row-wrapper {
        flex-direction: column;
        margin-top: 0;
    }

    .o7-get-the-quote__input-wrapper {
        max-width: 100%;
    }

    .o7-get-the-quote__cash-input-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .o7-get-the-quote__contact {
        display: inline;
    }

}

@media (max-width: 1024px) {

    .o7-get-the-quote__content-container {
        padding: 60px;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .o7-get-the-quote__form-details-container {
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between;
        gap: 24px;
    }

    .o7-get-the-quote__form-title {
        display: none;
    }

    .o7-get-the-quote__container-title {
        display: block;
        font-size: 36px;
        margin-bottom: 25px;
    }

    .o7-get-the-quote__info {
        max-width: 33.33%;
        width: 100%;
    }

    .o7-get-the-quote__info+.o7-get-the-quote__info {
        margin-top: 0;
    }

    .o7-get-the-quote__cash-input-wrapper {
        width: 100%;
    }

    .o7-input-group-text {
        padding: 14px 20px;
    }

    .o7-get-the-quote__form-wrapper {
        max-width: unset;
    }

}

@media (max-width: 991px) {

    .o7-get-the-quote__content-container {
        padding: 50px;
    }

    .o7-get-the-quote__container-title {
        font-size: 32px;
    }

}

@media (max-width: 767px) {

    .o7-get-the-quote__content-container {
        padding: 40px;
        border-radius: 20px;
    }

    .o7-get-the-quote__form-details-container {
        flex-direction: column;
    }

    .o7-get-the-quote__container-title {
        font-size: 26px;
    }

    .o7-get-the-quote__info {
        max-width: 100%;
        width: 100%;
    }

}

@media (max-width: 576px) {

    .o7-get-the-quote__content-container {
        padding: 20px;
        border-radius: 15px;
    }

    .o7-get-the-quote__container-title {
        max-width: 346px;
        margin-bottom: 15px;
    }

    .o7-get-the-quote__input-cash-wrapper {
        gap: 10px;
    }

    .o7-input-group-text {
        padding: 14px 15px;
    }

    .o7-get-the-quote-form {
        gap: 15px;
    }

    .o7-get-the-quote__input-row-wrapper {
        gap: 15px;
    }

}

/* _____/ Get the Quote Information and Forn:end \_______*/

/* 
// Location Map:start
----------------------------------------- */

.o7-map__world-map {
    width: 100%;
    height: auto;
    opacity: .7;
}

.o7-map-container {
    position: relative;
}

.o7-map__office-location-1st-circle {
    width: 50px;
    height: 50px;
    background-color: #7CE3AC4C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.o7-map__office-location-2nd-circle {
    width: 30px;
    height: 30px;
    background-color: #7CE3AC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.o7-map__office-location-3rd-circle {
    width: 10px;
    height: 10px;
    background-color: #D9EAD3;
    border-radius: 50%;
}

.o7-map-pin {
    animation: pulse 1.3s ease-in-out infinite;
}

.o7-map__address-card-link,
.o7-map__address-card-link:hover {
    text-decoration: none;
}

.o7-map__address-card {
    min-width: 230px;
    width: 100%;
    background-color: #7CE3AC;
    padding: 22px;
    border-radius: 25px;
    position: absolute;
    top: 28px;
    left: 28px;
    border: 2px solid #66B88C;
    text-align: center;
}

.o7-map__address-header {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000000;
}

.o7-map__addreess {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #000000;
}

.o7-map__whatsapp {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    margin-top: 15px;
}

.o7-map__whatsapp-number {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 8px 20px;
    border: 1px solid #202020;
    border-radius: 8px;
    transition: all 300ms ease-out 0s;
    color: #000;
    margin-top: 5px;
    display: inline-block;
}

.o7-map__whatsapp-number:hover {
    background-color: #202020;
    color: #ffffff;
    text-decoration: none;
}

.o7-map__office-location {
    position: relative;
}

.o7-map__card-bangladesh {
    position: absolute;
    bottom: 61%;
    right: 28.5%;
}

.o7-map__card-america {
    position: absolute;
    top: 27%;
    left: 11%;
}

.o7-map__moblile-visible--card {
    display: none;
}

@keyframes pulse {
    100% {
        opacity: 0;
        transform: translate(0, 0) scale(2);
    }
}

/* ================= Responsive Design ==================== */

@media(max-width: 1280px) {

    .o7-map__card-america {
        top: 24%;
        left: 9%;
    }

}

@media (max-width: 1200px) {

    .o7-map__card-bangladesh {
        bottom: 63%;
        right: 28.5%;
    }
}

@media(max-width: 1024px) {

    .o7-map__card-america {
        top: 22%;
        left: 10%;
    }

    .o7-map__card-bangladesh {
        bottom: 65%;
        right: 29.5%;
    }

}

@media(max-width: 991px) {

    .o7-map__card-bangladesh .o7-map__address-card {
        left: auto;
        right: -141px;
        top: 43px;
    }

    .o7-map__address-card {
        top: 48px;
        left: -85px;
    }

    .o7-map__card-bangladesh {
        bottom: 65%;
        right: 29.5%;
    }

}

@media(max-width: 767px) {

    .o7-map__card-america {
        top: 20%;
        left: 9%;
    }

    .o7-map__address-card {
        display: none;
    }

    .o7-map__moblile-visible--card {
        min-width: 100%;
        display: block;
        position: unset;
        max-width: 100%;
        border-radius: 16px;
    }

    .o7-map__moblile-visible-wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

}

@media(max-width: 575px) {

    .o7-map__card-america {
        top: 16%;
        left: 7%;
    }

    .o7-map__card-bangladesh {
        bottom: 74%;
        right: 33%;
    }

}

/* _____/ Location Map:end \_______*/



/* ------------------------- Page CSS END---------------------- */

/* 
// 404 page design:start
----------------------------------------- */
.page-404-container {
    max-width: 1200px;
    display: flex;
    margin: 0 auto;
}

.page-404-container svg {
    width: 500px;
}

.page-404-container h1 {
    font-size: 128px;
    font-weight: 800;
}

.page-404-container h2 {
    font-size: 32px;
    font-weight: 600;
}

.page-404-container p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* _____/ 404 page design:end \_______*/


/* 
// Newsletter subscription success page:start
------------------------------------------------------ */
.subscription-success-container {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 25px;
}

.subscription-success-container h1 {
    display: none;
}

.subscription-success-container .icon-wrapper svg path {
    width: 80px;
    height: 80px;
    fill: green;
}

.subscription-success-container .icon-wrapper svg {
    height: 60px;
    width: 60px;
}

/* _____/ Newsletter subscription success page:end \_______*/



.megamenu-backdrop-filter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, .3);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.megamenu-backdrop-filter.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body {
    scrollbar-gutter: stable;
}

body.no-scroll {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0px);
}

.megamenu {
    position: relative;
    display: inline-block;
    z-index: 9999;
}

.megamenu__content-wrapper {
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    width: 100%;
    z-index: 10000;
    border-radius: 4px;
}

/* .megamenu.active .megamenu__content-wrapper {
    display: block !important;
} */

.megamenu.active .megamenu__content-wrapper .megamenu__content {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 60px -15px;
}

/* Main menu link styling */
.main-menu__link {
    cursor: pointer;
    position: relative;
    display: inline-block;
    /* Ensure proper positioning */
}

/* .megamenu:focus-within .megamenu__content-wrapper,
.main-menu__link:focus+.megamenu__content-wrapper {
    display: none;
} */

.o7-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    min-width: 280px;
    max-width: 400px;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #323232;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease;
    z-index: 9999;
}

.o7-toast--show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.o7-toast--success {
    background: #28a745;
    /* Green */
}

.o7-toast--error {
    background: #dc3545;
    /* Red */
}

/* Animations */

.animate__fade-in {
    opacity: 0.05;
    transform: translateY(8px);
    transition: opacity 0.7s cubic-bezier(.25, .1, .25, 1),
        transform 0.7s cubic-bezier(.25, .1, .25, 1);
}

.animate__fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* END of Animations */