@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Thin.eot');
    src: url('../fonts/Outfit-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff'),
        url('../fonts/Outfit-Thin.ttf') format('truetype'),
        url('../fonts/Outfit-Thin.svg#Outfit-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.eot');
    src: url('../fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.ttf') format('truetype'),
        url('../fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraBold.eot');
    src: url('../fonts/Outfit-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraBold.woff') format('woff'),
        url('../fonts/Outfit-ExtraBold.ttf') format('truetype'),
        url('../fonts/Outfit-ExtraBold.svg#Outfit-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Black.eot');
    src: url('../fonts/Outfit-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff'),
        url('../fonts/Outfit-Black.ttf') format('truetype'),
        url('../fonts/Outfit-Black.svg#Outfit-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraLight.eot');
    src: url('../fonts/Outfit-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraLight.woff') format('woff'),
        url('../fonts/Outfit-ExtraLight.ttf') format('truetype'),
        url('../fonts/Outfit-ExtraLight.svg#Outfit-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.eot');
    src: url('../fonts/Outfit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff'),
        url('../fonts/Outfit-SemiBold.ttf') format('truetype'),
        url('../fonts/Outfit-SemiBold.svg#Outfit-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.eot');
    src: url('../fonts/Outfit-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.ttf') format('truetype'),
        url('../fonts/Outfit-Medium.svg#Outfit-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Light.eot');
    src: url('../fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff'),
        url('../fonts/Outfit-Light.ttf') format('truetype'),
        url('../fonts/Outfit-Light.svg#Outfit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.eot');
    src: url('../fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.ttf') format('truetype'),
        url('../fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-SemiBold.eot');
    src: url('../fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-SemiBold.woff2') format('woff2'),
        url('../fonts/Roboto-SemiBold.woff') format('woff'),
        url('../fonts/Roboto-SemiBold.ttf') format('truetype'),
        url('../fonts/Roboto-SemiBold.svg#Roboto-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraLight.eot');
    src: url('../fonts/Roboto-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ExtraLight.woff2') format('woff2'),
        url('../fonts/Roboto-ExtraLight.woff') format('woff'),
        url('../fonts/Roboto-ExtraLight.ttf') format('truetype'),
        url('../fonts/Roboto-ExtraLight.svg#Roboto-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraBold.eot');
    src: url('../fonts/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ExtraBold.woff2') format('woff2'),
        url('../fonts/Roboto-ExtraBold.woff') format('woff'),
        url('../fonts/Roboto-ExtraBold.ttf') format('truetype'),
        url('../fonts/Roboto-ExtraBold.svg#Roboto-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --blue: #00024E;
    --light-blue: #038DFF;
    --yellow: #F99C1D;
    --black: #000000;
    --white: #fff;
    --title-font: "Outfit";
    --primary-font: "Roboto", sans-serif;
    --solitude-blue: #E6F2FC;
    --grey: #4A4A50;
}

body {
    font-family: var(--primary-font);
    font-size: 20px;
    line-height: 20px;
    color: var(--black);
    font-optical-sizing: auto;
}

a,
img {
    text-decoration: none;
    outline: none;
    border: none;
    max-width: 100%;
}

a,
.btn {
    transition: all .3s;
}

.btn:focus,
.form-control:focus {
    box-shadow: none;
}

:focus {
    outline: 0 !important;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0px;
}

a {
    color: inherit;
}


a:hover {
    color: var(--blue);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--blue);
    line-height: 1.2;
    font-family: var(--title-font);
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0;
}

h1,
.banner-title h2{

    font-family: "Outfit";
    font-weight: 600;
    font-size: 49px;
    line-height: 1.16;
    color: #FFFFFF;
    text-shadow: 4px 4px 4px #00000040;
    margin-bottom: 0;
    max-width: 97%;
}

h1 span,
.banner-title span {
    font-weight: 800;
    font-size: 61px;
    color: var(--yellow);
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0 !important;
}

.text-grey {
    color: var(--grey) !important;
}

.text-yellow {
    color: var(--yellow);
}

.text-dark {
    color: #00024E;
}

.text-blue {
    color: var(--blue);
}

.text-light-blue {
    color: var(--light-blue);
}

figure {
    margin: 0;
}

*::selection {
    background-color: transparent;
}

*:not(img)::selection {
    background-color: var(--yellow);
    color: var(--blue);
}

img {
    /* aspect-ratio: auto 204/57; */
}

/* scrollbar css */

* {
    scrollbar-width: thin;
    scrollbar-color: var(--blue) hsla(0, 0%, 100%, 0.20);
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, 0.20);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--blue);
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb {
    border-radius: 12px;
}

.navbar-nav::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

.navbar-nav {
    scrollbar-width: thin;
    scrollbar-color: hsla(0, 0%, 100%, 0.20) var(--blue);
}

/* custom class  */
section {
    overflow: hidden;
    position: relative;
}

.section-padding {
    padding: 100px 0;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.z1 {
    position: relative;
    z-index: 1;
}


.ratio img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.img-obj.cover img,
.ratio.cover img {
    object-fit: cover;
}

.btn {
    padding: 16px 32px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    border-radius: 10px;
    transition: all 0.3s linear;
    white-space: nowrap;
}

.btn-yellow {
    background-image: linear-gradient(to right, #F99C1D 0%, #F99C1D 51%, #FDC00E 100%);
    color: var(--white);
    background-size: 200% auto;
}

.btn-yellow:hover {
    color: var(--white);
    background-position: right center;
    transition: all 0.3s linear;

}

.btn-yellow:focus {
    background: #D75908;
    background-image: linear-gradient(#D75908 0%, #D75908 100%);
    color: var(--white);
}

.btn-yellow:active {
    background-image: linear-gradient(#FDD7A5 0%, #FDD7A5 100%);
    color: #F99C1D;
}

.btn-light-yellow {
    background-color: #FDD7A5;
    color: var(--white);
}

.btn-light-yellow:hover {
    background-color: #FDD7A5;
    color: var(--white);
}

.btn-blue {
    background: linear-gradient(80.03deg, #00024E 0%, #038DFF 100%);
    color: var(--white);
}

.btn-blue:hover {
    background: linear-gradient(80.03deg, #00024E 0%, #00024E 100%);
    color: var(--white);
}

.btn-blue:focus {
    background-color: #00024E;
    color: var(--white);
}

.btn-blue:active {
    background-color: #9AD1FF;
    color: #038DFF;
}

.btn-outline-yellow {
    background: #F99C1D1A;
    color: #F99C1D;
    border-width: 3px;
    border-style: solid;
    border-color: #F99C1D;
    /* border: 3px solid #F99C1D; */
    /* border-image: linear-gradient(90deg, #F99C1D 0%, #F99C1D 100%); */
    /* border-image-slice: 1; */
    transition: all 0.3s linear;

}

.btn-outline-yellow span {
    transition: all 0.3s linear;
    background: linear-gradient(90deg, #F99C1D 0%, #F99C1D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn-outline-yellow:hover span {
    background: linear-gradient(90deg, #F99C1D 0%, #FDC00E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transition: all 0.3s linear;
}


.btn-outline-yellow:hover {

    border-color: #FDC00E;
    transition: all 0.3s linear;
    /* background: linear-gradient(90deg, rgba(249, 156, 29, 0.1) 0%, rgba(253, 192, 14, 0.1) 100%); */
}

.btn-outline-yellow:focus {
    border-color: #D75908;
    background: #D759081A;
}

.btn-outline-yellow:focus span {
    transition: all 0.3s linear;
    background: linear-gradient(90deg, #D75908 0%, #D75908 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn-outline-yellow:active {
    border-color: #FDD7A5;
    background: #FDD7A533;
}

.btn-outline-yellow:active span {
    transition: all 0.3s linear;
    background: linear-gradient(90deg, #F99C1D 0%, #F99C1D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn i {
    font-size: 15px;
    color: var(--white);
    margin-left: 8px;
}

.navbar-icon {
    display: inline-block;
    width: 30px;
    height: 21.3px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.navbar-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}


.navbar-toggler.collapsed .navbar-icon span:nth-child(1) {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .navbar-icon span:nth-child(2) {
    width: 100%;
    opacity: 1;
}


.navbar-icon span:nth-child(2) {
    top: 50%;
    width: 0%;
    -webkit-transform: rotate(0deg) translateY(-50%);
    -moz-transform: rotate(0deg) translateY(-50%);
    -o-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}

.navbar-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 98%;
}

.navbar-toggler.collapsed .navbar-icon span:nth-child(3) {
    -webkit-transform: rotate(0deg) translateY(-50%);
    -moz-transform: rotate(0deg) translateY(-50%);
    -o-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}

.navbar-toggler.collapsed .navbar-icon span {
    left: 0;
}

.navbar-light .navbar-nav .nav-link:focus {
    color: #9AD1FF;
}

/* header nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    transition: all 0.3s linear;
    background-color: var(--black);
} */

label {
    display: block;
    font-weight: bold;
}

.subscribe-box .text a {
    text-decoration: underline;
    font-weight: 700;
}

.form-control,
.form-select {
    /* color: #6C6C6C; */
    color: var(--grey);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    /* border: 1px solid #E6E6E6CC; */
    font-size: 16px;
    padding: 14px 16px;
    /* height: 54px; */
    /* background-color: hsla(0, 0%, 100%, 0.80); */
    background: var(--Color-Palette-Background-Navy, #E6E6ED);
    border: none;
    border-bottom: 1px solid #9AD1FF;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0%;
    appearance: auto !important;
}

.form-label {
    color: #000009;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;

    line-height: 1.2;

    margin-bottom: 8px;
}

.form-label span {
    color: #EA3829;
}

textarea.form-control {
    height: auto;
}

.form-control:focus,
.form-select:focus {
    background-color: hsla(0, 0%, 90%, 0.8);
    border: 2px solid #038DFF;
}

.form-control::placeholder {
    /* color: #6C6C6C; */
    color: var(--grey);
}

.form-select {
    padding-right: 32px;
}

.form-check-input:checked {
    background-color: var(--light-blue);
    border-color: var(--light-blue);
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-40 {
    padding: 40px;
}

/* slick slider */

.slick-track {
    display: flex;
}

.slick-list {
    margin: 0 -12px;
}

.slick-slide {
    margin: 0px 15px;
    height: auto;
}

.slick-slide {
    transition: all ease-in-out .3s;
}

.slick-slide img {
    max-width: 100%;
}


.slick-arrow.slick-disabled {
    cursor: no-drop;
}


.slick-arrow.slick-disabled {
    color: #222;
    background: var(--blue);
}

.slick-arrow.slick-disabled::after {
    display: none;
}

.slick-arrow:before {
    color: var(--white);
    font-size: 22px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.slick-prev {
    left: 0;
    z-index: 1;
    opacity: 1;
}

.slick-next {
    right: 0px;
    z-index: 1;
    opacity: 1;
}

.slick-slider {
    padding: 0 75px;
}

[dir=rtl] .slick-prev {
    right: 0;
    left: auto;
}

[dir=rtl] .slick-next {
    left: 0;
}

.service-box>div {
    display: flex;
    flex-direction: column;
    /* flex-grow: 1; */
    position: relative;
}

[dir=rtl] .slick-next:before,
.slick-prev:before {
    content: "\f104";
}

[dir=rtl] .slick-prev:before,
.slick-next:before {
    content: "\f105";
}

.slick-dots {
    bottom: -46px;
    left: 0;
}

.slick-dots li button {
    border-radius: 100px;
}

.slick-dots li button:before {
    color: var(--black);
    font-size: 24px;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--blue);
    font-size: 24px;
}

.slick-dots li.slick-active button {
    border-color: var(--blue);
}

.slick-dots li button {
    background-color: transparent;

    border: 2px solid #E7E7E7;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    opacity: 1;
    background-color: var(--yellow);
    color: var(--blue);
}

/* custom class  end */

header .nav-link {
    color: inherit;
}

/* navbar icon  */
.navbar-toggler:focus {
    box-shadow: none
}

.navbar-brand {
    max-width: 140px;
    transition: all 0.3s linear;
}

.navbar-icon {
    display: inline-block;
    width: 30px;
    height: 21.3px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.navbar-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--white);
    border-radius: 10px;
    opacity: 1;
    left: 6px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.navbar-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}

.navbar-icon span:nth-child(2) {
    top: 50%;
    width: 0%;
    -webkit-transform: rotate(0deg) translateY(-50%);
    -moz-transform: rotate(0deg) translateY(-50%);
    -o-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}

.navbar-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 98%;
}

.navbar-toggler.collapsed .navbar-icon span {
    left: 0;
}

.navbar-toggler.collapsed .navbar-icon span:nth-child(1) {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .navbar-icon span:nth-child(2) {
    width: 100%;
    opacity: 1;
}

.navbar-toggler.collapsed .navbar-icon span:nth-child(3) {
    -webkit-transform: rotate(0deg) translateY(-50%);
    -moz-transform: rotate(0deg) translateY(-50%);
    -o-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}

.dropdown-mega .dropdown-menu {
    right: 0;
}


.social-link a {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    background: #FFFFFF1F;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 14px;
}

.social-link a:hover {
    background-color: var(--blue);
}

.social-link li {
    margin-left: 8px;
}

.navbar-light .navbar-nav .nav-item:not(:first-of-type) {
    margin-left: 32px;
}

.navbar-light .navbar-nav .nav-link {
    position: relative;
    transition: all 0.3s linear;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    color: var(--white);
    padding: 26px 0;
    display: flex;
    align-items: center;
}


.navbar-light .navbar-nav .nav-link.active {
    color: #9AD1FF;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active:hover {
    color: #9AD1FF;
}



.navbar-light .navbar-nav .nav-item.dropdown .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    background: #9AD1FF;
    height: 2px;
    border-radius: 100px;
    transition: all 0.3s linear;
}

/* .navbar-light .navbar-nav .nav-item.dropdown.show .nav-link::before, */
.navbar-light .navbar-nav .nav-item.dropdown:hover .nav-link::before,
.navbar-light .navbar-nav .nav-item.dropdown .nav-link.active::before {
    width: 100%;
}

header .nav-item.dropdown .dropdown-toggle::after {
    border: none;
    content: '';
    height: 6px;
    width: 12px;
    background-image: url(../images/chevron-down.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 8px;
}

/* header .nav-item.dropdown.show .dropdown-toggle::after {
    background-image: url(../images/chevron-down-h.svg);
} */

header .nav-item.dropdown.show:hover .dropdown-toggle::after {
    background-image: url(../images/chevron-down-h.svg);
}


.navbar-light .navbar-nav .show>.nav-link {
    color: #9AD1FF;
}



.navbar-light .navbar-nav .nav-link.active {
    color: var(--blue);
}

/* .navbar-light .navbar-nav .nav-item.dropdown {
    position: static;
} */

.navbar-light .navbar-nav .nav-item .dropdown-menu {
    width: 100%;
    background-color: var(--solitude-blue);
    padding: 60px 0;
    left: 0;
    right: 0;
    border: none;
}

.flotting-x {
    position: absolute;
    right: 24px;
    top: -40px;
    color: #444444;
    opacity: 0.4;
}

.card-media {
    background-color: var(--white);
    border-radius: 8px;
    padding: 12px;
    /* box-shadow: 0px 4px 21px 0px #6868681A; */
    transition: all 0.3s linear;
}

.card-media:hover {
    box-shadow: 0px 4px 24px rgb(0 0 0 / 24%);;
}

.card-media .img-box {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 100px;
    background-color: #9AD1FF;
    padding: 6px;
}

.card-media .img-box img {
    object-fit: cover;
    object-position: center center;
}

.card-media strong {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 8px;
    color: #000009;
    display: block;
}

.card-media p {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: var(--grey);
    flex-grow: 1;
}


.media-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /* Allow it to expand */
}


.card-media .media-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /* Allow it to expand */
}

.card-media a {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0%;
    color: #038DFF;
    display: inline-block;
}

header {

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    transition: all 0.3s linear;

}

header .navbar .btn {
    padding: 14px 16px;
}

.navbar {
    padding: 0;
    background-color: var(--blue);
}


.banner-wrapper {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 72px;
    background: linear-gradient(223.09deg, #00024E 1.87%, #037CE0 98.13%);
    padding: 158px 0;
}

.banner-wrapper .flotting-img {
    position: absolute;
    width: 100%;
    /* height: 1028.68px; */
    top: 50%;
    z-index: -1;
    left: 50%;
    transform: scale(1.5) translate(-26%, -32%);
    opacity: 0.5;
}

.banner-wrapper .btn {
    margin-top: 60px;
    /* padding: 25px; */

}

.banner-wrapper .btn-outline-yellow {
    margin-left: 50px;
    background-color: transparent;
}

.banner-wrapper p,.banner-wrapper .banner-title h1 {
    margin-top: 20px;
    color: var(--white);
    line-height: 1.4;
}

.word-slider {
    position: relative;
    height: 75px;
    overflow: hidden;
    width: 100%;
    margin-top: 4px !important;
}

.word {
    position: absolute;
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
}

.word.active {
    opacity: 1;
    transform: translateY(0);
}


/* .img-effact {
    transform-style: preserve-3d;

}

.img-effact img {
    min-width: 566px;
    transform-style: preserve-3d;
}

.img-effact img:hover {
    filter: drop-shadow(10px 10px 15px #00000045);

} */

.img-effact .main-img {
    width: 388px;
    transform-style: preserve-3d;
}

.img-effact .main-img:hover {
    filter: drop-shadow(10px 10px 15px #00000045);

}

.img-effact .position-absolute {
    transition: all 0.3s linear;
}

.img-effact .position-absolute:hover {
    transform: scale(1.1);
    text-shadow: 10px 10px 15px #00000045;
    /* filter: none !important;
    transition: transform 0.1s ease; */
    scrollbar-color: none !important;
}

.img-effact-one .img-three {
    /* max-width: 99px; */
    left: 0;
    top: 50px;
}

.img-effact-one .img-two {
    right: -85px;
    top: 106px;
}

.img-effact-one .img-four {
    bottom: 75px;
    right: -90px;
}

.img-effact-one .img-five {
    bottom: 60px;
    left: -65px;
}

.img-effact-ssa .img-two {
    left: -42px;
    top: 0;
}

.img-effact-ssa .img-three {
    right: -65px;
    top: 24px;
}

.img-effact-ssa .img-four,
.img-effact-cService .img-four,
.img-effact-ELGeneration .img-four {
    left: -78px;
    bottom: 78px;
    z-index: -1;
}

.img-effact-ssa .img-five {
    bottom: 28%;
    right: -100px;
}

.img-effact-cService .img-two {
    left: -16px;
    top: 11px;
    width: 70px;
}

.img-effact-cService .img-three {
    right: -55px;
    top: 65px;
}

.img-effact-cService .img-five {
    right: -60px;
    bottom: 125px;
}

.img-effact-csupport .img-two {
    left: 0;
    top: 38px;
}

.img-effact-csupport .img-three {
    top: 135px;
    right: -58px;
}

.img-effact-csupport .img-four {
    right: -12px;
    top: 42px;
}

.img-effact-csupport .img-five {
    left: 0;
    bottom: 88px;
}

.img-effact-csupport .img-six {
    right: -24px;
    bottom: 70px;
}

.img-effact-oprocesses .img-two {
    left: -80px;
    top: 35px;
}

.img-effact-oprocesses .img-three {
    top: 42px;
    right: -61px;
    width: 90px;
}

.img-effact-oprocesses .img-four {
    left: -45px;
    bottom: 100px;
    width: 75px;
}

.img-effact-oprocesses .img-five {
    right: -60px;
    bottom: 102px;
    width: 66px;
}

.img-effact-ELGeneration .img-two {
    width: 110px;
    left: -12px;
}

.img-effact-ELGeneration .img-three {
    right: -30px;
    top: 45px;
}

.img-effact-ELGeneration .img-five {
    width: 62px;
    bottom: 78px;
    right: -24px;
}



.radius-15 {
    border-radius: 15px;
}

.radius-25 {
    border-radius: 25px;
}

.radius-20 {
    border-radius: 20px;
}

.bg-gradient2 {
    background: linear-gradient(80.03deg, #00024E 0%, #038DFF 100%);
    background-size: 200% 200%;
    animation: gradientMove 6s ease infinite;
    z-index: 1;
}

.bg-grey {
    background-color: #E6E6ED;
}

.bg-light-grey {
    background-color: #FCFBFE;
}
.bg-light-yellow {
    background-color: #FEF5E8;
}



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

.section-title h2 {
    font-weight: 600;
    font-size: 49px;
    line-height: 56px;
    margin-bottom: 0;
}

.section-title h3 {
    font-weight: 500;
    font-size: 39px;
    line-height: 1.231;
    margin-bottom: 0;
}

.reach-out-wrapper .innerp-box.section-title h3, .reach-out-wrapper .innerp-box .section-title h3 {
    font-size: 35px;
}

.section-title>span {
    position: relative;
    margin-bottom: 8px;
    display: inline-block;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1.2905;
    color: var(--yellow);
    text-transform: uppercase;
}

.section-title p {

    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    color: #2E3032;
    margin-top: 18px;
    margin-bottom: 50px !important;
}

.valued-partners-slider .slick-slide>div {
    background-color: #00024E;
    border-radius: 15px;
    overflow: hidden;
}

.valued-partners-slider .slick-slide {
    max-width: 280px;
}

.businesses-wrapper .flotting-img {
    position: absolute;
    left: -8%;
    bottom: 0;
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes half-rotate {

    0%,
    100% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

}

.service-box:hover .icon-box {
    background: white;
}

.service-box {
    border-radius: 25px;
    background-color: var(--white);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    transition: all 0.3s linear;
}

.service-box:hover {
    background-color: #FDD7A5;
    box-shadow: 4px 4px 4px 0px #00000040;
}

.service-box:hover .icon-box {
    background: white;
}

.service-box .description-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
}

.show-hover h5 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
}

.service-box .icon-box .img-default {
    display: block;
}

.service-box:hover .icon-box .img-default {
    display: none;
}

.service-box .icon-box .img-hover {
    display: none;
}

.service-box:hover .icon-box .img-hover {
    display: block;
}



.service-box .icon-box {
    background: linear-gradient(90deg, #F99C1D 0%, #FDC00E 100%);
    box-shadow: 0px 0px 8px 2px #00000040;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 100px;
    margin-bottom: 20px;
    transition: all 0.3s linear;
    width: 55px;
    height: 55px;
}

.service-box strong,.service-box h4 {
    position: relative;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1.42;
    color: var(--black);
    padding: 0 0px 20px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.service-box strong::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 91px;
    height: 3px;
    border-radius: 100px;
    background: linear-gradient(90deg, #F99C1D 0%, #FDC00E 100%);
}

.service-box p {
    /* flex-grow: 1; */
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    text-align: justify;
    color: #2E3032;
    margin-top: 12px;
    margin-bottom: 30px;
    transition: all 0.3s linear;
    transition-delay: 0.3s;
    opacity: 1;
    position: relative;
}

.service-box .show-list {
    transition: all 0.3s linear;
    transition-delay: 0.3s;
    opacity: 1;
    position: relative;
    vertical-align: top;

}

.service-box .nav li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    color: #2E3032;
    font-size: 16px;
    font-weight: 400;
}

.service-box .nav li::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    color: #F99C1D;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-image: url('../images/circle-check-orenge.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.service-box .show-hover .nav li::before {
    /* color: var(--white); */
    background-image: url('../images/circle-check-white.svg');
}

.service-box .btn {
    margin-top: 35px;
}

.service-box:hover p,
.service-box:hover .show-list {
    transition-delay: 0.4s;
    opacity: 0;
    transition: all 0.3s linear;
}

/* .service-box::before {
    content: '';
    position: absolute;

} */

.show-hover {
    opacity: 0;
    position: absolute;
    /* top: 100%; */
    top: 00%;
    transition: all 0.3s linear;
    transition-delay: 0s;
    padding-top: 24px;
    z-index: 0;
    width: 100%;
}

.service-box:hover .show-hover {
    transition-delay: 0.2s;
    opacity: 1;
    top: 0%;
}

.support-description {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 30px;
    line-height: 1.3;
    padding: 50px 0 30px;
}

.mw-520 {
    width: 520px;
}

.mt-54 {
    margin-top: 54px;
}

.video-container {
    width: 100%;
    max-width: 848px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
    margin: auto;
    border: 8px solid #000;
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 0;
}

.video-container video {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.video-container .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    opacity: 0;
    transition: opacity 0.3s;
}

.video-container:hover .controls {
    opacity: 1;
}

.video-container .btn {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    margin: 0 10px;
    padding: 0;
}

.video-container .btn:hover {
    color: var(--yellow);
}

.video-container .progress-container {
    flex-grow: 1;
    height: 5px;
    background: #444;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
}

.video-container .progress {
    height: 100%;
    width: 0%;
    background: var(--yellow);
    position: absolute;
}


.video-container input[type="range"] {
    width: 70px;
    cursor: pointer;
    -webkit-appearance: none;
    background: transparent;
}

.video-container input[type="range"]::-webkit-slider-runnable-track {
    background: #f99c1d;
    height: 5px;
    border-radius: 5px;
}

.video-container input[type="range"]::-moz-range-track {
    background: #f99c1d;
    height: 5px;
    border-radius: 5px;
}

.video-container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: white;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-top: -4px;
}

.video-container input[type="range"]::-moz-range-thumb {
    background: white;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}

.video-container input[type="range"] {
    width: 70px;
    cursor: pointer;
}

.facility-box {
    border-radius: 25px;
    height: 390px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.facility-box img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.team-box {
    margin-left: auto;
    margin-right: auto;
}


.team-box {
    padding: 24px 18px;
    background-color: #F5F5F5;
    border-radius: 25px;
    box-shadow: 4px 4px 8px 0px #00000040;
    width: 316px;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s linear;
}

.team-box:hover {
    background-color: #037CE0;

}

.team-box .img-box {
    border-radius: 25px;
    margin: 0 auto 20px;
    height: 250px;
    width: 230px;
    overflow: hidden;
}

.team-box:hover .img-box img {
    transform: scale(1.1);
}

.team-box .img-box img {
    object-fit: cover;
    object-position: center center;
    position: relative;
    transition: all 0.3s linear;
    width: 100%;
    height: 100%;
}

.team-box strong,.team-box h4 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1;
    text-align: center;
    flex-grow: 1;
}

.team-box:hover strong,.team-box:hover h4 {
    color: var(--white);
    text-shadow: 2px 2px 2px #00000040;
}

.team-box span {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    flex-grow: 1;

    line-height: 1;
    display: block;
    margin: 9px 0 11px;

}

.team-box:hover span {
    color: var(--white);
    text-shadow: 2px 2px 2px #00000040;
}

.team-box:hover .social-link {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(17deg) brightness(104%) contrast(101%);
}

.learn-share-box {
    padding: 20px 16px;
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    transition: all 0.3s linear;
    height: 668px;
    border-radius: 20px;
}

.learn-share-box:hover {
    padding: 16px;
    border-radius: 20px;
    background-color: #FEF5E8;
}


.learn-share-box .img-box {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 266px;
}

.learn-share-box .img-box img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.learn-share-box strong,.learn-share-box h4 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    /* line-height: 1.02; */
    line-height: 1.08;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    display: block;
    color: #000009;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.learn-share-box strong::before,.learn-share-box h4::before {
    content: '';
    position: absolute;
    width: 150px;
    height: 3px;
    background: linear-gradient(90deg, #F99C1D 0%, #FDC00E 100%);
    border-radius: 100px;
    top: 0;
    left: 0;
    transition: all 0.3s linear;
}

.learn-share-box:hover strong::before {
    width: 250px;
}

.learn-share-box p {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    margin-top: 12px;
    margin-bottom: 30px;
    color: var(--grey);
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.learn-share-box .btn {
    margin-top: 0;
}

/* .learn-share-box:hover p {
    margin-bottom: 36px;
} */

.subscribe-box {
    background: linear-gradient(223.09deg, #00024E 1.87%, #037CE0 98.13%);
    position: relative;
    padding: 60px;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
}

.subscribe-box .section-title {
    max-width: 861px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-box h2 {
    color: var(--yellow);
    margin-bottom: 20px;
}

.subscribe-box p {
    line-height: 1.6;
}

.subscribe-box .flotting-img {
    position: absolute;
    width: 100%;
    /* height: 1028.68px; */
    top: 50%;
    z-index: -1;
    left: 50%;
    transform: scale(1.3) translate(-38%, -40%);
    opacity: 0.5;
}

.subscribe-box .btn-yellow {
    margin-top: 30px;
    margin-bottom: 27px;
}

.subscribe-box .text {
    font-weight: 300;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0%;
    color: var(--white);
}

.salestrategy-wrapper h2 {
    color: #000;
}

.salestrategy-wrapper .btn-outline-yellow {
    margin-left: 55px;
}

.salestrategy-wrapper .flotting-img {
    position: absolute;
    left: 3%;
    bottom: 8%;
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.salestrategy-wrapper .img-box {
    width: 480px;
    height: 480px;
}

footer {
    background: linear-gradient(223.09deg, #00024E 1.87%, #037CE0 98.13%);
    position: relative;
    z-index: 1;
    padding-top: 185px;
    color: var(--white);
}

.brand-logo img {
    max-height: 50px;
}

.subscribe-form>div {
    width: 349px;
    margin-right: 16px;
}


.subscribe-form i {
    color: #697077;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
}

.subscribe-form .form-control::placeholder {
    color: #697077;
}

.subscribe-form .form-control {
    border-radius: 10px;
    background-color: var(--white);
    padding-left: 48px;
    height: 48px;
    font-size: 14px;
}

.subscribe-form .btn {
    padding: 14px 32px;
}

footer hr {
    background-color: #C1C7CD;
    margin: 50px 0;
}

footer strong, footer h4 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1.05;
    margin-bottom: 28px;
    display: block;
    color: var(--white);
}

footer .list-unstyled li a {
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-decoration: underline;
}

.footer-text {
    line-height: 1.334;
}

footer .list-unstyled li:not(:last-of-type) {
    margin-bottom: 14px;
}


footer a:hover {
    color: var(--yellow);
}

.social-icons a {
    margin-right: 18px;
    color: var(--white);
    position: relative;
}

.social-icons a i {
    position: relative;
    transition: all 0.3s linear;
}

.social-icons a:hover i {
    transform: scale(1.2);
}

.footer-bottom p {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}

.footer-bottom ul li:not(:last-child) {
    margin-right: 16px;
}

.footer-bottom ul li a,
.footer-bottom ul li select {
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    padding: 12px 8px;
    text-decoration: underline;

}
.footer-bottom ul li select {
    text-decoration: none !important;
    width: 95px;
}

.footer-bottom ul li select {
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--white);
}

.footer-bottom ul li select option {
    color: var(--black);
}

.smarthire-wrapper {
    background-color: var(--blue);
    position: relative;
}



.smarthire-wrapper .innder-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.smarthire-wrapper .innder-box::before {
    content: '';
    position: absolute;
    width: 629px;
    height: 629px;
    background-color: #E6F2FC;
    border-radius: 100%;
    z-index: -1;
    left: -17%;
    top: -21%;
    animation: scale-up-center-alternate-reverse 10s linear 0s infinite alternate-reverse both;
}


@keyframes scale-up-center-alternate-reverse {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.125);
    }
}

.smarthire-wrapper .innder-box {
    background-color: var(--white);
    border-radius: 30px;


}



.smarthire-wrapper .description-text {
    padding: 226px 0 133px 103px;
}

.smarthire-wrapper .description-text img {
    margin-bottom: 10px;
}

.smarthire-wrapper .description-text h2,.smarthire-wrapper .description-text h1 {
    color: var(--blue);
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.4694;
        font-size: 61px;
        max-width: 100%;
}

.smarthire-wrapper .description-text h2 span,.smarthire-wrapper .description-text h1 span {
    color: #038DFF;
    font-size: 61px;
}

.smarthire-wrapper .description-text .section-title {
    margin-bottom: 30px;
}

.smarthire-wrapper .section-title p {
    line-height: 1.6;
    margin-top: 0;
}

.estimated-time {
    font-weight: 700;
    font-size: 16px;
    line-height: Line Space/8*3;
    letter-spacing: 0%;
    color: var(--yellow);
    margin-left: 10px;
    max-width: 200px;
}

.estimated-time label {
    color: var(--black);
}

.smarthire-imgbox .img-1 {
    margin-left: 84px;
}

.smarthire-imgbox::before {
    content: '';
    position: absolute;
    width: 629px;
    height: 629px;
    background-color: #DDDDDE;
    border-radius: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    animation: scale-up-center-alternate-reverse1 8s linear 0s infinite alternate-reverse both;
    animation-delay: 3s;
}

@keyframes scale-up-center-alternate-reverse1 {
    0% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.smarthire-imgbox::after {
    content: '';
    position: absolute;
    width: 491px;
    height: 491px;
    background-color: #E6F2FC;
    border-radius: 100%;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-61%, -46%);
    animation: scale-up-center-alternate-reverse2 8s linear 0s infinite alternate-reverse both;
    animation-delay: 2s;
}

.smarthire-imgbox>span {
    width: 97px;
    height: 97px;
    border-radius: 100px;
    background-color: #00024E;
    position: absolute;
    left: 12%;
    top: 14%;
    z-index: -1;
    animation: scale-up-br-alternate-reverse 8s linear 0s infinite alternate-reverse both;
    animation-delay: 3s;
}

@keyframes scale-up-center-alternate-reverse2 {
    0% {
        transform: scale(1) translate(-61%, -46%);
    }

    100% {
        transform: scale(1.05) translate(-61%, -46%);
    }
}

@keyframes scale-up-br-alternate-reverse {
    0% {
        transform: scale(1);
        transform-origin: 100% 100%;
    }

    100% {
        transform: scale(0.8);
        transform-origin: 100% 100%;
    }
}



.bar-chart-box {
    width: 121px;
    height: 121px;
    position: absolute;
    padding: 30px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 20px 40px #00000040;
    top: 50%;
    transform: translateY(0%);
}

.Pie-chart-box {
    width: 121px;
    height: 121px;
    position: absolute;
    padding: 30px;
    background-color: var(--yellow);
    border-radius: 20px;
    box-shadow: 0px 20px 40px #00000040;
    right: -8%;
    top: 29%;
}

.doller-box {
    width: 103px;
    height: 103px;
    position: absolute;
    padding: 30px;
    background-color: #038DFF;
    border-radius: 100%;
    box-shadow: 0px 0px 20px #003D5E33;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -24%;
    bottom: 50px;
}

.smarthire-imgbox .Pie-chart-box:hover,
.smarthire-imgbox .doller-box:hover,
.smarthire-imgbox .bar-chart-box:hover {
    transform: scale(1.05);
}


.innerp-banner {
    padding: 150px 0;
}

.innerp-banner div.text-center {
    max-width: 100%;
    margin: auto;
}

.innerp-banner h1 {
    font-weight: 800;
    
}

.innerp-banner p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px;
}


/* about page css */
.our-story-wrapper .img-box {
    width: 442px;
    height: 258px;
    border-radius: 25px;
    /* box-shadow: none; */
    overflow: hidden;
}

.our-story-wrapper p {
    font-size: 16px;
    /* line-height: 1.297; */
    line-height: 1.416;
    color: #2E3032;
    margin-bottom: 20px;
}

/* 
.our-story-wrapper .section-title {
    margin-bottom: 114px;
} */

.our-story-wrapper .images-group {
    margin-right: 55px;
    max-height: 480px;
}

.our-story-wrapper .img-box2 {
    position: relative;
    right: 0;
    bottom: 38px;
}

.our-story-wrapper .description-text {}

.mission-vision-wrapper p {
    font-size: 16px;
    line-height: 1.399;
}

.mission-vision-wrapper .section-title {
    margin-bottom: 30px;
}

.choose-us-box {
    position: relative;
    overflow: hidden;
    box-shadow: 4px 4px 6px 2px #00000040;
    border-radius: 25px;
}

.choose-us-box img {
    z-index: -2;
    transition: transform 0.5s linear;
}

.choose-us-box {
    /* height: 505px; */
    transition: all 0.5s linear;
    height: 480px;
    max-height: 600px;
    min-height: 330px;
}

.choose-us-box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(214.45deg, rgba(0, 2, 78, 0.05) 7.54%, rgba(0, 2, 78, 0.5) 46.84%, #00024E 73.04%);
    z-index: -1;
    transition: all 0.3s linear;
}

.choose-us-box:hover::after {
    background: linear-gradient(214.45deg, rgba(0, 2, 78, 0.7) 0%, rgba(0, 2, 78, 0.7) 00%, #00024e 100.04%);

}

.choose-us-box .img-box {
    border-radius: 25px;
    transition: all 0.5s linear;
}

/* .choose-us-box>div {
    padding: 32px;
} */


.choose-us-box>div h3,.choose-us-box>div h2 {
    color: var(--white);
    font-weight: 600;
    font-size: 49px;
    line-height: 1.15;
    letter-spacing: 0%;
    margin-bottom: 20px;
}

.choose-us-box>div p {
    color: var(--white);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0%;



}

.choose-us-box>div p.h-hidden {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.choose-us-box:first-child {
    margin-bottom: 32px;
}

/* .choose-us-box:hover {
    height: 608px;
} */

/* .choose-us-box:not(:hover) {
    height: 408px;

} */

/* .choose-us-box {
    transition: height 0.5s ease-in-out;
    height: 450px;
 
}

.choose-us-box img {
    transition: transform 0.5s ease-in-out;
} */

/* Bouncy Animation */
@keyframes bounceHeight {
    0% {
        height: 450px;
    }

    50% {
        height: 620px;
    }

    /* Overshoot */
    100% {
        height: 600px;
    }

    /* Final height */
}

@keyframes shrinkHeight {
    0% {
        height: 450px;
    }

    50% {
        height: 400px;
    }

    /* Shrinks slightly more first */
    100% {
        height: 408px;
    }

    /* Final height */
}

/* Apply bounce effect on hover */
/* .choose-us-box:hover {
    animation: bounceHeight 0.5s linear both;
}

.choose-us-box:hover+.choose-us-box {
    animation: shrinkHeight 0.5s linear both;
} */

/* Reverse effect when hovering the second box */
/* .choose-us-box:last-child:hover {
    animation: bounceHeight 0.5s linear both;
}

.choose-us-box:last-child:hover~.choose-us-box {
    animation: shrinkHeight 0.5s linear both;
} */

.choose-us-wrapper .section-title {
    max-width: 1006px;
    margin-left: auto;
    margin-right: auto;
}

.hover-box {
    height: 930px;
}

.choose-us-box {

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}


.choose-us-box p {
    transition: all 0.3s linear;
}

.description-box {
    width: 88%;
    transform: translateY(64%);
    bottom: 24px;
    position: absolute;
    top: auto;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition-delay: 0s;
    padding: 32px;


}

.choose-us-box:hover .description-box {
    transform: translateY(50%);
    bottom: 50%;
}

.choose-us-box .h-hidden {
    transition-delay: 0.3s;
    opacity: 1;
    visibility: visible;
    height: auto;
}

.choose-us-box:hover .h-hidden {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
    height: 0;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);

}

.choose-us-box .h-show {
    opacity: 0;
    bottom: -100%;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition-delay: 0s;
    position: relative;
    height: 340px;

}

.choose-us-box:hover .h-show {
    opacity: 1;
    bottom: 0;
}

.choose-us-box p a {
    color: #9AD1FF;
}


/* about page css */
#backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--yellow);
    color: white;
    padding: 10px 15px;
    border-radius: 100%;
    cursor: pointer;
    font-size: 16px;
    transition: opacity 0.3s linear;
    border: none;
    z-index: 99;
    width: 40px;
    height: 40px;
}

#backToTop:hover {
    background: #d88215;
}

.areas-of-interest-list {
    margin: 14px 0;
}

.areas-of-interest-list h5 {

    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: #000009;
    margin-bottom: 20px;

}

.form-check {
    display: flex;
    align-items: center;
}



.form-check input {
    margin-right: 9px;
    margin-top: 0;
    border: 1px solid var(--Color-Palette-Gray-Body, var(--grey));
    border-radius: 1px;
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.terms-box .form-label {
    font-size: 12px;
    color: var(--grey);
    line-height: 1.375;
}

.contactf-wrapper .btn {
    margin-top: 50px;
}



.contactf-wrapper .img-box>div {

    height: 660px;
    border-radius: 25px;
    z-index: 1;
}

.contactf-wrapper .img-box img {
    object-fit: cover;
    object-position: center center;
}

.contactf-wrapper .img-box>div::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(214.45deg, rgba(0, 2, 78, 0.05) 7.54%, rgba(0, 2, 78, 0.5) 50.33%, #00024E 85.27%);
    z-index: 1;
}

.reach-out-wrapper .innerp-box {
    background: linear-gradient(80.03deg, #00024E 0%, #038DFF 100%);
    /* padding: 40px 174px; */
    padding: 65px 65px;
    border-radius: 20px;
}

.reach-out-wrapper .innerp-box h2 {
    margin-bottom: 30px;
}

.contact-Info-wrapper ul li a {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0%;
    margin-left: 30px;
}

.contact-Info-wrapper ul li:not(:last-of-type) {
    margin-bottom: 30px;
}

.map-box {
    height: 295px;
    border-radius: 25px;
}

.contact-Info-wrapper h3 {
    font-weight: 500;
    font-size: 39px;
    line-height: Line Space/8*6;
    letter-spacing: 0%;
}


.checkbox-button .btn-checkbox {
    border: 1px solid #2E3032;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    border-radius: 100px;
    width: auto;
    display: inline-block;
    white-space: nowrap;
}

.checkbox-button .btn-checkbox:hover {
    border: 1px solid #037CE0;
    color: #037CE0;
}

.checkbox-button input:checked~label,
.checkbox-button input:checked~label:hover {
    border: 1px solid #037CE0;
    background-color: #037CE0;
    color: white;
}

.fa-arrow-top-right {
    transform: rotate(-45deg) translate(-1px, 1px);
}

.fa-arrow-top-right:before {
    content: "\f061";
}

.banner-wrapper.innerp2-banner {
    background: #E6E6ED;
    padding: 100px 0;
}

.banner-wrapper.innerp2-banner h1 {
    text-shadow: none;
}

.banner-wrapper.innerp2-banner p {
    line-height: 1.6;
    color: var(--grey);
}

.banner-wrapper.innerp2-banner strong {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #000009;
    margin: 30px 0 0;
}

.banner-wrapper.innerp2-banner .btn {
    margin-top: 30px;
}

.wrapper1 .bg-gradient2 {
    padding: 65px 65px;
}

.managed-sales-wrapper .description-text {
    padding-right: 136px;
}

.managed-listiing2 li {
    position: relative;
    padding-left: 40px;
}

.managed-listiing2 li::before {
    content: '\f058';
    position: absolute;
    color: var(--yellow);
    font-size: 32px;
    font-family: "Font Awesome 6 Free";
    left: 0;
    top: 6px;
    font-weight: 700;

}

.managed-listiing2 {
    margin: 30px 0;
}

.managed-sales-wrapper p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.23;
    color: var(--grey);
    margin-bottom: 0;

}

.managed-listiing2 li {
    margin-bottom: 20px;
}

.managed-listiing2 strong {
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
    display: block;
    margin-bottom: 4px;
    color: var(--grey);

}

.managed-sales-wrapper .img-box {
    box-shadow: 4px 4px 4px #00000040;

}

.managed-sales-wrapper .img-box img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.setps-text .section-title {
    margin-bottom: 30px;
}

.section-title h4 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1.2;
}

.section-title h3~h4 {
    margin-top: 30px;
}

.listing1 {
    margin-bottom: 50px;
}

.listing1 li {
    padding-left: 30px;
    position: relative;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    color: var(--grey);
}

.listing1 li:not(:last-of-type) {
    margin-bottom: 20px;
}

.listing1 li::before {
    content: '\f058';
    position: absolute;
    color: var(--yellow);
    font-size: 16px;
    font-family: "Font Awesome 6 Free";
    left: 0;
    top: 4px;
    font-weight: 700;
}

.sep-line {
    /* height: 226px;
     width: 575px; */
    height: 192px;
    width: 35%;
    position: relative;
}

.sep-line span {
    background-color: var(--light-blue);
    border-radius: 15px;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 39px;
    line-height: 1;
    display: block;
    padding: 10px;
    color: var(--white);
    position: relative;
    top: -15px;
}

.sep-line img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: contain;
}

.managed-listiing3 {
    margin-bottom: 30px;
}

.managed-listiing3 li::before {
    content: '\f058';
    position: absolute;
    color: var(--yellow);
    font-size: 32px;
    font-family: "Font Awesome 6 Free";
    left: 0;
    top: 12px;
    font-weight: 700;
}

.managed-listiing3 li {
    padding-left: 40px;
    position: relative;
}

.managed-listiing3 li:not(:last-of-type) {
    margin-bottom: 30px;
}


.managed-listiing3 strong,.managed-listiing3 h4 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1.2;
    letter-spacing: 0%;
    margin-bottom: 0;
}

.managed-listiing3 p {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 0;

}



.object-fit-cover {
    object-fit: cover;
}

.object-center {
    object-position: center center;
}

.success-begins-listing strong,.success-begins-listing h4 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    line-height: 1.2;
    color: #000009;
    display: block;
    margin-bottom: 4px;
}

.success-begins-listing span {
    color: var(--light-blue);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
}

.success-begins-listing p {
    color: var(--grey);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 21px;
}

.success-begins-listing .flex-shrink-0 {
    margin-right: 20px;
}

.success-begins-listing .flex-shrink-0 img {
    width: 22px;
    margin-top: 10px;
}

.success-begins-listing li:not(:last-of-type) {
    margin-bottom: 30px;
}

.featuress-box .img-box {
    max-height: 284px;
}

.featuress-box .section-title span {
    font-size: 20px;
}

.featuress-box .section-title p {
    line-height: 1.6;
    margin-top: 20px;
}

.shadow-img-sm {
    box-shadow: 4px 4px 4px #00000040;
}

.good-fit-box {
    box-shadow: 4px 4px 4px #00000040;
    padding: 40px 30px;
    border-radius: 50px;
}

.good-fit-box1 {
    background: #C2DAFF5E;
}

.good-fit-box2 {
    background-color: #DDDDDE;
}

.good-fit-box .listing1 li {
    font-size: 16px;
    line-height: 1.3;
}

.good-fit-wrapper .section-title h4 {
    margin-top: 20px;
}

.good-fit-box .listing1 li:not(:last-of-type) {
    margin-bottom: 30px;
}

.good-fit-box .listing1 li::before {
    top: 50%;
    transform: translateY(-50%);
    color: var(--light-blue);
}


.outcome-partnership-wrapper .managed-listiing3 li {
    display: flex;
    align-items: center;
    padding-left: 45px;
}

.outcome-partnership-wrapper .managed-listiing3 li::before {
    top: 50%;
    transform: translateY(-50%);
    color: var(--light-blue);
}

.outcome-partnership-wrapper .container {
    max-width: 992px;
}


.setps-content .row:nth-child(even) .sep-line img {
    transform: rotateX(180deg);
}

.setps-content .row:nth-child(even) .sep-line span {
    top: 15px;
}

.setps-content .img-box {}

.step-1 span {
    background-color: var(--blue);
    width: 69px;
    height: 69px;
    left: 14%;
    top: 2%;
    border-radius: 100%;
    z-index: -1;
    animation: scale-up-br-alternate-reverse 5s linear 0s infinite alternate-reverse both;
    /* animation: heartbeat-normal 5s linear 0s infinite normal none; */

}

.step-1 .img-s1-1 {
    right: 12%;
    bottom: 0;
    animation: vibrate-3-normal 5s linear 0s infinite normal none;
}

@keyframes vibrate-3-normal {
    0% {
        transform: translate(0);
    }

    10% {
        transform: translate(-2px, -2px);
    }

    20% {
        transform: translate(2px, -2px);
    }

    30% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(2px, 2px);
    }

    50% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, -2px);
    }

    70% {
        transform: translate(-2px, 2px);
    }

    80% {
        transform: translate(-2px, -2px);
    }

    90% {
        transform: translate(2px, -2px);
    }

    100% {
        transform: translate(0);
    }
}



.step-1 .img-s1-2 {
    max-width: 108px;
    left: -10%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes heartbeat-normal {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

.step-2 span {
    background-color: var(--light-blue);
    width: 69px;
    height: 69px;
    right: -8%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    z-index: -1;
    animation: scale-up-br-alternate-reverse 5s linear 0s infinite alternate-reverse both;
    /* animation: heartbeat-normal 5s linear 0s infinite normal none; */
}

.step-2 .img-s2-1 {
    left: 12%;
    top: 0;
    animation: pulsate-bck-normal 3s linear 0s infinite normal none;
}

.step-2 .img-s2-2 {
    right: -2%;
    top: 15%;
    animation: pulsate-bck-normal 3s linear 0s infinite normal none;

    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-2 .img-s2-3 {
    left: -2%;
    bottom: 19%;
    animation: vibrate-3-normal 5s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-2 .img-s2-4 {
    max-width: 108px;
    right: 0%;
    bottom: 4%;
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.step-3 .img-s3-1 {
    right: -10%;
    top: 13%;
    animation: up-down-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-3 .img-s3-2 {
    left: 0%;
    top: 0%;
    animation: pulsate-bck-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);

}

.step-3 .img-s3-3 {
    bottom: 0;
    left: 0;
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.step-4 .img-s4-1 {

    left: 48%;
    top: -8%;
    animation: pulsate-bck-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-4 .img-s4-2 {

    right: 2%;
    bottom: 0%;
    animation: up-down-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-4 .img-s4-3 {

    left: -10%;
    top: 13%;
    animation: vibrate-3-normal 5s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);

}

.step-5 span {
    background-color: var(--blue);
    width: 97px;
    height: 97px;
    left: -8%;
    top: 0%;
    transform: translateY(-50%);
    border-radius: 100%;
    z-index: -1;
    animation: scale-up-br-alternate-reverse 5s linear 0s infinite alternate-reverse both;
    /* animation: heartbeat-normal 5s linear 0s infinite normal none; */
}

.step-5 .img-s5-1 {

    right: 9%;
    top: -10%;
    animation: vibrate-3-normal 5s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-5 .img-s5-2 {
    left: 9%;
    bottom: 0%;
    animation: up-down-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}

.step-5 .img-s5-3 {
    right: 0;
    bottom: 0;
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: var(--yellow);
    border-radius: 100px;
}

.show-hover h5 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
    color: #000000;
}

.hover-img {
    position: relative;
    overflow: hidden;
}

.hover-img img {
    transition: all 0.3s linear;
}

.hover-img:hover img {
    transition-delay: 0.2s;
    transform: scale(1.2);
    z-index: 0;
}

.hover-img::after {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover-img:hover::after {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.salestrategy-wrapper .flotting-img {
    z-index: 1 !important;
}

.salestrategy-wrapper .img-box img {
    width: 100%;
    height: 100%;
}

/* Join Our Community for Insights start */
.wpcf7-not-valid-tip {
    color: #ffffff !important;
    display: none !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-top: 4px !important;
}

/* #community-form .wpcf7-not-valid-tip {
    font-size: 0 !important;
} */

/* .contact_email .wpcf7-not-valid-tip {
    color: #dc3232 !important;
    display: block !important;
} */

/* .contact_number .wpcf7-not-valid-tip {
    color: #dc3232 !important;
    display: block !important;
} */

#contact_us_form .wpcf7-not-valid-tip {
    display: none !important;
}

#contact_us_form .areas-of-interest-list .wpcf7-not-valid-tip  {
    display: block !important;
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
    color: white !important;
    text-align: center !important;
    font-size: 18px !important;
    margin-bottom: 0 !important;
    margin-top: 18px !important;
}

.sub-cus-form .wpcf7 form .wpcf7-response-output {
    border: none;
    margin: 4px 0;
    width: 87%;
    margin-left: auto;
}
/* 
.ss-cus .wpcf7-list-item-label {
    display: none;
} */

.our-story-wrapper .img-box img {
    width: 100%;
    height: 100%;
}

.mission-vision-wrapper .img-box {
    border-radius: 25px;
}

[dir=rtl] .slick-prev {
    left: auto;
}




.typewriter-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    overflow: hidden;
}

#typewriter-text {
    /* white-space: nowrap; */
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
    border-right: 2px solid rgb(255, 255, 255);
    /* Cursor effect */
    padding-right: 5px;
    animation: blink-cursor 0.8s infinite;
    transition: all 0.1s ease-in-out;
}

section.contactf-wrapper .wpcf7 form .wpcf7-response-output {
    padding: 8px;
    /* background: #f99c1d; */
    color: #dc3232!important;
    border: none;
    font-size: 20px;
    border-radius: 9px;
    border: 1px solid #dc3232!important;
}



@keyframes blink-cursor {
    50% {
        border-color: transparent;
    }
}

.typewriter-container h1 {
    white-space: nowrap;
    text-transform: capitalize;
    box-shadow: none;
        max-width: 100%;
}

.typewriter-container h1 span {
    font-weight: 800;
    font-size: 61px;
    line-height: 1.16;
    color: #FFFFFF;
}

.typewriter-container h1 span {
    color: white;
}

.fancybox-progress {
    background: var(--yellow);
}

.fancybox-thumbs__list a::before {
    border-color: var(--yellow);
}

.fancybox-button svg path {
    fill: var(--yellow);
}

.fancybox-slide--image .fancybox-content {
    overflow: hidden;
    border-radius: 25px;
}

@keyframes pulsate-bck-normal {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes up-down-normal {

    0%,
    100% {
        transform: translateY(0);

    }

    50% {
        transform: translateY(-20px);
    }
}


.navbar-expand-lg .navbar-nav .dropdown-menu.show {
    display: block;
}


.rm-cus .typewriter-container h1 span {
    color: var(--light-blue);
}

.rm-cus .typewriter-container {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 0px;
    overflow: hidden;
}

.areas-of-interest-list .wpcf7-list-item {
    margin: 4px 0 !important;
}

@media (max-width: 575px) {
    .areas-of-interest-list .wpcf7-list-item {
    width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .nav-item .dropdown-toggle {
        font-size: 14px;
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        right: 0px;
        cursor: pointer;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
    }

.nav-item.dropdown {
    position: relative;
}

header .navbar-nav .nav-item.dropdown {
    padding-right: 22px;
}

header .navbar-nav .dropdown-menu {
    position: fixed !important;
    display: none;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: auto;
    box-shadow: 0 10px 10px hsl(0deg 0% 0% / 25%);
    transition-duration: 0.3s;
    overflow: hidden;
}
}

@media (max-width: 1199px) {
    .navbar-light .navbar-nav .nav-link {
        display: inline-block;
    }

.nav-item .dropdown-toggle {
    float: right;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

.ss-cus .form-check a {
    text-decoration: underline;
    font-weight: 700;
}

.form-control{
    padding-right:60px;
}

.form-control.error {
    border: 2px solid #EB5252;
    background-image: url(../images/xmark.svg);
    background-repeat: no-repeat;
    /* background-position: 97% center; */
    background-position: right 30px center;
}

.form-control.complete {
    border: 2px solid #3AD365;
    background-image: url(../images/circle-check.svg);
    background-repeat: no-repeat;
    /* background-position: 97% center; */
    background-position: right 30px center;
}

iframe {
    border-radius: 25px;
}

.areas-of-interest-list h5.form-label {
    color: #000009;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 8px;
}
.areas-of-interest-list h5.form-label span {
    color: #EA3829;
}
.custom-img-fluid {
    height: 32px;
    width: 32px;
}

/* select2 css */

.select2-container--default .select2-selection--single{

    border-radius: 10px !important;
    padding: 11px 16px 10px 12px!important;
    background: var(--Color-Palette-Background-Navy, #E6E6ED) !important;
    border-bottom: 1px solid #9AD1FF !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0%;
    appearance: auto !important;
    height: auto !important;
    color: #6C6C6C;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%);
    right: 12px !important;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa !important; 
     border-top-left-radius: 4px !important; 
     border-top-right-radius: 4px !important;
    top: 36px;
}
.select2-results__option{
    padding: 8px 12px;
    font-size: 16px;
}

.select2-container--focus{
    background-color: light-dark(rgb(0, 94, 255), rgbrgba(0, 89, 255, 0.4)important);
}


.select2-container--default .select2-selection--single.form-control.error {
    border: 2px solid #EB5252  !important;
    background: url(../images/xmark.svg) #e6e6ed no-repeat right 35px center !important;
}
.select2-container--default .select2-selection--single.form-control.complete {
    border: 2px solid #3AD365  !important;
    background: url(../images/circle-check.svg) #e6e6ed no-repeat right 35px center !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #e6e6ed inset !important;
}   
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 4px !important;
    padding-right: 48px !important;
}

.selected-item {
    margin: 5px 0;
    padding: 8px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}

/* #wpcf7-f175-o3 .wpcf7-response-output {
    display: none;
} */
/* #wpcf7-f175-o3 .wpcf7-not-valid-tip {
    display: none !important;
} */

/* .footer .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
} */
/* .subscribe-form span.wpcf7-not-valid-tip {
    display: none !important;
} */

.gtranslate_wrapper select option[value=""] {
    display: none !important;
  }

.section-title .span {
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 31px;
    color: var(--yellow);
    text-transform: uppercase;
}

.error-message {
    color: red;
    font-size: 0.9em;
    display: none;
    margin-left: 10px;
  }

.ackdiv .wpcf7-list-item-label {
    margin: 0px;
    line-height: 1.2;
    font-size: 12px;
    color: var(--grey);
    font-family: var(--primary-font);
    font-weight: 400;
}
.ackdiv .wpcf7-list-item-label span {
    color: #EA3829;
}
.ackdiv .wpcf7-list-item{
    margin-left: -10px !important;
}
.ackdiv label{
    display: flex;
    align-items: center;
}
.whtsets .section-title{
    margin-bottom: 0 !important;
}







.gradient-animation {
    background: linear-gradient(80.03deg, #00024E, #038DFF);
    background-size: 200% 200%;
    animation: gradientMove 6s ease infinite;
    z-index: 1;
    }
    
    @keyframes gradientMove {
    0% {
    background-position: 0% 50%;
    }
    
    50% {
    background-position: 100% 50%;
    }
    
    100% {
    background-position: 0% 50%;
    }
    }
    
    
    
    .snowflake {
    position: absolute;
    top: -10px;
    color: white;
    font-size: 1em;
    user-select: none;
    pointer-events: none;
    animation: fall linear infinite;
    z-index: -1;
    }
    
    @keyframes fall {
    to {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
    }
    }
    
    
    .managed-listiing4 .listiing {
    
    padding-left: 45px;
    position: relative;
    }
    
    .managed-listiing4 .listiing::before {
    content: '\f058';
    position: absolute;
    color: var(--yellow);
    font-size: 32px;
    font-weight: 700;
    font-family: "Font Awesome 6 Free";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--light-blue);
    }
    
    .managed-listiing4 .row {
    margin-bottom: 36px;
    }
    
    .managed-listiing4 p {
    line-height: 1.4;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 20px;
    
    }

    #snow-section-1, #snow-section-2, #snow-section-3, #snow-section-4, #snow-section-5 {
        position: relative;
        z-index: 2;
    }
    
    .innerp2-banner h1.text-light-blue span {
        color: var(--light-blue);
    }
  
    .step-6 .img-s6-1 {
        left: 26px;
        top: -28px;
        animation: pulsate-bck-normal 3s linear 0s infinite normal none;
        filter: drop-shadow(0px 20px 40px #00000040);
    }
    
    .step-6 .img-s6-2 {
        right: 51px;
        top: -42px;
        animation: vibrate-3-normal 5s linear 0s infinite normal none;
        filter: drop-shadow(0px 20px 40px #00000040);
    }
    
    .step-6 .img-s6-3 {
        left: 24px;
        bottom: 5px;
    
    animation: up-down-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
    }
    
    .step-6 .img-s6-4 {
        right: -26px;
        max-width: 151px;
        bottom: 10px;
        filter: brightness(0) saturate(100%) invert(38%) sepia(36%) saturate(4037%) hue-rotate(192deg) brightness(103%) contrast(112%);
        animation-name: half-rotate;
        animation-timing-function: linear;
        animation-duration: 3s;
        animation-iteration-count: infinite;
    }
    
    .step-6 span {
        background-color: var(--blue);
        width: 97px;
        height: 97px;
        right: 10%;
        bottom: -2%;
        border-radius: 100%;
        z-index: -1;
        animation: scale-up-br-alternate-reverse 5s linear 0s infinite alternate-reverse both;
    }
    
    /* default.css: line : 3176 */
    .featuress-box .section-title span {
        font-size: 20px;
        text-transform: uppercase;
    }
    
    .email-features-wrapper .section-title h4 {
        max-width: 80%;
    }
    
    .thamesup,
    .thamesdown {
        position: relative;
        width: 60px;
        height: 60px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .thamesup::before,
    .thamesup:after,
    .thamesdown::before,
    .thamesdown::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0b934f;
        opacity: 0.2;
        border-radius: 50%;
        animation: ripple 3s linear infinite;
        z-index: -1;
    }
    
    .thamesdown::before,
    .thamesdown::after {
        background: #e3402d;
    }
    
    .thamesup::after,
    .thamesdown::after {
        animation-delay: 1s;
    }
    
    /* Keyframes for ripple animation */
    @keyframes ripple {
        0% {
            transform: scale(0);
            opacity: 0.2;
        }
    
    100% {
        transform: scale(2);
        opacity: 0;
    }
    }
    
    .thamesup img,
    .thamesdown img {
        animation: scale 3s linear infinite;
    }
    
    /* Keyframes for scale animation */
    @keyframes scale {
        0%,
        100% {
            transform: scale(0.8);
        
        }
        
        50% {
            transform: scale(1);
        
        }
    }
    
.step-5 .img-s5-4 {
    left: 0%;
    top: 0%;
    animation: pulsate-bck-normal 3s linear 0s infinite normal none;
    filter: drop-shadow(0px 20px 40px #00000040);
}
.email_leads .step-5 span {
    background-color: var(--blue);
    width: 97px;
    height: 97px;
    right: 10%;
    bottom: -2%;
    border-radius: 100%;
    z-index: -1;
    animation: scale-up-br-alternate-reverse 5s linear 0s infinite alternate-reverse both;
    left: unset;
    top: unset;
}

.email_leads .step-5 .img-s5-3 {
    right: -26px;
    max-width: 151px;
    bottom: 10px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(36%) saturate(4037%) hue-rotate(192deg) brightness(103%) contrast(112%);
    animation-name: half-rotate;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

 .wpcf7 form.resetting .wpcf7-response-output {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: var(--grey) !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none !important;
}
section.contactf-wrapper .wpcf7 form.sent .wpcf7-response-output {
    color: #46b450 !important;
    border: 1px solid #46b450 !important;
    padding: 15px;
    border-radius: 4px !important;
    font-size: 16px;
}