p,label,h1,h2,h3,h4,h5,h6,ul,ol{margin: 0;padding: 0;list-style: none;}
.banner-custom {
    background: url(../images/banner-top.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 729px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.Transforming-p {
    font-size: 58px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 80px;
    margin: 0 0 15px 0;
}
.Transforming-p1 {
    font-size: 20px;
    color: #AEAEAE;
    line-height: 30px;
    letter-spacing: 0.2px;
    margin: 0 0 22px 0;
}
.banner-content ul {
    display: flex;
    flex-wrap: wrap;
}
.bt-1 {
    height: 46px;
    background: #3d58707a;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 50px;
    margin: 0 15px 0 0;
    border: 1px solid #3d58707a;
}
.abs-header {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    z-index: 999;
}
.abs-header .navbar.navbar-expand-lg.bg-body-tertiary {
    background: #3d58707a !important;
    border-radius: 6px;
    padding: 10px 0 !important;
}
.abs-header .navbar-brand {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.abs-header .nav-link {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    letter-spacing: 0.2px;
    font-weight: bold;
    padding: 10px 15px !important;
    position: relative;
}
.abs-header .btn.btn-outline-success {
    height: 45px;
    background: #498E9D;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    border: none;
    padding: 0 25px;
    min-width: 143px;
    position: relative;
    /* left: 15px; */
}
.abs-header .nav-link:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    background: #3ADCFF;
    height: 2px;
    content: "";
    display: none;
}
.abs-header .nav-link.active:after{
    display: block;
}
.abs-header .nav-link.active{
    color: #fff !important;
}
.abs-header .navbar-nav.me-auto.mb-2.mb-lg-0 {
    display: flex;
    justify-content: center;
    width: -webkit-fill-available;
}
.banner-right-img {
    width: 100%;
}
.mission-custom {
    padding: 80px 0;
}
.line {
    width: 97px;
    height: 7px;
    display: block;
    background: #185665;
    margin: 0 0 22px 0;
}
.Statement-p {
    font-size: 40px;
    color: #185665;
    letter-spacing: 0.2px;
    line-height: 50px;
    margin: 0 0 15px 0;
}
.Statement-p1 {
    font-size: 20px;
    letter-spacing: 0.2px;
    color: #6A6A6A;
    margin: 0 0 22px 0;
}
.bt-2 {
    height: 46px;
    background: #185665;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 50px;
    margin: 0 15px 0 0;
    border: 1px solid #185665;
}
.bt-3 {
    height: 46px;
    background: transparent;
    font-size: 14px;
    color: #185665;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 50px;
    margin: 0 15px 0 0;
    border: 1px solid #185665;
}
.JoinOurTeam {
    display: flex;
}
.abs-about {
    position: absolute;
    left: 0px;
    right: 0;
    top: 50px;
}
.about-us {
    position: relative;
}
.about-us span.line {
    background: #fff;
}
.about-us p.Statement-p {
    color: #fff;
    margin: 0;
}
.grey-1-img {
    width: 100%;
    max-width: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.version-common {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: -1px 0px 25px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: -1px 0px 25px 0px rgba(0, 0, 0, 0.42);
    box-shadow: -1px 0px 25px 0px rgba(0, 0, 0, 0.42);
    min-height: 459px;
}
.grey-2-img {
    width: 85px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.version-custom {
    padding: 0 0 60px 0;
}
.real-89 {
    position: relative;
    z-index: 99;
}
.Purpose-p {
    color: #185665;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.2px;
}
.Purpose-span {
    width: 50px;
    height: 2px;
    display: block;
    background: #185665;
    margin: 22px 0 22px 0;
}
.Purpose-p-1 {
    font-size: 16px;
    color: #185665;
    line-height: 30px;
    letter-spacing: 0.2px;
}
.grey-3-img {
    width: 85px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
}
.version-custom {
    padding: 0 0 60px 0;
    margin: -80px 0 0 0;
}
.solution-right-com {
    background: #185665;
    padding: 30px;
    margin: 0 0 15px 0;
}
.circle-img {
    width: 72px;
    margin: 0 0 15px 0;
}
.Solutions-12 {
    font-size: 16px;
    color: #fff;
    margin: 0 0 15px 0;
    letter-spacing: 0.1px;
}
.Solutions-12 b {
    display: block;
}
.Solutions-span {
    width: 50px;
    height: 2px;
    display: block;
    background: #ffffff;
    margin: 22px 0 22px 0;
}
.Solutions-span-1 {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    letter-spacing: 0.2px;
}
.solution-right-com.opop {
    margin: 160px 0 0 0;
}
.our-splution {
    padding: 60px 0;
}
.ved {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    height: 100%;
    object-fit: cover;
}
.case-study {
    padding: 60px 0;
}
.Hydorp {
    font-size: 16px;
    color: #185665;
    line-height: 30px;
    letter-spacing: 0.2px;
    max-width: 500px;
}
.Apply-bt {
    height: 46px;
    background: #185665;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 50px;
    margin: 0px 0px 0 0;
    border: 1px solid #185665;
    min-width: 115px;
}
.body-adviser {
    margin: 60px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.profile-44 {
    width: 100%;
}
.profile-44-p {
    font-size: 24px;
    color: #185665;
    letter-spacing: 0.2px;
    line-height: 28px;
    font-weight: bold;
    margin: 8px 0 0 0;
}
.profile-44-p1 {
    font-size: 20px;
    color: #185665;
    letter-spacing: 0.2px;
    line-height: 28px;
}
.profile-44-p2 {
    width: 97px;
    height: 2px;
    display: block;
    background: #185665;
    margin: 5px 0 20px 0;
}
.profile-4{
    padding: 0 0 60px 0;
    min-height: 450px;
}
.our-team-common-right ul li img {
    width: 100%;
}
.our-team-common-right ul {
    display: flex;
}
.our-team-common-right ul li {
    padding: 0 0 0 15px;
}
.our-team {
    padding: 0 0 60px 0;
}
.email-12 {
    background: #C6C6C6;
    border: none;
    height: 56px;
    padding: 0 160px 0 15px;
    border-radius: 60px;
    font-size: 14px;
    color: #737373;
    line-height: 28px;
    letter-spacing: 0.2px;
    width: 100%;
}
.your-email {
    min-width: 502px;
    position: relative;
    z-index: 9;
    margin: 50px 0 0 0;
}
.Subscribe-bt {
    height: 46px;
    background: #185665;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 50px;
    margin: 0px 0px 0 0;
    border: 1px solid #185665;
    min-width: 143px;
    position: absolute;
    right: 6px;
    top: 5px;
}
.our-joinin-common {
    padding: 30px;
    height: 100%;
    border-radius: 8px;
    background: #185665 !important;
    position: relative;
}
.joining-1 {
    background: url(../images/joining-1.png);
}
.joining-2 {
    background: url(../images/joining-2.png);
}
.joining-3 {
    background: url(../images/joining-3.png);
}
.joining-4 {
    background: url(../images/joining-4.png);
}
.one-img {
    height: 137px;
    width: auto;
}
.our-joinin-common-p-1 {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin: 30px 0 0 0;
}
.our-joinin-common-p-2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    letter-spacing: 0.2px;
    max-width: 500px;
}
.our-joinin-common-p-3 {
    width: 97px;
    height: 2px;
    display: block;
    background: #ffffff;
    margin: 15px 0 20px 0;
}
.mar-row-56{
    margin-bottom: 30px;
}
.our-joining{
    padding: 0 0 60px 0;
}
.our-joinin-common-bt {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}
.faq-heading h1 {
    font-size: 60px;
    font-weight: bold;
    color: #185665;
    text-align: center;
    margin: 0 0 30px 0;
}

.faq-custom .accordion-item {
    background: #185665;
    margin: 0 0 15px 0;
    border: none !important;
}

.faq-custom .faq-content div#accordionExample .accordion-button {
    background: transparent !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    border: none !important;
}
.faq-custom #accordionExample h2.accordion-header {
    border: none !important;
    border-radius: 8px !important;
}
.faq-custom .accordion-button:not(.collapsed) {
    box-shadow: none !important;
}
.faq-custom .accordion-body {
    background: #f3f8f9 !important;
}
.faq-custom {
    padding: 0 0 60px 0;
}
.faq-custom .accordion-item:first-of-type {
    border-radius: 0 !important;
}
.footer-custom {
    background: #185665;
    padding: 40px 0 30px 0;
}
.below {
    font-size: 23px;
    color: #fff;
    font-weight: 300;
    margin: 0 0 30px 0;
}
.below1 {
    font-size: 48px;
    font-weight: 300;
    padding: 0 0px 10px 0;
    width: -webkit-fill-available;
    margin: 0 30px 0 0;
    background: transparent;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.compo {
    width: 74px;
}
.news-12-left {
    display: flex;
    align-items: center;
}
.news-12-right ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.news-12-right ul li a img {
    height: 25px;
    margin: 0 0 0 30px;
}
.news-12-right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.common-footer h2 {
    font-size: 36px;
    color: #fff;
    margin: 50px 0 15px 0;
}
.footer-ul li a {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
}
.ar {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}
.common-footer-bottom2 p {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    text-align: right;
}
.common-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 50px 0 0 0;
}
.gif-1 {
    position: absolute;
    left: -500px;
    top: 0;
    width: 965px;
    opacity: 0.2;
}
.banner-content {
    position: relative;
    z-index: 9;
}
.term-condition {
    padding: 150px 0 60px 0;
    position: relative;
  
}
.Component-img {
    width: 60px;
    margin: 0 30px 0 0;
}
.term-condition-content {
    display: flex;
    align-items: flex-start;
}
.term-condition-content span.line {
    background: #fff;
}
.term-condition-content p.Statement-p {
    color: #fff;
}
.term-condition-content-1 {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    margin: 15px 0;
    border: 1px solid #498e9d;
}
.term-11 {
    font-size: 26px;
    color: #185665;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.term-22 {
    font-size: 19px;
    color: #185665;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.last-p {color: #6B6B6B;font-size: 18px;font-weight: 400;}
.state-height {
    height: 434px;
    overflow: auto;
}
.bottom-term-1 p {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0 10px;
}
.bottom-term-1 {
    display: flex;
}
.cance-accept li a {
    font-size: 18px;
    color: #185665;
    text-decoration: none;
    height: 47px;
    line-height: 47px;
    display: block;
    padding: 0 20px;
    border-radius: 8px;
    margin: 0 0 0 15px;
}
.cance-accept {
    display: flex;
    justify-content: flex-end;
}
.cance-accept li a.active {
    background: #498e9d;
    color: #fff;
}
.bottom-term {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0 0;
}
.term-condition-content, .term-condition-content-1 {
    position: relative;
    z-index: 99;
}
.term-condition:after {
    position: absolute;
    left: 0;
    right: 0;
    height: 800px;
    content: "";
    background:#498E9D;
    top: 0;
}
.term-condition-content.mr-167 {
    margin: 60px 0 0 0;
}
.meet-us {
    padding: 80px 0 55px 0;
}
.meetusp1 {
    text-align: center;
    color: #086E7C;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 20px;
}
.meetusp2 {
    text-align: center;
    color: #252B42;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin: 0 0 15px 0;
}
.meetusp3 {
    text-align: center;
    color: #737373;
    font-size: 20px;
    letter-spacing: 0.2px;
}
.meet-us-sec-new {
    max-width: 688px;
    margin: auto;
}
.meet-us-sec-new .your-email {
    margin: 15px 0 0 0px;
}
.meet-us-new {
    padding: 60px 0;
}
section.top-meet {
    background: url(../images/any.png);
    background-size: cover;
    padding: 180px 0 80px 0;
}
.left-meet-img {
    width: 60px;
    margin: 0px 20px 0 0;
}
.contact-form-p {
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin: 0 0 15px 0;
}
.contact-form-p1 {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.2px;
    margin: 0 0 0px 0;
}
.top-meet-left {
    display: flex;
    align-items: flex-start;
}
.input-all {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding: 0px 0px 24px 0;
    color: #fff;
    height: 90px;
    font-size: 20px;
}
.common-mar {
    margin: 0 0 22px 0;
}
.input-all:focus {
    outline: none;
}
.bt-last-sub button {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    padding: 8px 15px;
}
.bt-last-sub {
    display: flex;
    justify-content: flex-end;
}
textarea.input-all {
    height: 120px;
    resize: none;
}
.below1::placeholder,
.input-all::placeholder {
    color: #fff;
    opacity: 1; 
}  
.below1::-ms-input-placeholder,
.input-all::-ms-input-placeholder  { 
    color: #fff;
}



.flex-box-cus {
    display: flex;
    flex-wrap: wrap;
}

.flex-box-cus-left, .flex-box-cus-right {
    width: 50%;
}

.flex-box-cus-left {
    background: #185665;
    padding: 30px;
    height: 100%;
    min-height: 300px;
}
.Hydor-p {
    font-size: 18px;
    color: #fff;
    margin: 0 0 15px 0;
    letter-spacing: 0.1px;
    font-weight: bold;
}
.Hydor-p1 {
    font-size: 14px;
    color: #fff;
    margin: 0 0 15px 0;
    letter-spacing: 0.1px;
}
.Hydor-p2 {
    font-size: 16px;
    color: #fff;
    margin: 0 0 0px 0;
    letter-spacing: 0.1px;
    text-align: right;
}
.flip-box {
    background-color: transparent;
    width: 100%;
    height: auto;
    border: 0px solid #f1f1f1;
    perspective: 1000px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

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

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

.flip-box-front {
    color: black;
    height: 380px;
}

.flip-box-back {
    background-color: #185665;
    color: white;
    transform: rotateY(180deg);
    padding: 30px;
    height: 330px;
}

section.about-us.step-process-container.step-process-mancity{
    background: #185665;
    background-size: cover;
    padding: 80px 0 120px 0;
}
.step-process-container {
position: relative;
}
.step-process-container .step-process-divider {
position: absolute;
top: 27px;
left: 28px;
background: blue;
content: "";
height: 80%;
z-index: 0;
}
.step-process {
margin: 0;
list-style-type: none;
counter-reset: section;
}
.step-process li {
display: flex;
align-items: center;
margin-bottom: 45px;
}
.step-process li:before {
background: maroon;
border: 2px solid yellow;
border-radius: 50%;
color: white;
counter-increment: section;
content: counter(section);
display: inline-block;
font-size: 1.5em;
font-weight: 900;
font-family: Arial, sans-serif;
padding: 10px 20px;
margin-right: 30px;
z-index: 9;
}
.step-process-text {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #ffffff;
    margin: 0 0 0px 0;
}
/* .step-process-text:after {
display: block;
position: absolute;
bottom: -35px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-family: FontAwesome;
font-size: 1.75em;
content: "\f063";
color: lightgray;
} */
.div-relative {
    margin: 40px 0 0 0;
}
.step-process li:last-child .step-process-text:after {
content: "";
}
.step-process-arsenal .step-process-divider {
background: navy;
}
.step-process-arsenal .step-process li:before {
color: white;
background: red;
border-color: red;
}
.step-process-mancity .step-process-divider {
background: #fff;
}
.step-process-mancity .step-process li:before {
    color: white;
    background: #185665;
    border-color: #fff;
}
.one-img-gif {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    border-radius: 8px;
}
.gif-3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 9;
    width: 100%;
    opacity: 0.2;
    height: 800px;
    object-fit: cover;
}

button a {
    text-decoration: none !important;
    color: #fff;
}

.scroll-up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.3s;
    opacity: 0;
    visibility: hidden;
}

.scroll-up.show {
    opacity: 1;
    visibility: visible;
}

.scroll-up i {
    font-size: 20px;
}

div#subscribe-message {
    margin: 0;
    padding: 0 !important;
    color: red;
}

ul.footer-ul li {
    margin: 10px 0px 0px 0px;
}



@media(max-width: 991px){
    .left-meet-img {margin: 0px 20px 15px 0;}
    /* .banner-custom {background-position: top right;} */
    .banner-right-img {margin: 30px 0 0 0;}
    .version-common {margin: 0 0 30px 0;}
    .Purpose-p-1 {margin: 0 0 30px 0;}
    .solution-right-com.opop {margin: 0;}
    .flex-box-cus-left, .flex-box-cus-right {width: 100%;}
    .flex-box-cus {margin: 0 0px 30px 0;}
    .profile-4-common {margin: 0 0 30px 0;}
    .your-email {margin: 30px 0 30px 0;min-width: auto;}
    .our-team-common-right ul li {padding: 0 10px 0 0px;}
    .our-joinin-common {margin: 0 0 30px 0;height: auto;}
    .news-12-right {margin: 30px 0 0 0;justify-content: flex-start;height: auto;}
    .news-12-right ul li a img {margin: 0 30px 0 0;}
    .abs-header .navbar.navbar-expand-lg.bg-body-tertiary {background: #185665 !important;}
    button.navbar-toggler {background: #fff;}
    .abs-header .navbar.navbar-expand-lg.bg-body-tertiary {padding: 15px 0 !important;}
    .mar-row-56 {margin-bottom: 0px;}
    .top-meet-left {margin: 0 0 30px 0;flex-wrap: wrap;}
    .abs-header .nav-link {text-align: center;}
    form.d-flex {justify-content: center;}
    .abs-header .navbar-nav.me-auto.mb-2.mb-lg-0 {max-width: 150px;margin: auto;}
    .bottom-term {flex-wrap: wrap;}
    .bottom-term-1 {align-items: flex-start;}
    .bottom-term-1 input[type="checkbox"] {position: relative;top: 5px;}
    .cance-accept li a {margin: 15px 15px 0 0px;}

    .flip-box-inner {
        height: 360px;
        margin: 0 0 15px 0;
    }
    .profile-44 {
        width: 100%;
        height: 260px;
        object-fit: cover;
    }
}



@media(max-width: 767px){
    .gif-1 {left: 0;height: auto !important;object-fit: cover;width: 100% !important;top: 50px; display: none;}
    .about-us.step-process-container.step-process-mancity .one-img-gif {display: none;}
    .banner-custom {min-height: auto;padding: 160px 0 80px 0;}
    .mission-custom {padding: 60px 0;}
    .about-us {padding: 0 0 50px 0;}
    .version-custom {padding: 0 0 0px 0;}
    .case-study {padding: 0px 0;}
    .profile-4 {padding: 60px 0 30px 0;}
    .news-12-left {flex-wrap: wrap;}
    .below1 {margin: 0 0px 15px 0;}
    .common-footer-bottom {flex-wrap: wrap;}
    .top-meet-left {margin: 0 0 30px 0;}
    .left-meet-img {margin: 0px 20px 20px 0;}
    .abs-header {left: 15px;right: 15px;}
    
}


/* Add this CSS to your styles */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.sticky + .content {
    padding-top: 60px; /* Height of your navbar */
}