@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

/***** General CSS *****/

body {
    word-break: break-word;
    font: 15px/25px;
    color: #393939;
    font-family: 'Safiro Medium';
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #28b16d;
    white-space: initial;
    display: inline-block;
    font-family: 'Safiro Medium';
}

a:hover,
a:focus {
    text-decoration: none;
    color: #393939;
}

a:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select {
    background: #fff url('../images/arrow.png') no-repeat right;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

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

img {
    max-width: 100%
}


/***** Font Files *****/

@font-face {
    font-family: 'Fonts Awesome';
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Fonts Awesome';
    src: url(../fonts/fontawesome-webfont.eot);
}


@font-face {
    font-family: 'Safiro Medium';
    src: url(../fonts/Safiro\ Medium.otf);
}


/***** Custom Classes *****/

.noPadding {
    padding: 0;
}

.noLeft {
    padding-left: 0;
}

.noRight {
    padding-right: 0;
}

.mt-5 {
    margin-top: 50px;
}

.mb-5 {
    margin-bottom: 50px;
}

.mt-8 {
    margin-top: 80px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-2 {
    margin-top: 20px;
}

.pt-5 {
    padding-top: 50px;
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pb-4 {
    padding-bottom: 40px;
}

.pb-8 {
    padding-bottom: 80px;
}

.m-0 {
    margin: 0 !important;
}

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

.pt-8 {
    padding-top: 80px;
}

.pt-4 {
    padding-top: 40px;
}

.pt-3 {
    padding-top: 30px;
}

.pt-2 {
    padding-top: 20px;
}

.all-section {
    padding: 80px 0;
}

.centerCol {
    float: none;
    margin: 0 auto;
}

.d-flex {
    display: flex;
    align-items: center;
}

.over-flow-h {
    overflow: hidden;
}

.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.flexCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
}

h1 {
    font-family: 'Safiro Medium';
    font-size: 55px;
    line-height: 55px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h2 {
    font-family: 'Safiro Medium';
    font-size: 45px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h3 {
    font-family: 'Safiro Medium';
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    margin: 0 0 0px;
}

h4 {
    font-family: 'Safiro Medium';
    font-size: 22px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h5 {
    font-family: 'Safiro Medium';
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h6 {
    font-family: 'Safiro Medium';
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

p {
    color: #000;
    font-size: 15px;
    font-family: 'Safiro Medium';
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0px;
}



/*header css start */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #002846e8;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sidenav a {
    padding: 5px 8px 5px 30px;
    text-decoration: none;
    font-size: 30px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.menu-btn {
    position: relative;
    z-index: 10;
}

.menu-box {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: #002846;
    z-index: 9;
    display: none;
    justify-content: center;
}

.menu-btn {
    padding-right: 0px;
    background: #8cff13;
    color: #fff;
    padding-top: 4px;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-box>nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 3rem;
    position: relative;
    top: 50%;
    left: 42vw;
    transform: translateY(-50%);
}

.menu-box>nav a {
    font-size: 30px;
    color: white !important;
    text-transform: uppercase;
    line-height: 1;
    transition: 0.4s ease-in-out;
    position: relative;
    font-weight: bold;
}

/* menu-icon */

.menu-btn svg {
    width: 35px;
    height: 35px;
    padding-top: 5px;
}

.path1,
.path2 {
    stroke-dasharray: 104;
    stroke-dashoffset: -71;
    transition: 1s all ease;
}

.cross {
    stroke-dashoffset: 68;
    stroke: #002846;
}

.mline {
    stroke-dasharray: 41;
    stroke-dashoffset: -82;
    transition: 1s all ease;
}

.hide {
    stroke-dasharray: 43;
    stroke-dashoffset: 130;
}

/* menu-icon */


.nav-head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    gap: 15px;
}

.menuSec {
    padding: 15px 0;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: rgba(0, 40, 70, 0.71);
    border-bottom: 2px solid #193c56;
}

.menuSec img {
    margin: 0;
    height: 45px;
    object-fit:contain
}

.menuSec ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    text-transform: capitalize;
}

.menuSec ul li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.menuSec li ul {
    display: none;
}

.menuSec ul li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #393939;
    padding: 0px 9px;
    font-size: 25px;
    font-weight: 500;
}

.menuSec ul li a:after {
    /* content: ''; */
    /* position: absolute; */
    /* top: 35%; */
    /* right: 0; */
    /* width: 1px; */
    /* height: 13px; */
    /* background-color: #393939; */
}

.menuSec ul li:last-child a {
    padding-right: 0px;
}

.menuSec ul li:last-child a:after {
    display: none;
}

.menuSec ul li a:hover,
.menuSec ul li a.active {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    color: #28b16d;
}

.menuSec li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #000000;
    right: 0px;
    width: 230px;
    text-align: left;
    top: 38px;
}

.menuSec li>ul>li>a {
    border: none;
    padding: 13px 20px !important;
    color: #fff !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
    display: block;
    margin: 0;
}

.menuSec li>ul>li>a:before,
.menuSec li>ul>li>a:after {
    display: none;
}

.menuSec li:hover li {
    float: none;
}

.menuSec li:hover a {}

.menuSec li ul li a:hover {
    background-color: #ffffff;
    color: #000000 !important;
}

.menuSec ul ul ul {
    left: 100%;
    top: 0;
}

.menuSec ul:before,
.menuSec ul:after {
    content: " ";
    display: table;
}

.menuSec ul:after {
    clear: both;
}

.menuSec li>ul>li:hover>ul {
    left: 230px;
    top: 0px;
    width: 270px;
}

.droopdwon li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #000000;
    left: 0px;
    width: 230px;
    text-align: left;
    top: 40px;
}


.nav-head-a {
    background: #8cff13;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 700;
    color: #0b2f4a;
    border-radius: 5px;
}

.nav-head span i {
    background: #8cff13;
    color: #0b2f4a;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.droopdwon {
    float: left;
}

.droopdwon li:hover li a:hover {
    background-color: #ffffff;
    color: #000 !important;
}


/*header css start */


/*banner css start */

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%;
}

.inner-banner {
    height: 65vh;
}




.carousel-control.right,
.carousel-control.left {
    background: none;
    opacity: 1;
    width: 50px;
    height: 50px;
    top: initial;
    top: 40%;
    background: rgba(255, 255, 255, 0.1);
    text-shadow: none;
}

.carousel-control.right:hover,
.carousel-control.left:hover {
    background: rgba(255, 27, 27, 0.6);
    color: #fff;
}

.carousel-control.right .fa,
.carousel-control.left .fa {
    position: relative;
    top: 12px;
    font-size: 20px;
    color: #fff;
    opacity: 0.5;
}

.banner_text h1 span {
    color: #8cff13;
}

.play-btn a p {
    color: #fff;
}

.play-btn a img {
    animation: pulse-animation 2s infinite;
    border-radius: 50%;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px #193c56;
        ;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
    }
}

.play-btn a {
    display: flex;
    align-items: center;
    gap: 0px;
    margin-top: 25px;
    flex-direction: column;
}

.banner_text h1 {
    line-height: 50px;
    color: #fff;
}

.banner_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 92px;
}

.carousel-control.right {
    right: 0px;
}

.carousel-control.left {
    left: 0px;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 12px;
    padding: 0;
    margin: 3px !important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    /* transition: opacity 0.6s ease; */
    border-radius: 20px;
}

.w-100 {
    width: 100%;
}

.carousel-caption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, rgb(0 0 0 / 83%) 1%, rgb(0 0 0 / 23%) 43%, rgb(0 0 0 / 85%) 100%);
}

.carousel-inner {
    height: 100vh;
}

.carousel-caption.inner-banner {
    background: linear-gradient(180deg, rgba(1, 35, 61, 0.918) 50%, rgba(1, 35, 61, 0.856) 60%, rgb(1, 35, 61) 100%);
}


.carousel-indicators li {
    border: none;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #fff;
    width: 12px;
    height: 12px;
    margin: 0;
}

.carousel-indicators .active {
    margin: 0;
    background-color: #28b16d;
    width: 10px;
    height: 12px;
}

.inner-baner.banner_text h2 {
    font-size: 60px;
    text-transform: capitalize;
    color: #fff;
}

.inner-baner.banner_text {
    display: flex;
    align-items: flex-start;
    margin-top: 50px;
}

.banner_text p {
    color: #fff;
    font-size: 20px;
}


/*banner css end*/


/* all-in-sec  start*/

.all-in-sec {
    padding-bottom: 100px;
    margin-top: 100px;
    position: relative;
}


.new-all-sec {
    padding-bottom: 100px;
    margin-top: 100px;
    position: relative;
}

.new-all-sec::before {
    content: '';
    left: 0;
    bottom: 0;
    background: url(../images/instustry-5.png) no-repeat;
    object-fit: contain;
    width: 250px;
    height: 250px;
    background-size: cover;
    position: absolute;
}

.all-in-text.wow.slideInLeft h4 {
    margin-top: 15px;
    color: #002846;
}


.all-in-sec::before {
    content: '';
    left: 0;
    bottom: 0;
    background: url(../images/all-in-before.png) no-repeat;
    object-fit: contain;
    width: 250px;
    height: 250px;
    background-size: cover;
    position: absolute;
}

.all-in-heading h2 {
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #002846;
}

.all-in-text h3 {
    font-size: 35px;
    color: #002846;
    font-weight: 500;
    margin-bottom: 15px;
}

.new-oneall-in-text h2 {
    font-size: 30px;
    color: #fff !important;
}

.new-oneall-in-text h3 {
    text-align: center;
    font-size: 25px;
    color: #fff !important;
}

.all-in-text h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #002846;
    font-size: 14px;
}

.all-in-text p {
    color: #002846;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.all-in-text ul {
    margin-top: 25px;
    margin-bottom: 25px;
    background: #8cff13;
    width: fit-content;
    border-radius: 10px;
    padding: 25px 25px 15px 25px;
}

.all-in-text ul li i {
    font-size: 20px;
}

.all-in-text ul li p {
    font-size: 16px;
}

.all-in-text ul li {
    color: #0b2f4a;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.all-in-text a:hover {
    background: #002846;
    color: #8cff13;
    font-weight: 400;
    transition: ease-out;
    transition-duration: 0.2s;
}

.all-in-text a {
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 700;
    color: #0b2f4a;
    border-radius: 5px;
    transition: ease-in;
    background: #8cff13;
    transition-duration: 0.2s;
}

.all-in-img {
    position: relative;
}

.all-in-main-before-img {
    top: -30px;
    right: -70px;
    position: absolute;
    border-radius: 15px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.rating-box {
    position: absolute;
    bottom: 25px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.685) 0%, rgba(255, 255, 255, 0.678) 80%, rgba(0, 0, 0, 0.24) 100%);
    padding: 20px 25px;
    backdrop-filter: blur(7px);
    left: -180px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -7px;
    border: 1px solid #fff;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.star p {
    color: #fff;
    font-family: "Montserrat", system-ui;
}

.star i {
    color: #fff;
    font-size: 12px;
}

.star {
    position: relative;
    background: #1e1717;
    border-radius: 27px;
    display: flex;
    gap: 5px;
    top: -35px;
    right: -45px;
    padding: 3px 12px;
    height: fit-content;
    align-items: center;
}

.item-inlinep {
    color: #535259;
    padding: 3px 15px;
    background: #ddff7b;
    font-size: 12px;
    border-radius: 20px;
}

.item-inline {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.locatio p {
    color: gray;
    font-family: "Montserrat", system-ui;
    font-weight: 400 !important;
}

.locatio i {
    color: gray;
    font-size: 12px;
}

.locatio {
    display: flex;
    align-items: center;
    gap: 5px;
}

.rating-box h4 i {
    color: #1f8fff;
    font-size: 20px;
    margin-bottom: 2px;
}

.rating-box h4 {
    font-family: "Montserrat", system-ui;
    font-size: 25px;
    font-weight: 600;
}

.img-box-show {
    box-shadow: 60px 60px 81px -62px;
    border-radius: 10px;
}

/* all-in-sec end */
.progress {
    width: 200px;
    height: 200px;
    font-size: 30px;
    color: #8cff13;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    text-align: center;
    line-height: 200px;
    margin: 20px
}

.progress1::after {
    content: "X";
    color: #002846;
    position: relative;
    top: 0;
    right: 80px;
    font-size: 40px;
    z-index: 999;
}

.progress2::after {
    content: "%";
    color: #002846;
    position: absolute;
    top: 0;
    right: 50px;
    font-size: 35px;
    z-index: 999;
}

.progress3::after {
    content: "%";
    color: #002846;
    position: absolute;
    top: 0;
    right: 50px;
    font-size: 35px;
    z-index: 999;
}

.progress4::after {
    content: "°";
    color: #002846;
    position: relative;
    top: -8px;
    right: 56px;
    font-size: 40px;
    z-index: 999;
}

.progress .title {
    position: relative;
    z-index: 100;
    font-size: 42px;
    width: 100%;
    color: #002846;
}

.progress .overlay {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #ffffff
}

.progress .left,
.progress .right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 10px solid #8cff13;
    border-radius: 100px 0px 0px 100px;
    border-right: 0;
    transform-origin: right;
}

.progress.animate .left {
    animation: load1 1s linear forwards;
}

.progress.animate:nth-of-type(2) .right,
.progress.animate:nth-of-type(3) .right {
    animation: load2 .5s linear forwards 1s;
}

.progress.animate:last-of-type .right,
.progress.animate:first-of-type .right {
    animation: load3 .8s linear forwards 1s;
}

.progess-tex-box {
    gap: 10px;
    display: flex;
    padding: 25px;
    margin-top: 25px;
    min-height: 525px;
    position: relative;
    text-align: center;
    align-items: center;
    border-radius: 10px;
    background: #002846;
    flex-direction: column;
}

.progess-tex-box h4 {
    color: #68e807;
    height: 50px;
    font-size: 18px;
}

.styleyishbottom {
    padding-bottom: 200px !important;
}

.progess-tex-box p {
    color: #fff;
    position: relative;
}

.progess-tex-box::before {
    right: 0;
    bottom: 0;
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    background: url(../images/service-box-after.png) no-repeat;
}

@keyframes load1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes load2 {
    0% {
        z-index: 100;
        transform: rotate(180deg);
    }

    100% {
        z-index: 100;
        transform: rotate(270deg);
    }
}

@keyframes load3 {
    0% {
        z-index: 100;
        transform: rotate(180deg);
    }

    100% {
        z-index: 100;
        transform: rotate(360deg);
    }
}


/* Top border */
.bar-top {
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
}

/* Right border */
.bar-right {
    top: 0;
    right: 0;
    width: 4px;
    height: 0;
}

/* Bottom border */
.bar-bottom {
    bottom: 0;
    right: 0;
    width: 0;
    height: 4px;
}

/* Left border */
.bar-left {
    bottom: 0;
    left: 0;
    width: 4px;
    height: 0;
}

.progress-percent {
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 50px;
}

.progress-container p {
    position: absolute;
    top: 110%;
}

/* launch-sec start */

.launch-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background: #002846;
}

.launch-sec::before {
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 426px;
    height: 220px;
    background: url(../images/launch-before.png)no-repeat;
    background-size: cover;
}

.launch-text {
    margin-left: 50px;
}

.launch-text h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}

.launch-text h5 {
    font-weight: 400;
    color: #8cff13;
    margin-bottom: 10px;
    font-size: 14px;
}

.launch-text p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.launch-text a:hover {
    color: #8cff13;
    background: #002846;
    transition: ease-out;
    transition-duration: 0.2s;
}

.launch-text a {
    background: #8cff13;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 700;
    color: #0b2f4a;
    border-radius: 5px;
    transition: ease-in;
    transition-duration: 0.2s;
}

.launch-text ul {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 25px 25px 15px 25px;
    width: max-content;
    border-radius: 10px;
    background: #649396;
}

.launch-text ul li i {
    color: #8cff13;
    font-size: 20px;
}

.launch-text ul li p {
    font-size: 16px;
}

.launch-text ul li {
    color: #fff;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.launch-img-box {
    position: relative;
}

img.launch1 {
    box-shadow: 60px 60px 81px -62px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img.launch2 {
    position: absolute;
    top: 50px;
    right: -40px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

img.launch4 {
    position: absolute;
    top: 15px;
    left: -75px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

img.launch3 {
    position: absolute;
    bottom: -20px;
    left: 9%;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}


/* launch-sec end */


/* view-sec end */

.view-sec {
    padding-top: 100px;
    padding-bottom: 150px;
    background: #8cff13;
    position: relative;
}

.view-sec::before {
    content: '';
    position: absolute;
    width: 114vw;
    height: 100px;
    background: url(../images/view-before.png);
    bottom: 0;
    left: 0;
    background-repeat: repeat;
    background-size: cover;
}

.view-text h3 {
    ont-size: 35px;
    color: #002846;
    font-weight: 500;
    margin-bottom: 15px;
}

.view-text h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #002846;
    font-size: 14px;
}

.view-text p {
    color: #002846;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.view-text a {
    background: #0b2f4a;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 500;
    color: #8cff13;
    border-radius: 5px;
}

.view-text ul {
    margin-top: 25px;
    margin-bottom: 25px;
    background: #ffffff57;
    width: fit-content;
    border-radius: 10px;
    padding: 25px 25px 15px 25px;
}

.view-text ul li {
    color: #0b2f4a;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.view-text ul li p {
    font-size: 16px;
}

.view-text ul li i {
    font-size: 20px;
}

.view-img-box {
    position: relative;
}

img.view-1 {
    height: 400px;
    width: 100%;
    margin-top: 25px;
    object-fit: cover;
    object-position: 100% 3%;
    border-radius: 30px;
}

img.view-3 {
    position: absolute;
    left: -100px;
    bottom: -30px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    border-radius: 25px;
}

img.view-2 {
    position: absolute;
    right: -70px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    border-radius: 15px;
}
img.view-2.view {
    position: absolute;
    right: -70px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    border-radius: 15px;
    width:40%;
}
.launch, .four_img{
    box-shadow:none !important;
}
.launch + img {
    width: 40%;
}
/* view-sec end */


/* Brand Slider Start */

.brand-sec {
    padding-bottom: 150px;
    padding-top: 100px;
    position: relative;
    background: #ffffff;
}

/* .brand-sec::before {
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 290px;
    height: 160px;
    background: url(../images/launch-before.png) no-repeat;
    background-size: cover;
} */

.sec-head {
    text-align: center;
    margin-bottom: 50px;
}

.sec-head h2 {
    font-size: 60px;
    text-transform: lowercase;
    color: #002846;
}

.sec-head h2 span {
    font-size: 60px;
    color: #002846;
    text-transform: capitalize;
}

img.br-4 {
    height: auto;
    margin-top: 10px;
}

.brand-slider .slick-slide {
    opacity: 1;
}

.brand-imag {
    display: flex;
    align-items: center;
    height: 120px;
}

.brand-slider img:hover {
    filter: none;
}

.brand-slider img {
    width: auto;
    height: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    object-fit: contain !important;
    justify-content: center;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(72deg) brightness(99%) contrast(99%); */
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(245deg) brightness(102%) contrast(108%); */
}

/* Brand Slider End */


/* team-work-sec */

.team-work-sec {
    padding-top: 100px;
    padding-bottom: 210px;
    position: relative;
}

.team-work-sec::before {
    bottom: 0;
    content: '';
    width: 500px;
    right: -130px;
    height: 200px;
    position: absolute;
    background-size: contain !important;
    background: url(../images/margenii-before.png) no-repeat;
}

.Team-box {
    height: 500px;
    padding: 10px;
    margin-bottom: 25px;
    background: #8cff13;
    display: flex;
    align-items: flex-end;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
    /* Combines duration and timing function */
}

.team-heading {
    text-align: center;
    margin-bottom: 50px;
}

.team-heading h2 {
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #002846;
}

.team-heading p {
    width: 80%;
    color: #0b2f4a;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
}

.Team-box h3 {
    height: 30px;
    color: #002846;
    font-weight: 600;
    font-size: 30px;
    transition: height 0.9s ease;
}

.Team-box h3 span {
    overflow: hidden;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    opacity: 0;
    transition: opacity 0.5s ease;
    /* Transitioning only opacity */
}

.Team-box:hover h3 {
    height: 100%;
    transition: height 0.9s ease-out;
}

.Team-box:hover h3 span {
    opacity: 1;
}

.be-a-genlius-box {
    padding: 10px;
    height: 275px;
    margin-bottom: 25px;
    background: #092846;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

.be-a-genlius-box h3 {
    height: 30px;
    color: #ffff;
    font-weight: 600;
    width: 37%;
    font-size: 30px;
    transition: width 0.9s ease-out, height 0.9s ease;
    /* Combined transitions */
    margin-left: auto;
}

.be-a-genlius-box:hover h3 {
    height: 100%;
    width: 100%;
    transition: width 0.9s ease-out, height 0.9s ease-out;
    /* Combined transitions */
}

.be-a-genlius-box:hover h3 span {
    opacity: 1;
}

.be-a-genlius-box h3 span {
    font-weight: 300;
    overflow: hidden;
    font-size: 20px;
    line-height: 25px;
    opacity: 0;
    transition: opacity 0.5s ease;
    /* Transitioning only opacity */
}

.solution-box {
    padding: 10px;
    height: 200px;
    display: flex;
    margin-bottom: 25px;
    align-items: flex-end;
    background: #649396;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

.solution-box h3 {
    width: 58%;
    height: 30px;
    color: #ffff;
    font-size: 30px;
    font-weight: 600;
    margin-left: auto;
    transition: width 0.9s ease-out, height 0.9s ease;
}

.solution-box:hover h3 {
    height: 100%;
    width: 100%;
    transition: width 0.9s ease-out, height 0.9s ease-out;
    /* Combined transitions */
}

.solution-box:hover h3 span {
    opacity: 1;
}

.solution-box h3 span {
    overflow: hidden;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    opacity: 0;
    transition: opacity 0.5s ease;
    /* Transitioning only opacity */
}

.work-life-box {
    height: 175px;
    padding: 10px;
    margin-bottom: 25px;
    background: #e6ffff;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
    /* Combines duration and timing function */
}

.work-life-box h3 {
    height: 30px;
    color: #002846;
    font-weight: 600;
    font-size: 30px;
    transition: height 0.9s ease;
}

.work-life-box h3 span {
    overflow: hidden;
    font-size: 25px;
    line-height: 25px;
    opacity: 0;
    font-weight: 300;
    transition: opacity 0.5s ease;
    /* Transitioning only opacity */
}

.work-life-box:hover h3 {
    height: 100%;
    transition: height 0.9s ease-out;
}

.work-life-box:hover h3 span {
    opacity: 1;
}

.prioritise-box {
    height: 700px;
    padding: 10px;
    margin-bottom: 25px;
    background: #ffffff;
    border: 1px solid #082846;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
    /* Combines duration and timing function */
}

.prioritise-box h3 {
    height: 70px;
    color: #002846;
    font-weight: 600;
    font-size: 30px;
    transition: height 0.9s ease;
}

.prioritise-box h3 span {
    overflow: hidden;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    opacity: 0;
    transition: opacity 0.5s ease;
    /* Transitioning only opacity */
}

.prioritise-box:hover h3 {
    height: 100%;
    transition: height 0.9s ease-out;
}

.prioritise-box:hover h3 span {
    opacity: 1;
}

/* team-work-sec */

/* industry-sec start */

.industry-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.industry-sec::before {
    left: 0px;
    bottom: 0px;
    content: '';
    width: 200px;
    height: 230px;
    position: absolute;
    background-size: cover;
    background: url(../images/main-instustry-before.png)no-repeat;
}

.new-industrySec::before {
    left: 0px;
    bottom: 0px;
    content: '';
    width: 200px;
    height: 230px;
    position: absolute;
    background-size: cover;
    background: url(../images/instustry-5.png)no-repeat;
}

.industry-img-box {
    position: relative;
    height: 500px;
}

img.industry-img-1 {
    position: absolute;
    bottom: 0;
    right: 40px;
    z-index: 2;
    height: 530px;
    width: auto;
    object-fit: cover;
}

.industry-img-box::before {
    right: 0px;
    bottom: 0px;
    content: '';
    width: 300px;
    height: 260px;
    z-index: 1;
    position: absolute;
    background-size: contain;
    background: url(../images/instustry-before.png)no-repeat;
}

.industry-img-box::after {
    right: 0;
    bottom: 0;
    width: 75%;
    height: 92%;
    content: '';
    z-index: 0;
    position: absolute;
    background: #8cff13;
}

img.industry-img-3 {
    position: absolute;
    right: 40px;
    bottom: 10px;
    z-index: 3;
    border-radius: 15px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

img.industry-img-2 {
    position: relative;
    left: 20px;
    z-index: 4;
    top: 55px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    border-radius: 15px;
    width: 45%;
}

.industry-text h3 {
    font-size: 45px;
    margin-bottom: 25px;
    position: relative;
    color: #002846;
    font-weight: 500;
    padding-bottom: 25px;
}

.bg-new-all-sec {
    background: #002846;
    padding-top: 100px;
    margin-top: 0px;
}

.new-industry-text h3 {
    font-size: 28px;
}

.new-industry-text h3 b {
    font-size: 45px;
    margin-bottom: 15px;
}

.industry-text h3::before {
    height: 2px;
    width: 60vw;
    content: '';
    position: absolute;
    bottom: 0;
    right: 10%;
    background: #f0f2f4;
}

.industry-text p {
    color: #33536b;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}

.industry-text ul {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-content: flex-end;
    align-items: flex-start;
    margin-top: 25px;
    margin-bottom: 25px;
    background: #8cff13;
    width: fit-content;
    border-radius: 10px;
    padding: 25px 25px 15px 25px;
}

.industry-text a:hover {
    background: #0b2f4a;
    color: #8cff13;
    font-weight: 500;
    transition: ease-out;
    transition-duration: 0.3s;
}

.industry-text a {
    color: #002846;
    padding: 14px 35px;
    font-size: 14px;
    font-weight: 700;
    background: #8cff13;
    border-radius: 5px;
    transition: ease-in;
    transition-duration: 0.3s;
}

.industry-text ul li {
    display: flex;
    width: 49%;
    align-items: center;
    margin-bottom: 15px;
}

.industry-text ul li i {
    font-size: 20px;
    color: #002846;
}

.industry-text ul li p {
    color: #000;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 0px;
}

.industry-img-inner-box {
    position: relative;
    height: 500px;
}

.industry-img-inner-box::before {
    right: 0px;
    bottom: 0px;
    content: '';
    width: 300px;
    height: 260px;
    z-index: 1;
    position: absolute;
    background-size: contain;
    background: url(../images/instustry-before.png)no-repeat;
}

.industry-img-inner-box::after {
    right: 0;
    bottom: 0;
    width: 70%;
    height: 92%;
    content: '';
    z-index: 0;
    position: absolute;
    background: #8cff13;
}

img.industry-innner-img-1 {
    position: absolute;
    bottom: 0;
    right: -15px;
    z-index: 2;
    height: 630px;
    width: auto;
    object-fit: cover;
}

img.industry-innner-img-2 {
    position: relative;
    left: 95px;
    z-index: 4;
    top: 43px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    border-radius: 15px;
}


.inside-margenii-sec {
    padding-top: 2px;
    padding-bottom: 10px;
    background: #8cff13;
    position: relative;
}

.newinside-margenii-sec {
    padding-top: 2px;
    padding-bottom: 10px;
    background: #8cff13;
    position: relative;
}

.about4-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.about4-sec::before {
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 426px;
    height: 220px;
    background: url(../images/launch-before.png) no-repeat;
    background-size: cover;
}

.about2-heading {
    margin-bottom: 25px;
}

.about2-heading h2 {
    margin-bottom: 15px;
    text-align: center;
    color: #002846;
}

.about2-heading p {
    text-align: center;
    margin: 0 auto;
    color: #33536b;
    width: 72%;
}

.newinside-margenii-sec::before {
    width: 350px;
    height: 350px;
    bottom: 0;
    right: 0;
    background-size: contain;
    content: '';
    position: absolute;
    background: url(../images/about2-before.png) no-repeat;
}

.box-craeer {
    background: #8cff13;
    padding: 25px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-items: center;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 25px;
}

.box-craeer:hover h5 {
    color: #fff;
    transition: ease-out;
    transition-duration: 0.2s;
}

.box-craeer:hover h6 {
    color: #fff;
    transition: ease-out;
    transition-duration: 0.2s;
}

.box-craeer:hover span p {
    color: #fff;
    transition: ease-out;
    transition-duration: 0.2s;
}

.box-craeer:hover span i {
    color: #fff;
    transition: ease-out;
    transition-duration: 0.2s;
}

.box-craeer:hover a {
    background: #002846;
    border: 1px solid;
    color: #8cff13;
    transition: ease-out;
    font-weight: 400;
    transition-duration: 0.2s;
}

.box-craeer:hover {
    background: #002846;
    transition: ease-out;
    border: 1px solid #8cff13;
    transition-duration: 0.2s;
    box-shadow: 0 1px 9px 1px #0028468c;
}

.box-craeer:hover::before {
    width: 145px;
    bottom: 0;
    right: 0;
    content: '';
    height: 154px;
    position: absolute;
    transition: ease-out;
    transition-duration: 0.2s;
    background: url(../images/service-box-after.png);
}

.box-craeer h5 {
    color: #002742;
    font-size: 20px;
}

.box-craeer h6 {
    color: #002742;
    font-size: 18px;
}

.box-craeer a {
    color: #002846;
    padding: 14px 35px;
    font-size: 14px;
    border: 1px solid;
    font-weight: 700;
    background: #8cff13;
    border-radius: 5px;
    transition: ease-in;
    transition-duration: 0.3s;
}

.box-craeer span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.box-craeer span i {
    color: #002742;
}

.box-craeer span p {
    color: #002742;
}

.box-craeer::before {
    width: 140px;
    bottom: 0;
    right: 0;
    content: '';
    position: absolute;
    height: 140px;
    background: url(../images/service-box-before.png) no-repeat;

}

.inside-margenii-sec::before {
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 426px;
    height: 220px;
    background: url(../images/margenii-before.png) no-repeat;
    background-size: cover;
}

.inside-margenii-text {
    margin-top: 5px;
}

.industry-inner-img-box {
    position: relative;
    height: 500px;
}

.industry-inner-img-box::before {
    right: 100px;
    bottom: 0px;
    content: '';
    width: 300px;
    height: 260px;
    z-index: 1;
    position: absolute;
    background-size: contain;
    background: url(../images/margenii-innner-before.png) no-repeat;
}

.industry-inner-img-box::after {
    right: 100px;
    bottom: 0;
    width: 85%;
    height: 92%;
    content: '';
    z-index: 0;
    position: absolute;
    background: #fff;
}

.peer-box {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-top: 25px;
    flex-direction: column;
}

img.industry2-inner-img-1 {
    position: absolute;
    top: -65px;
    left: 0;
    z-index: 9;
}

img.industry2-inner-img-2 {
    position: relative;
    left: -80px;
    z-index: 11;
    top: 85px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    border-radius: 15px;
}

img.industry2-inner-img-3 {
    position: absolute;
    right: 140px;
    bottom: 0px;
    z-index: 10;
    border-radius: 15px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.inside-margenii-text h2 {
    color: #002846;
    margin-bottom: 15px;
}

.inside-margenii-text p {
    color: #1c533c;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.peer-text h4 {
    font-size: 21px;
    color: #002846;
    margin-bottom: 15px;
    font-weight: 600;
}

.qoute-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 14px;
}

.qoute-box h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.qoute-box img {
    margin-bottom: 25px;
}

.qoute-box p {
    color: #fff;
    font-size: 30px;
    margin-bottom: 15px;
}

.peer-text p {
    width: 80%;
}

/*industry-sec End */


/* plan-sec css */

.plan-sec {
    padding-bottom: 60px;
    position: relative;
    padding-top: 130px;
    background: #002846;
}

.plan-heading h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

.plan-heading h2 span {
    color: #8cff13;
}

.plan-heading p {
    text-align: center;
    width: 60%;
    font-size: 14px;
    color: #ccd4da;
    font-weight: 200 !important;
    margin: 0 auto;
}


.basic-plan-box {
    width: 90%;
    margin-top: 50px;
    padding-top: 70px;
    position: relative;
    padding-left: 25px;
    text-align: center;
    padding-right: 25px;
    transition: ease-in;
    padding-bottom: 60px;
    transition-duration: 0.4s;
    border: 1px solid #8cff13;
}

.basic-plan-box::before {
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    width: 140px;
    height: 140px;
    background-size: contain;
    background: url(../images/plan-before.png)no-repeat;
}

.basic-plan-box h6 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px;
}

.basic-plan-box p {
    color: #b3bfc8;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.price-box span {
    color: #8cff13;
    font-size: 60px;
}

.price-box h4 {
    letter-spacing: 5px;
    color: #99a9b5;
}

.price-box h2 {
    font-size: 100px;
    color: #fff;
}

.price-box {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 0;
}

.basic-plan-box a {
    width: 200px;
    padding: 14px 2px;
    border-radius: 5px;
    background: #8cff13;
    color: #002846;
    text-align: center;
    font-weight: 600;
}

.basic-plan-box ul {
    margin-top: 35px;
    margin-bottom: 35px;
}

.basic-plan-box ul li {
    color: #fff;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.basic-plan-box ul li i {
    color: #8cff13;
    font-size: 20px;
}

.basic-plan-box ul li p {
    font-size: 15px;
    margin: 0;
    color: #fff;
}

.basic-plan-box:hover {
    background: #8cff13;
    transform: scale(1.03);
    transition: ease-out;
    transition-duration: 0.4s;
}

.basic-plan-box:hover a {
    background: #002846;
    color: #8cff13;
    font-weight: 500;
}

.basic-plan-box:hover::before {
    width: 149px;
    height: 149px;
    background: url(../images/plan-after.png)no-repeat;
}

.basic-plan-box:hover p {
    color: #002846 !important;
    font-weight: 600;
}

.basic-plan-box:hover i {
    color: #002846;
}

.basic-plan-box:hover h2 {
    color: #002846;
}

.basic-plan-box:hover h4 {
    color: #002846;
}

.basic-plan-box:hover span {
    color: #002846;
}

.basic-plan-box:hover h6 {
    color: #002846;
}


/* plan-sec css */


/* contact page css */

.contact-sec input {
    width: 100%;
    height: 50px;
    border: 0;
    padding-left: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #002846;
    border: 1px solid #fff;
    border-radius: 6px;
    background: #fff;
}

.contact-sec input::placeholder,
.contact-sec textarea::placeholder {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Montserrat", system-ui;
}

.contact-sec textarea::placeholder {
    transform: translateY(100px);
}

.contact-sec textarea {
    width: 100%;
    height: 150px;
    border: 0;
    margin-bottom: 30px;
    color: #002846;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 16px;
    background: #ffffff;
    border: 1px solid #fff;
    border-radius: 6px;
}

.contact-sec form {
    margin-top: 40px;
}

.contact-sec {
    padding: 80px 0;
    position: relative;
    background: #002846;
}

.contact-sec::before {
    content: '';
    width: 394px;
    height: 390px;
    bottom: 0;
    right: 0;
    position: absolute;
    background: url(../images/quarter-circles.svg)no-repeat;
}

.contact-wraps button {
    margin: 0 auto;
}

.contact-wraps {
    position: relative;
}

.whatapp-box {
    /*position: absolute;*/
    /*bottom: 0px;*/
    /*right: 15px;*/
    display: flex;
    align-items: center;
    gap: 15px;
}

.form_buttons {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.whatapp-box2 {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.whatapp-box2 a p {
    color: #8cff13;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.whatapp-box a p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.whatapp-box2 a i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #8cff13;
    display: flex;
    color: #002846;
    font-size: 30px;
    align-items: center;
    justify-content: center;
}

.whatapp-box a i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #8cff13;
    display: flex;
    color: #002846;
    font-size: 30px;
    align-items: center;
    justify-content: center;
}


.theme_btn:hover {
    background: #0b2f4a;
    color: #8cff13;
    transition: ease-out;
    font-weight: 400;
    transition-duration: 0.2s;
}

.theme_btn {
    background: #8cff13;
    padding: 15px 38px;
    font-size: 14px;
    font-weight: 600;
    color: #0b2f4a;
    border: none;
    border-radius: 5px;
    transition: ease-in;
    transition-duration: 0.2s;
}


.top-heading h2 {
    font-size: 45px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.top-heading p {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}



/* end  */

/*footer-sec End */


.footerSec {
    background: #8cff13;
    padding-bottom: 50px;
    padding-top: 100px;
}

.footer-contact img {
    margin-bottom: 25px;
}

.footer-contact h6 {
    margin-top: 25px;
    color: #002846;
    font-weight: 600;
}

.footer-contact p {
    position: relative !important;
    width: 40%;
    color: #002846;
    font-weight: 600;
}

.foot-links h5 {
    font-size: 30px;
    margin-bottom: 25px;
}

.foot-links ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    align-items: center;
    justify-content: space-between;
}

.foot-links ul li a i {
    font-size: 10px;
}

.foot-links ul li {
    position: relative;
    text-align: left;
    margin-bottom: 11px;
}

.foot-links a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #002846;
    padding: 0;
    font-weight: 700;
    font-size: 16px;
}

.foot-links li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #002846;
    left: 0px;
    width: 230px;
    text-align: left;
    top: 10px;
}

.foot-links .submenu {
    list-style-type: none;
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
}

.foot-links .submenu li {
    margin: 5px 0;

}

.foot-links .submenu li a {
    color: #8cff13;
    font-weight: 400;
}

.foot-links li ul {
    display: none;
}

.copy-right {
    position: relative;
}

.copy-right p {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #002846;
    font-weight: 600;
}

/*footer-sec End */


@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-20px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}

/*about-sec End */


.about-sec {
    padding-top: 100px;
    padding-bottom: 150px;
    position: relative;
    background: #002846;
}

/* .about3-sec {
    padding-top: 100px;
    padding-bottom: 150px;
    position: relative;
    background: #8cff13;
} */

.about2-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #002846;
    position: relative;
}

img.about2-img {
    margin-left: -25px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about2-sec::before {
    width: 350px;
    height: 350px;
    bottom: 0;
    right: 0;
    background-size: contain;
    content: '';
    position: absolute;
    background: url(../images/about2-before.png)no-repeat;
}

.about-text2 p {
    color: #ccd4da !important;
}


.about-sec::before {
    width: 260px;
    height: 260px;
    top: 0;
    right: 0;
    background-size: contain;
    content: '';
    position: absolute;
    background: url(../images/about-before.png)no-repeat;
}


.about-img {
    position: relative;
    height: 400px;
    margin-left: -25%;
}

img.about-person {
    width: 100%;
    position: absolute;
    top: -25px;
}


img.about-img {
    position: absolute;
    width: 251px;
    height: 123px;
    left: 0;
    bottom: -69px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    right: 190px;
    margin: auto;
}


.about-text h2 {
    font-size: 50px;
    color: #fff;

}

.about-text hr {
    background: #193d58;
    width: 95%;
}

.about-text h2 span {
    color: #8cff13;
}

.about-text p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 15px;
}


/*about-sec End */


/* inner-about-sec */


.box-prduct:hover {
    background: #011f36;
    border: 1px solid #8cff13;
    transition: ease-out;
    transition-duration: 0.4s;
}

.box-prduct:hover h5 {
    color: #8cff13;
    font-weight: 400;
    transition: ease-out;
    transition-duration: 0.4s;
}

.box-prduct:hover h3 {
    color: #8cff13;
    transition: ease-out;
    transition-duration: 0.4s;
}

.box-prduct:hover p {
    color: #8cff13;
    font-weight: 400;
    transition: ease-out;
    transition-duration: 0.4s;
}

.box-prduct {
    background: #8cff13;
    padding: 25px;
    border-radius: 5px;
    min-height: 290px;
    display: flex;
    margin-bottom: 25px;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #8cff13;
    transition: ease-in;
    transition-duration: 0.4s;
}

.box-prduct h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #002846;
    font-size: 14px;
}

.box-prduct h3 {
    font-size: 35px;
    color: #002846;
    font-weight: 500;
    margin-bottom: 15px;
}

.box-prduct p {
    color: #002846;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

/* inner-about-sec */

/*talent-sec End */

.talent-sec {
    padding-top: 150px;
    background: #002846;
}

.talent-img-box {
    position: relative;
    text-align: center;

}

img.talent-bg {
    width: 80%;
    height: 452px;
    object-fit: cover;
    text-align: center;
}

img.talent-main {
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    width: 55%;
    object-fit: cover;
}

img.talent-1 {
    position: absolute;
    left: 15%;
    bottom: 100px;
    object-fit: cover;
    width: auto;
    height: auto;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.talent-text {
    position: relative;
    z-index: 99;
}

img.talent-3 {
    position: absolute;
    top: -50px;
    right: 10%;
    width: auto;
    height: auto;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

img.talent-2 {
    position: absolute;
    right: 21%;
    bottom: 39%;
    width: auto;
    height: auto;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}


img.talent-main.left-side-two {
    left: 200px;
}

img.talent-1.left-side-three {
    left: 25%;
}

img.talent-bg.left-side-one {
    margin-left: 200px;
}

img.talent-2.left-side-four {
    right: 11%;
}

img.talent-3.left-side-five {
    right: 10px;
}

.talent-text h2 {
    color: #fff;
    margin-bottom: 15px;
}

.talent-text p {
    color: #ccd4da;
    margin-bottom: 15px;

}

.talent-text a {
    color: #002846;
    padding: 14px 35px;
    font-size: 14px;
    margin-bottom: 15px;
    border: 1px solid;
    font-weight: 700;
    background: #8cff13;
    border-radius: 5px;
    transition: ease-in;
    transition-duration: 0.3s;
}

.talent-text a:hover {
    background: #002846;
    border: 1px solid;
    color: #8cff13;
    transition: ease-out;
    font-weight: 400;
    transition-duration: 0.2s;
}

/*talent-sec End */


/* industry-solutions-count */

.industry-solutions-count {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.industry-solutions-count::before {
    left: 0px;
    bottom: 0px;
    content: '';
    width: 200px;
    height: 230px;
    position: absolute;
    background-size: cover;
    background: url(../images/main-instustry-before.png)no-repeat;
}

.industry-solutions-count-heading h2 {
    margin-bottom: 15px;
    text-align: center;
    color: #002846;
}

.industry-solutions-count-heading p {
    text-align: center;
    margin: 0 auto;
    color: #002846;
    width: 72%;
}

.review-slider .slick-dots li button:before {
    color: #ffffff;
}

.counter-box p {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 12px;
}

.counting {
    position: absolute;
    right: -20px;
    background: white;
    color: #002846;
    font-size: 60px;
    top: -25px;
    padding: 10px 15px;
}

.mt5 {
    margin: 50px;
}

.counter-box {
    margin-top: 50px;
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 3px solid #8cff13;
}

/* industry-solutions-count */


/* blog-sec */

.blog-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background: #002846;
}

.blog-detail-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background: #002846;
}

.blog-detail-sec::before {
    top: 0;
    right: 0;
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    background-size: contain;
    background: url(../images/blog-detail-before.png)no-repeat;
}

.blog-sec::before {
    top: 0;
    right: 0;
    content: '';
    width: 240px;
    height: 240px;
    position: absolute;
    background-size: contain;
    background: url(../images/blogbefore.png)no-repeat;
}

.blog-text {
    border-left: 1px solid #8cff13;
    padding: 15px;
    border-right: 1px solid #8cff13;
    border-bottom: 1px solid #214158;
}

.blog-text h4 {
    color: #ffff;
}

.blog-text p {
    color: #8c9eac;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.blog-date2 {
    display: flex;
    gap: 10px;
}

.blog-date {
    display: flex;
    border-bottom: 1px solid #8cff13;
    border-left: 1px solid #8cff13;
    padding: 15px;
    border-right: 1px solid #8cff13;
    justify-content: space-between;
}

.blog-detail p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
}

.blog-date p {
    color: #8cff13;
    display: flex;
    gap: 4px;
    font-size: 14px;
    align-items: baseline;
}

.blog-date2 p {
    color: #8cff13;
    display: flex;
    gap: 4px;
    font-size: 14px;
    margin-top: 10px;
}

.blog-detail h4 {
    margin-top: 35px;
    color: #fff;
}

.blog-date2 p i {
    font-size: 10px;
    margin-top: 5px;
}

.blog-date p i {
    font-size: 10px;
}

.blog-heading {
    margin-bottom: 50px;
}

.blog-heading h2 span {
    color: #8cff13;
}

.blog-heading h2 {
    color: #ffff;
    text-align: center;
    margin-bottom: 15px;
}

.blog-box {
    margin-bottom: 25px;
}

.blog-box img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.blog-heading p {
    color: #ccd4da;
    width: 70%;
    text-align: center;
    margin: 0 auto;
}

.blog-title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8cff13;
    border-left: 1px solid #8cff13;
    padding: 35px 25px 45px;
    border-right: 1px solid #8cff13;
}

.new-blog-title {
    display: flex;
    justify-content: space-between;
    padding: 35px 0px 0px 0px;
}

.new-blog-title h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}

.blog-title h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
}

.blog-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: 100% 10%;
    border-radius: 15px 15px 0px 0px;
}

/* blog-sec */


/* service-detail-sec */


.service-detail-sec {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #002846;
}

.service-detail-sec::before {
    top: 0;
    right: 0;
    content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    background: url(../images/service-detail-before.png)no-repeat;
}

.service-detail-img {
    height: 550px;
    width: 95%;
}

.service-detail-text {
    margin-bottom: 60px;
}

.service-detail-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.service-detail-text h2 {
    color: #fff;
    margin-bottom: 15px;
}

.service-detail-text p {
    margin-bottom: 15px;
    color: #b3bfc8;
    font-size: 14px;
}

.service-list {
    margin-top: 25px;
}

.service-list ul li i {
    color: #8cff13;
    margin-top: 10px;
    font-size: 20px;
}

.service-list ul li p b {
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    font-weight: 200;
}

.service-list ul li p {
    margin: 0;
    font-size: 14px;
    color: #ffffff;

}

.service-list ul li {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    margin-bottom: 15px;
}

.ssevice-list-img {
    position: relative;
}


.service-detal-text-bottom {
    margin-top: 15px;
    margin-bottom: 40px;
}

.service-detal-text-bottom h4 {
    margin-top: 10px;
}

.service-detal-text-bottom p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 5px;
}

.new-service-text {
    background: #002846;
}

section.service.service-bg.pt-8.pb-8 {
    background: #fff;
}

.testi-box p span {
    font-size: 12px;
}

ul.about-page-service li i {
    margin-top: 3px;
}

ul.about-page-service li {
    align-items: flex-start !important;
}

.testi-slider .slick-current .testi-box .service-text.new-service-text h4 {
    color: #011f36;
}

.testi-slider .slick-current .testi-box .service-text.new-service-text {
    border: none;
    background: #8cff13;
}

/* service-detail-sec */


/*service */

.service {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #002846;
    position: relative;
}

.service::before {
    left: 0px;
    bottom: 0px;
    content: '';
    width: 180px;
    height: 170px;
    position: absolute;
    background-size: cover;
    background: url(../images/service-before.png) no-repeat;
}

.service-text {
    padding: 50px 25px;
    position: relative;
    min-height: 375px;
    border-bottom: 1px solid #8cff13;
    border-right: 1px solid #8cff13;
    border-left: 1px solid #8cff13;
}

.service-text h4 {
    color: #8cff13;
    font-size: 26px;
    height: 50px;
    margin-bottom: 5px;
}

.service-text::before {
    width: 140px;
    bottom: 0;
    right: 0;
    content: '';
    position: absolute;
    height: 140px;
    background: url(../images/service-box-after.png);
}

.service-text ul li i {
    color: #8cff13;
    margin-top: 3px;
}

.service-text a i {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.service-text a {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    bottom: 35px;
}

.testi-box::before {
    position: absolute;
    content: "";
    background-image: url(../images/quote-back.png);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    z-index: -1;
    background-repeat: no-repeat;
}

.client-img-box {
    display: flex;
    align-items: center;
    padding: 10px;

}

.testi-box p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.testi-slider .slick-active {
    opacity: 1;
}

.testi-slider .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
}



.testi-slider .slick-current {
    opacity: 1;
    /* border: solid; */
    /* padding: 16px; */
    /* background: #7e2dba; */
    /* border-radius: 20px; */
}

.testi-slider .slick-current .testi-box::before {
    opacity: 0;
}

.testi-slider .slick-current .testi-box .service-text h4 {
    color: #000000;
}

.testi-slider .slick-current .testi-box {
    background: #8cff13;
}

.testi-slider .slick-current .testi-box .service-text::before {
    width: 145px;
    bottom: 0;
    right: 0;
    content: '';
    position: absolute;
    height: 154px;
    background: url(../images/service-box-before.png) no-repeat;
}

.testi-slider .slick-track {
    display: flex;
}

.testi-slider .slick-current .testi-box p {
    color: #002846;
    font-weight: 600;
}

.test-head h2 {
    color: #fff;
    margin-bottom: 25px;
}

section.service hr {
    background: #193d58;
    height: 2px;
}

.test-head h2 span {
    color: #8cff13;
}

.testi-box img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.testi-slider .slick-current .testi-box .service-text {
    border: none;
}

.testi-slider .slick-current .testi-box .service-text ul li i {
    color: #002846;
}

/* .testi-slider.slick-initialized.slick-slider {
    width: 85vw;
} */

.testi-slider .slick-current .testi-box .service-text a i {
    color: #002846;

}

.service-text ul li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.service-text ul {
    margin-top: 25px;
    margin-bottom: 25px;
    height: 150px;
    overflow-y: scroll;
}

.testi-slider .slick-current .testi-box .service-text ul::-webkit-scrollbar {
    height: 20px;
    width: 7px;
    border-radius: 10px;
    background: #002846 !important;
    /* width of the entire scrollbar */
}

.testi-slider .slick-current .testi-box .service-text ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #002846 !important;
    /* color of the tracking area */
}

.testi-slider .slick-current .testi-box .service-text ul::-webkit-scrollbar-thumb {
    background-color: #8cff13;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 1px solid #002846;
    /* creates padding around scroll thumb */
}

.service-text ul::-webkit-scrollbar {
    width: 7px;
    background: #fff;
    height: 20px;
    border-radius: 10px;
    /* width of the entire scrollbar */
}

.new-bar-height ul {
    height: 65px !important;
}

.service-text ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #8cff13;
    /* color of the tracking area */
}

.service-text ul::-webkit-scrollbar-thumb {
    background-color: #002846;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 1px solid #8cff13;
    /* creates padding around scroll thumb */
}

.testi-slider .slick-current .testi-box .service-text a p {
    color: #002846;
    font-size: 18px;
    font-weight: 600;
}


.testi-slider .slick-current .testi-box h5 {
    color: #fff;
}

.testi-slider .slick-current .cli-img {
    border: 2px solid #fff;
}

.testi-slider .slick-next:before {
    content: '\f0da';
    font-family: 'Font Awesome 6 Pro';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    font-weight: 600;
    border: 1px solid #8cff13;
    border-radius: 10px;
    color: #8cff13 !important;
    opacity: 1 !important;
}

.testi-slider .slick-next:hover::before {
    height: 50px;
    width: 50px;
    background: #68e807;
    color: #fff !important;
}

.testi-slider .slick-next {
    right: 4%;
    top: -18%;
    bottom: auto;
}

.testi-slider .slick-prev:hover::before {
    height: 50px;
    width: 50px;
    background: #68e807;
    color: #fff !important;
}

.testi-slider .slick-prev:before {
    content: '\f0d9';
    font-family: 'Font Awesome 6 Pro';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    font-weight: 600;
    border: 1px solid #8cff13;
    border-radius: 10px;
    color: #8cff13 !important;
    opacity: 1 !important;
}

.testi-slider .slick-prev:hover {
    top: -19%;
}

.testi-slider .slick-next:hover {
    top: -19%;
}


.testi-slider .slick-prev {
    right: 8%;
    top: -18%;
    bottom: auto;
    left: auto;
}

/* service */

/* contact-sec inner */

.contact2-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background: #002846;
}

.contact2-sec::before {
    right: 0px;
    bottom: 0px;
    content: '';
    width: 300px;
    height: 260px;
    z-index: 0;
    position: absolute;
    background-size: contain;
    background: url(../images/instustry-before.png) no-repeat;
}

.contact2-sec.cccontact_sec::before {
    background: url(../images/quarter-circles.svg) no-repeat !important;
    content: '';
    width: 394px;
    height: 390px;
    bottom: 0;
    right: 0;
    position: absolute;
}

.contact-box {
    background: #011f36;
    padding: 50px 45px 25px;
    position: relative;
}

.contact-detail h5 {
    color: #5f6367;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.contact-detail p {
    color: #5f6367;
    font-weight: 500;
    width: 85%;
}

.contact-detail h3 {
    color: #fff;
    font-size: 30px;
    width: 85%;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.contact-input2 {
    position: relative;
}


.contact-input2 input {
    width: 100%;
    height: 50px;
    border: 0;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #b2b6b9;
    background: transparent;
    border: 1px solid #1b364a;
}

.contact-input2 input::placeholder,
.contact-input2 textarea::placeholder {
    font-size: 12px;
    color: #b2b6b9;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Montserrat", system-ui;
}


.new0font-size {
    font-size: 20px !important;
}

.contact-input2 textarea {
    width: 100%;
    height: 80px;
    border: 0;
    color: #b2b6b9;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 14px;
    background: transparent;
    border: 1px solid #1b364a;
}

.text-center2 {
    position: absolute;
    right: 25px;
    bottom: -15px;
}

.phone-box {
    display: flex;
    gap: 25px;
    border-right: 2px solid;
    padding: 55px 0px 30px;
    align-items: center;
}

.phone-box i {
    font-size: 40px;
    color: #fff;
}

.phone-box p {
    color: #5f6367;
    font-size: 16px;
    font-weight: 600;
}

.flex-line {
    display: flex;
    gap: 5px;
    flex-direction: column;
    flex-wrap: nowrap;
}

.phone-box2 i {
    font-size: 40px;
    color: #fff;
}

.phone-box2 p {
    color: #5f6367;
    font-size: 16px;
    font-weight: 500;
}

.phone-box2 {
    display: flex;
    gap: 25px;
    height: 100%;
    align-items: center;
    border-right: 2px solid;
    margin-left: 15px;
    padding-right: 20px;
    padding-left: 10px;
    margin-right: 15px;
}

.phone-box3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    gap: 25px;
}

.phone-box3 p {
    color: #5f6367;
    font-size: 16px;
    font-weight: 600;
}

.phone-box3 i {
    font-size: 40px;
    color: #fff;
}


/* contact-sec inner */



/*  product-page inner */

.product-features-sec {
    padding-top: 100px;
    padding-bottom: 200px;
    background: #002846;
    position: relative;
}

.product-features-sec::before {
    width: 350px;
    height: 350px;
    bottom: 0;
    right: 0;
    background-size: contain;
    content: '';
    position: absolute;
    background: url(../images/about2-before.png) no-repeat;
}


.product-page {
    padding-top: 100px;
    background: #8cff13;
    margin-top: 0px !important;
}


.product-features-img-box {
    position: relative;
    margin-top: 25px;
}

.product-features-card1 {
    top: 60px;
    left: -19%;
    width: 270px;
    padding: 15px;
    height: auto;
    position: absolute;
    text-align: center;
    background: #8cff13;
    background-size: cover;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.product-features-img-box-inside-box {
    background: #e5ffff;
    margin-bottom: 15px;
    padding: 11px 10px;
    border: 1px solid #002846;
    width: 100%;
}

.product-features-card2 {
    position: absolute;
    bottom: -7%;
    width: 270px;
    text-align: center;
    height: auto;
    left: -4%;
    padding: 25px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    background: #8cff13;
}

.product-features-card3 {
    position: absolute;
    bottom: -12%;
    width: 400px;
    text-align: center;
    height: auto;
    right: 0;
    left: 0;
    margin: auto;
    padding: 25px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    background: #8cff13;
}

.product-features-card4 {
    position: absolute;
    top: 65px;
    width: 270px;
    text-align: center;
    height: auto;
    right: -17%;
    padding: 25px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    background: #8cff13;
}

.product-features-card1 h3 {
    font-size: 22px;
    padding-bottom: 5px;
    margin-top: 25px;
}

.product-features-card2 h3 {
    font-size: 22px;
    padding-bottom: 5px;
    margin-top: 25px;
}

.product-features-card3 h3 {
    font-size: 22px;
    padding-bottom: 5px;
    margin-top: 25px;
}


.product-features-card4 h3 {
    font-size: 22px;
    padding-bottom: 5px;
    margin-top: 25px;
}

.product-features-card1 p {
    font-size: 12px;
    color: #0b2f4a;
    font-weight: 600;
}

.product-features-card2 p {
    font-size: 12px;
    color: #0b2f4a;
    font-weight: 600;
}

.product-features-card3 p {
    font-size: 12px;
    color: #0b2f4a;
    font-weight: 600;
}

.product-features-card4 p {
    font-size: 12px;
    color: #0b2f4a;
    font-weight: 600;
}


.product-features-img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-features-card1 img {
    height: 60px;
    width: 60px;
    top: -52px;
    right: 1px;
    position: relative;
}

.product-features-card2 img {
    height: 60px;
    width: 60px;
    top: -52px;
    right: 1px;
    position: relative;
}

.product-features-card3 img {
    height: 60px;
    width: 60px;
    top: -52px;
    right: 1px;
    position: relative;
}

.product-features-card4 img {
    height: 60px;
    width: 60px;
    top: -52px;
    right: 1px;
    position: relative;
}

.product-features-heading h2 {
    text-align: center;
    margin-bottom: 5px;
    color: #fff;
}


.product-features-heading {
    margin-bottom: 40px;
}

.product-features-heading p {
    width: 80%;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
}

.product-how-heading h2 {
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;
}

.product-how-heading h4 {
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;
}


.product-how-heading {
    margin-bottom: 40px;
}

.product-how-heading p {
    width: 80%;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
}

.center-line {
    position: relative;
}

.center-line::before {
    content: '';
    background: #ccd4da;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    position: absolute;
}


/*  product-page inner */



/*  how it work inner */


section.how-it-sec {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

section.how-it-sec::before {
    position: absolute;
    content: '';
    height: 157px;
    width: 298px;
    bottom: -1px;
    right: 0;
    background-size: contain !important;
    background: url(../images/launch-before.png) no-repeat;
}

.work-box i {
    font-size: 12px;
    position: relative;
    color: #ffffff;
}

.work-box i::before {
    width: 30px;
    height: 30px;
    top: 7px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #ffffff;
    position: absolute;
    align-items: center;
    justify-content: center;
}

.work-box2 i::before {
    width: 30px;
    height: 30px;
    top: -7px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #ffffff;
    position: absolute;
    align-items: center;
    justify-content: center;
}

.work-box2 i {
    position: relative;
    font-size: 12px;
    color: #ffffff;
}

.work-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    height: 430px;
    gap: 50px;
}

.work-box2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    height: 434px;
    gap: 50px;
    justify-content: flex-end;
}

.how-img {
    border: 7px solid #000;
    border-radius: 5px;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    box-shadow: 4px 5px 11px 1px;
}

.who-text {
    text-align: center;
}

.who-text h4 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 5px;
}

.who-text p {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #ffffff;
}

.how-link {
    background: #fff !important;
}

/*  how it work inner */

/* add css */

.talent-text ul {
    margin-top: 25px;
    margin-bottom: 25px;
    position: absolute;
    top: 95%;
    /* margin-left: -25px; */
}

.talent-text ul li i {
    color: #8cff13;
    font-size: 16px;
}

.talent-text ul li p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 300;
}

.talent-text ul li {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

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

.carousel-caption.inner-banner {
    background: linear-gradient(180deg, rgb(1 35 61 / 79%) 50%, rgb(1 35 61 / 75%) 60%, rgb(1 35 61 / 87%) 100%);
    height: 65vh;
}

.inner-carousel {
    height: 65vh;
}

.circle {
    width: 200px;
    margin: 6px 20px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;

    strong {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 45px;
        font-size: 43px;
    }
}

img.img-fluid.w-100 {
    height: 65vh;
    object-fit: cover;
}

/* add css */

.play-btn svg {
    width: 70px;
}

.ul_style3 {
    background-color: #649396;
}

ul.ul_style3 li i {
    color: #8cff13;
}

ul.ul_style3 li p {
    color: #8cff13;
    margin: 0 0 0 4px;
}

ul.ul_style3 {
    background: #002846;
}

.scale {
    animation: zoom-in-zoom-out 4s infinite 3s;
    display: inline-block;
    margin-left: 13px;
}

.scale1 {
    animation: zoom-in-zoom-out 4s infinite 3s;
    display: inline-block;
    margin: 0 12px;
}

/* Keyframes for the zoom in zoom out animation */
@keyframes zoom-in-zoom-out {

    /* At the beginning of the animation */
    0% {
        /* Scale the element to its original size */
        transform: scale(1, 1);
    }

    /* At the middle of the animation */
    50% {
        /* Scale the element to 1.5 times its original size */
        transform: scale(1.5, 1.5);
        color: #649396;
    }

    /* At the end of the animation */
    100% {
        /* Scale the element back to its original size */
        transform: scale(1, 1);
    }
}


.cccontact_sec .contact-wraps h2 {
    color: #fff !important;
    margin-bottom: 25px;
}

.cccontact_sec .contact-wraps input {
    height: 50px;
    width: 100%;
    border: 0;
    padding-left: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #002846;
    background: #ffffff;
    /* border: 1px solid #8cff13; */
    color: #002846;
    border-radius: 6px;
}

.cccontact_sec .contact-wraps textarea {
    width: 100%;
    color: #fff;
    height: 150px;
    border: 0;
    margin-bottom: 30px;
    color: #002846;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 16px;
    background: #ffffff;
    /* border: 1px solid #8cff13; */
    border-radius: 6px;
}

.contact-sec label {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.cccontact_sec .contact-wraps input::placeholder {
    color: #fff;
}

.cccontact_sec .contact-wraps textarea::placeholder {
    color: #fff;
}

.cccontact_sec .whatapp-box a p {
    color: #8cff13;
}

.cccontact_sec label {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.blue {
    background-color: #002846;
}

.green {
    background-color: #8cff13;
}

.loader-bar.blue h4 {
    font-weight: 600;
    height: fit-content;
    text-transform: capitalize;
    width: 90%;
    margin: 20px auto;
    text-align: center;
}

.loader-bar.blue {
    min-height: 500px;
    padding: 20px 10px;
    border-radius: 7px;
    margin: 50px 0;
}

.loader_image img {
    padding: 0 0px;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    margin: 0 0 21px 0;
    height: 310px;
    width: 100%;
    padding: 0;
    object-position: center;
    border-radius: 0px;
}

.flip-card-inner {
    position: relative;
    height: 100%;
}

.flip-card1:hover .flip-card-back h3 {
    color: white;
}

.flip-card1:hover .flip-card-back p {
    color: white;
}

.flip-card-inner.flip-card-inner1::before {
    transition: 0.5s ease-in-out;
    background: linear-gradient(180deg, rgba(9, 40, 70, 1) 0%, #ffffffa8 61%, rgba(9, 40, 70, 1) 96%);
}

.flip-card-inner.flip-card-inner2::before {
    transition: 0.5s ease-in-out;
    background: linear-gradient(180deg, #649396e3 20%, #ffffffa8 61%, #649396e3 86%);
    z-index: 1;
}


.flip-card-inner.flip-card-inner3::before {
    transition: 0.5s ease-in-out;
    background: linear-gradient(180deg, #e6ffff 0%, #ffffffa8 61%, #e6ffff 86%);
}

.flip-card-inner.flip-card-inner.flip-card-inner4::before {
    transition: 0.5s ease-in-out;
    background: linear-gradient(180deg, #ffffffa3 0%, #fff 61%, #ffffffa3 86%);
}

.flip-card-inner::before {
    position: absolute;
    top: 0;
    transition: 0.5s ease-in-out;
    left: 0%;
    width: 100%;
    border-radius: 0;
    height: 100%;
    background: linear-gradient(180deg, #8cff13 0%, #ffffffa8 61%, #8cff13 96%);
    content: '';
    z-index: 1;
}

.flip-card {
    position: relative;
    width: 20%;
    height: 360px;
    perspective: 1000px;
    border-radius: 10px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-front img {
    height: 100%;
    object-fit: cover;
}

.flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
}

.flip-card:hover::before {
    opacity: 0;
    display: none;
    transition: 0.5s ease-in-out;
}

.flip-card-front h3 {
    position: absolute;
    top: 50%;
    z-index: 99999999;
    text-align: center;
    font-size: 17px;
    display: block;
    width: 100%;
}

.flip-card:hover .flip-card-inner::before {
    opacity: 0;
    display: none;
    transition: 0.5s ease-in-out;
}


.flip-card-back {
    background: #8cff13 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
}

.flip-card-back1 {
    background: #092846 !important;
}

.flip-card-back2 {
    background: #649396 !important;

}

.flip-card-back3 {
    background: #e6ffff !important;

}

.flip-card-back4 {
    background: #fff !important;

}

.flip-card-back1 {}

.loader-bar.blue p {
    width: 90%;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.career_slider .slick-slide {
    opacity: 1;
}

.career_slider .slick-prev:before {
    color: #8cff13;
}

.career_slider .slick-next:before {
    color: #8cff13;
}


/* Txt Animation */
@keyframes animationgradienttitle {
    0% {
        background-position: 0 1600px;
    }

    100% {
        background-position: 1600px 0;
    }
}

.c-article {
    margin-top: 10rem;
    text-align: center;
}

.c-article__header {
    position: relative;
}

.c-article__title {
    font-family: 'Safiro Medium';
    font-size: 16px;
    color: #fc3735;
    background: -webkit-linear-gradient(left, #8cff13, #fff, #8cff13);
    background-size: 1600px 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-duration: 3s;
    animation-name: animationgradienttitle;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

.c-article__title1 {
    font-family: 'Safiro Medium';
    font-size: 16px;
    color: #fc3735;
    background: -webkit-linear-gradient(left, #ffffff, #8cff13, #ffffff);
    background-size: 1600px 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-duration: 3s;
    animation-name: animationgradienttitle;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

.basic-plan-box:hover p.c-article__title {
    background: -webkit-linear-gradient(left, #002846, #649396, #002846);
    background-size: 1600px 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-duration: 3s;
    animation-name: animationgradienttitle;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;

}

.recognition_sec {
    padding-top: 80px !important;
}

.u-font-lora {
    font-family: 'Safiro Medium';
    font-size: 1.5em;
    font-weight: 700;
}

.slider-sec {
    width: 100%;
}

.review-slider .slick-active {
    opacity: 1;
}

.talent-text-h {
    height: 280px;
}

img.talent-main.new-talent-main-1 {
    left: 200px;
}

img.talent-1.new-talent-1 {
    left: 21%;
}

img.talent-2.new-talent-2 {
    right: 11%;
}

img.talent-3.new-talent-3 {
    right: 0%;
}

.industry-inne-img-box {
    margin-top: 25px;
    margin-bottom: 25px;
}

img.talent-bg.new-talent-bg1 {
    width: 69%;
    margin-left: 200px;
    height: 417px;
    object-fit: cover;
    text-align: center;
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(92deg) brightness(107%) contrast(100%);
}

.review-box {
    padding: 15px;
    position: relative;
    display: flex;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.review-sec {
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    background: #ffffff;
}

.glass-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.review-sec::before {
    left: 0px;
    bottom: 0px;
    content: '';
    width: 200px;
    height: 230px;
    position: absolute;
    background-size: cover;
    background: url(../images/instustry-5.png) no-repeat;
}

.review-box h4 {
    font-size: 35px;
    margin-bottom: 15px;
    color: #ffffff;
}

.star2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.star2 i {
    color: #8cff13;
    font-size: 20px;
}

.review-box p {
    color: #ffffff;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
}

.glass-box h5 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
}

.glass-box h3 {
    color: #8cff13;
    font-size: 30px;
    text-transform: uppercase;
}

.glass-box a {
    color: #8cff13;
    font-size: 16px;
    text-transform: capitalize;
}

.changebg-img-color {
    filter: brightness(0) saturate(100%) invert(12%) sepia(57%) saturate(1490%) hue-rotate(175deg) brightness(96%) contrast(104%);
}

.change-sec-talent-color {
    background: #8cff13;
}

section.about4-sec.green {
    background: #002742;
}

.col-change-text-andheac {
    color: #fff !important;
}


.new-talent-txt h2 {
    color: #002742;
}

.new-talent-txt p {
    font-size: 17px;
    color: #002742;
}

.new-talent-txt ul li p {
    font-size: 17px;
    color: #002742;
}

.new-talent-txt ul li i {
    color: #002742;
}


.popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
    width: 80%;
    padding: 20px;
    max-width: 500px;
    margin: 15% auto;
    position: relative;
    border: 1px solid #888;
    background-color: white;
}

.close {
    color: #000000;
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    top: -5px;
    right: 8px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

section.old-how-it-sec {
    padding-bottom: 200px;
    padding-top: 100px;
    background: #002846;
    position: relative;
}

.old-how-it-sec::before {
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 426px;
    height: 220px;
    background: url(../images/launch-before.png) no-repeat;
    background-size: cover;
}

.award-img {
    width: 100%;
    height: 220px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
    padding-right: 30px;
}

.Recognitions h2 {
    text-align: center;
    margin-bottom: 15px;
    color: #0b2f4a;
}

.Recognitions p {
    width: 80%;
    color: #0b2f4a;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
}

.award-img img {
    width: 100%;
    height: auto;
}

section.talent-sec.new-tlent-sec {
    padding-bottom: 100px;
    padding-top: 100px;
}

.new-tlent-sec {
    position: relative;
}

.new-tlent-sec::before {
    bottom: 0;
    left: 0;
    content: '';
    width: 330px;
    height: 330px;
    position: absolute;
    background-size: cover !important;
    filter: brightness(0) saturate(100%) invert(94%) sepia(83%) saturate(6888%) hue-rotate(30deg) brightness(105%) contrast(105%);
    background: url(../images/all-in-before.png)no-repeat;
}


.middle-img {
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.middle-img img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 0px;
}

.blog-box a {
    width: 100%;
}

/*Media Query Start*/
@media only screen and (min-width: 1451px) and (max-width: 1599px) {
    .industry-sec::before {
        width: 160px;
        height: 170px;
    }

    .all-in-sec::before {
        width: 200px;
        height: 200px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1450px) {
    .industry-sec::before {
        left: 0px;
        bottom: 0px;
        content: '';
        width: 170px;
        height: 110px;
        position: absolute;
        background-size: cover;
        background: url(../images/main-instustry-before.png) no-repeat;
    }

    .all-in-sec::before {
        content: '';
        left: 0;
        bottom: 0;
        background: url(../images/all-in-before.png) no-repeat;
        object-fit: contain;
        width: 140px;
        height: 130px;
        background-size: cover;
        position: absolute;
    }
}

@media only screen and (min-width: 1291) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1290px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    
    .nav-head-a {
        font-size: 12px;
        padding:10px 15px;
        
    }
}


/*Media Query End*/

.basic-plan-box small {
    color: #fff;
}

.basic-plan-box:hover small {
    color: #002846;
}

.home_page .all-in-text .c-article__title1 {
    /*background: -webkit-linear-gradient(left, #649396, #002846);*/
    background: -webkit-linear-gradient(left, #002846, #649396);
    background-size: 1600px 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.carousel-item video {
    height: 100%;
    object-fit: cover;
}

.main_slider .carousel-item {
    height: 100%;
}

/* Main Circle */
.main-circle {
    width: 220px;
    height: 220px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
    position: relative;
    font-weight: bold;
    transition: ease-out;
    transition-duration: 0.5s;
    color: black;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.main-circle::before {
    content: '';
    position: absolute;
    top: -2.5%;
    border-style: dashed;
    width: 105%;
    border-radius: 50%;
    height: 105%;
    z-index: 0;
    left: -2.5%;
    border-width: 2px;
    border-color: #8cff13;
}

.main-circle .icon {
    margin-bottom: 10px;
}

.main-circle .icon img {
    height: 80px;
}

/* Text inside the main circle */
.main-circle .text {
    font-size: 16px;
    color: #013a61;
}

/* Small Circles */
.small-circles {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    /* The diameter for the circle layout */
    height: 300px;
    /* The diameter for the circle layout */
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.circle-box-h {
    display: flex;
    align-items: center;
    min-height: 500px;
    justify-content: center;
}

.circle {
    width: 110px;
    height: 110px;
    border-width: 2px;
    border-color: #8cff13;
    background-color: #639395;
    border-style: dashed;
    border-radius: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: white;
    opacity: 0;
    transform: scale(0);
    animation: none;
}

.circle .text {
    padding: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
}

.op-0 {
    opacity: 0 !important;
}

img.img-box-shw {
    position: absolute;
    height: 400px;
    width: 100%;
    object-fit: contain;
}

/* Circular positioning of the small circles using trigonometry */

.circle:nth-child(1) {
    top: -70px;
    left: -11%;
    transform: translate(-28%, -100%) scale(0);
}

.circle:nth-child(2) {
    top: -70px;
    right: -11%;
    transform: translate(-50%, -50%) scale(0);
}

.circle:nth-child(3) {
    top: 28%;
    left: 87%;
    transform: translate(-50%, -50%) scale(0);
}

.circle:nth-child(4) {
    bottom: -30%;
    left: 60%;
    transform: translate(-50%, -0%) scale(0);
}

.circle:nth-child(5) {
    top: 29%;
    left: -37%;
    transform: translate(-50%, -50%) scale(0);
}

.circle:nth-child(6) {
    bottom: -30%;
    left: -20px;
    transform: translate(-50%, -50%) scale(0);
}

/* Hover animation */
.main-circle:hover {
    background: #8cff13;
    transition: ease-in;
    transition-duration: 0.5s;
}

.main-circle:hover .circle:nth-child(1) {
    animation: appear 0.5s ease-out forwards;
    animation-delay: 0.1s;
}

.main-circle:hover .circle:nth-child(2) {
    animation: appear 0.5s ease-out forwards;
    animation-delay: 0.2s;
}

.main-circle:hover .circle:nth-child(3) {
    animation: appear 0.5s ease-out forwards;
    animation-delay: 0.3s;
}

.main-circle:hover .circle:nth-child(4) {
    animation: appear 0.5s ease-out forwards;
    animation-delay: 0.4s;
}

.main-circle:hover .circle:nth-child(5) {
    animation: appear 0.5s ease-out forwards;
    animation-delay: 0.5s;
}

.main-circle:hover .circle:nth-child(6) {
    animation: appear 0.5s ease-out forwards;
    animation-delay: 0.6s;
}

/* Animation Keyframes */
@keyframes appear {
    0% {
        transform: scale(0);
        opacity: 0;
    }

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

.history-slider h4 span {
    font-size: 15px;
    line-height: 20px;
    display: block;
    text-transform: uppercase;
}

.history-slider h4 {
    font-size: 29px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #000;
}

.history-slider h6 {
    font-size: 19px;
    font-weight: 600;
    position: relative;
    font-family: 'Montserrat';
    color: #000;
    z-index: 9;
}

/* .history-slider ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
} */

.history-slider:before {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 100%;
    height: 12px;
    top: 50%;
    z-index: -2;
    box-shadow: 0px 0px 10px -5px;
}

.history-slider::after {
    position: absolute;
    content: '';
    background: #8cff13;
    width: 28%;
    border-radius: 10px;
    height: 12px;
    top: 50%;
    z-index: -1;
    box-shadow: 0px 0px 10px -5px;
}

.his-box {
    display: grid;
    gap: 70px;
    text-align: center;
    height: 230px;
    align-content: space-between;
}

.history-slider img {
    height: 40px;
    width: auto;
    object-fit: contain;
    margin: auto;
}

.his-img {
    box-shadow: inset 0 0 78px #000;
    width: 700px;
    height: 700px;
    position: relative;
    background-color: #178f69;
    border-radius: 50%;
    position: absolute;
    bottom: -40px;
    z-index: -1;
    left: -240px;
}

.his-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

img.his-6 {
    position: absolute;
    bottom: -100px;
    height: 900px;
    width: auto;
    left: 12%;
    z-index: -1;
}

.his-box:before {
    position: absolute;
    content: '';
    background: transparent;
    width: 1px;
    height: 60px;
    border: 1px dashed #ccc;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 21%;
}

.his-box {
    position: relative;
}

.his-box:after {
    position: absolute;
    content: '';
    background: #8cff13;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 42%;
    border: 2px solid #ffffff;
    outline: 1px solid #8cff13;
    outline-style: dashed;
}

.history-slider .slick-slide {
    opacity: 1;
    margin: 20px;
}

.his-box.his-box2:before {
    bottom: 120px;
}

.history-slider .slick-slide.slick-current.slick-active .his-box * {
    color: #8cff13;
}

.history-slider .slick-slide.slick-current.slick-active .his-box h6 {
    color: #000;
}

.px-10 {
    padding: 50px 5% 80px;
}


/* end */