* {
    margin: 0px;
    font-family: 'Outfit';
    /* text-transform: capitalize; */
}

body {
    margin: 0;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

#property-header .dropdown-menu {
    position: absolute;
    padding: 0.5rem 0 0.5rem 0;
    left: 0rem;
    white-space: nowrap;
    text-align: left;
    padding: 0px 0 0px 0;
    background-color: #0b1f44;
    z-index: 556;
    transition: all .3s linear;
    top: 130%;
    visibility: hidden;
    opacity: 0;
    display: block;
    margin-top: 0;
}

#property-header .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

#property-header .navbar-nav li {
    position: relative;
    padding: 0.5rem 1rem;
}

.header-area .sticky-logo-img {
    display: none;
}

.sticky_header .sticky-logo-img {
    display: block;
}

.sticky_header .header-logo-img {
    display: none;
}

#property-header .navbar-nav .nav-item .nav-link::after {
    content: unset;
}

#property-header .navbar-nav .nav-item .nav-link i {
    padding-left: 14px;
}

#property-header .nav-link {
    letter-spacing: 1px;
    display: flex;
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: center;
    transition: 0.4s;
    text-transform: capitalize;
    color: #1A1A1A;
    font-family: 'Outfit';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

#property-header .navbar-dark .navbar-nav .nav-link:hover {
    /*color: #0071E3 !important;*/
    transition: all .3s linear;
}

#property-header .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #1F487C ;
    transition: all .3s linear;
    border-bottom: 2px solid #1F487C;
}

#property-header .dropdown-item.active,
.dropdown-item:active {
    color: #DEE1E3;
    text-decoration: none;
    background-color: #0071E3;
}

#property-header .navbar-dark .navbar-nav .nav-link:hover.nav-link::before {
    opacity: 1;
    transition: all .3s linear;
}

#property-header .navbar-dark .navbar-nav .nav-link:hover:after {
    opacity: 1;
    transition: all .3s linear;
}

#property-header .dropdown-item:hover {
    color: #0071E3;
    background-color: transparent;
}

#property-header .dropdown-item {
    color: #DEE1E3;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-family: 'outfit';
    letter-spacing: 1px;
    transition: 0.3s ease-out;
    padding: 0.6rem 1rem 0.6rem 1rem;
}

/* #property-header .nav-link.active {
    color: #0784C7 !important;
} */

#property-header .nav-link.active.nav-link::before {
    opacity: 1;
    transition: all .3s linear;
}

#property-header .navbar-collapse {
    flex-grow: 0 !important;
}
.bg_load {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url(../images/loading-icon.gif) 50% 50% no-repeat #fff;
}

.bg-contact .navbar {
    background-color: #f6cabf !important;
    border-bottom: 0.063rem solid #f6beb1 !important;
}

.header {
    position: absolute;
    z-index: 1;
    width: 100%;
}

#property-header .navbar-light .navbar-nav .nav-link.active-menu {
    border-bottom: 3px solid #E57025;
    width: fit-content;
}

.sticky_header {
    position: fixed !important;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation-name: fadeInDown;
    animation-duration: 1s;

}

.header-area.sticky_header {
    background: #FAFAFA;
    width: 100%;
}

.scrollToTop {
    background-image: url(../images/Home-Images/apple-scroll-to-top.png);
    width: 46px;
    height: 40px;
    position: fixed;
    right: 82px;
    bottom: 63px;
    background-repeat: no-repeat;
    z-index: 99;
}

.navbar-collapse.collapse.show li.nav-item {
    color: #000;
}

/*----onscroll animation start-----*/
.in-view.anim-delay2 {
    -webkit-transition-delay: 0.4s !important;
}

.in-view.anim-delay3 {
    -webkit-transition-delay: 0.8s !important;
}

.in-view.anim-delay4 {
    -webkit-transition-delay: 1.2s !important;
}

.in-view.anim-delay5 {
    -webkit-transition-delay: 1.6s !important;
}

.in-view.anim-delay6 {
    -webkit-transition-delay: 2s !important;
}

.animation-element.slide-top {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(0px, -60px, 0px);
    -webkit-transform: translate3d(0px, -60px, 0px);
    -o-transform: translate(0px, -60px);
    -ms-transform: translate(0px, -60px);
    transform: translate3d(0px, -60px, 0px);
}

.animation-element.fadein {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

.animation-element.slide-bottom {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(0px, 60px, 0px);
    -webkit-transform: translate3d(0px, 60px, 0px);
    -o-transform: translate(0px, 60px);
    -ms-transform: translate(0px, 60px);
    transform: translate3d(0px, 60px, 0px);
}


.animation-element.slide-left {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -o-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate3d(-50px, 0, 0);
}

.animation-element.slide-right {
    opacity: 0;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -moz-transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    -o-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate3d(50px, 0, 0);
}

.animation-element.slide-left.in-view,
.animation-element.slide-top.in-view,
.animation-element.slide-right.in-view,
.animation-element.slide-bottom.in-view,
.animation-element.fadein.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}


.header-area {
    padding-top: 0px;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: 'outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .9px;
    line-height: 26px;
    text-transform: uppercase;
    color: #0784C7;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #0071E3;
}

.navbar-dark .navbar-nav .nav-link:hover {
    /* color: #62CEC5 !important; */
    transition: all .3s linear;
}

.navbar-dark .navbar-nav .nav-link:hover:after {
    opacity: 1;
    transition: all .3s linear;
}

a.nav-link {
    position: relative;
}

.header-button {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 12rem;
    padding: 0.375rem 1.55rem;
    border-radius: 50px;
    background-color: #62CEC5;
}

.container {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
    margin: unset !important;
    max-width: unset;
}

.navbar-dark .navbar-nav .nav-link {
    padding: 2px 0;
}

.navbar {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}

.navbar-dark .navbar-nav .nav-link {
    position: relative;
}

.btn:focus {
    box-shadow: unset;
}

.header-area {
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    background: #FAFAFA;
}


.scrollToTop {
    background-image: url(../images/Home-Images/apple-scroll-to-top.png);
    width: 46px;
    height: 40px;
    position: fixed;
    right: 82px;
    bottom: 56px;
    background-repeat: no-repeat;
    z-index: 99;
}

.btn.btn-primary.border-0:active:focus,
.btn-primary:focus {
    background: #f36a3a !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: unset !important;
}

.sticky_header .top-header {
    display: none;
}

@media (max-width: 767px) {

    .top-header {
        padding: 0;
        background-color: transparent !important;
    }

    .header-btn .zoop-btn {
        padding: 0rem 0rem !important;
        font-weight: 400 !important;
        color: #000 !important;
    }

    .sticky-social {
        display: none;
    }

    .h-height {
        height: 156px;
    }

    .navbar-dark .navbar-toggler {
        color: unset !important;
        border-color: #fff !important;
        box-shadow: unset !important;
    }

    .scrollToTop {
        right: 20px;
    }

    .container {
        padding: 0px 15px !important;
    }

    .navbar-dark .navbar-nav .nav-link::before {
        content: unset;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #fff !important;
    }

    .navbar-nav {
        margin-top: 10px !important;
    }

    .scrollToTop {
        background-image: url(../images/Home-Images/apple-scroll-to-top.png);
        width: 46px;
        height: 40px;
        position: fixed;
        right: 27px;
        bottom: 20px;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .header-area {
        background-color: #1F487C;
    }

    .header-button {
        margin-left: unset !important;
        padding: 8px 20px !important;
    }

    .navbar-dark .navbar-nav .nav-link:after {
        position: unset !important;
    }

    /* .navbar-brand img {
        width: 160px;
    } */
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-dark .navbar-nav .nav-link::before {
        content: unset;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: .5rem 0rem;
    }

    .navbar-nav {
        margin-top: 10px !important;
    }

    .header-btn .zoop-btn {
        padding: 0rem 0rem;
    }

    .header-btn .zoop-btn {
        font-weight: 400;
        background: transparent !important;
        color: rgba(0, 0, 0, .7) !important;
        font-weight: 400 !important;
    }

    .header-btn .zoop-btn.btn-primary:hover {
        background: transparent !important;
    }

    .scrollToTop {
        background-image: url(../images/Home-Images/apple-scroll-to-top.png);
        width: 46px;
        height: 40px;
        position: fixed;
        right: 40px;
        bottom: 20px;
        background-repeat: no-repeat;
        z-index: 99;
    }

    .header-button {
        margin-left: unset !important;
    }
}

@media (max-width: 575px) {
    .scrollToTop {
        background-image: url(../images/Home-Images/apple-scroll-to-top.png);
        width: 46px;
        height: 40px;
        position: fixed;
        right: 20px;
        bottom: 20px;
        background-repeat: no-repeat;
        z-index: 99;
    }
}


/* ===========================
        Own Css Start
=========================== */
/* Common Style */
.common-btn a{
    font-size: 16px;
    font-weight: 500;
    color: #FAFAFA;
    line-height: 38.16px;
    text-decoration: none;
    background-color: #E57025;
    border-radius: 12px;
    padding: 15px 30px;
}
h2{
    font-weight: 500;
    font-size: 42px;
    color: #1A1A1A;
    line-height: 56px;
    margin: 0;
}
h3{
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 36px;
    margin: 0;
}
h6{
    font-size: 18px;
    font-weight: 500;
    color: #E57025;
    line-height: 22.68px;
    margin: 0;
}
p{
    font-weight: 400;
    font-size: 16px;
    color: #FAFAFA;
    margin: 0;
}

/* ====================
    Header Style
==================== */
.custom-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
    padding: 13px 20px;
    border-radius: 20px;
    
}

/* ==============================
    Common Banner Style
============================== */
section.inner-bnr-sec {
    padding-top: 130px;
    background: #FAFAFA;
}
.orange-text {
    color: #E57025;
    font-weight: 500;
    font-size: 18px;
}
section.inner-bnr-sec p {
    color: #655F5F;
    line-height: 30px;
}
.sec-top-cont {
    width: 60%;
    margin-inline: auto;
}

/* =====================
     Home-Style
===================== */
#home-banner{
    background: url('../images/home-images/home-banner-bg.webp') no-repeat center;
    background-size: cover;
    padding: 238px 0px;
    position: relative;
}
.home-contents{
    max-width: 772px;
}
.home-contents h1{
    font-size: 60px;
    font-weight: 600;
    color: #1A1A1A;
    margin: 0;
    text-transform: capitalize;
}
.home-contents p{
    color: #1A1A1A;
    margin: 16px 0px 36px;
    max-width: 468px;
}
.btn-container{
    display: flex;
    gap: 18px;
}
.btn-container .common-btn:nth-child(2) a {
    background-color: #FBE7DB !important;
    color:#E57025 !important;
}
.home-cards{
    border: 1px solid #278FCD;
    border-radius: 11px;
    overflow: hidden;
    position: absolute;
    width: 90%;
    bottom: -154px;
    margin:auto;
}
.card-inner {
    position: relative;
    overflow: hidden;
    padding: 43px 48px 51px 24px;
    background-color: #ffffff;
    display: flex;
    gap: 25px;
    transition: all 0.3s ease;
}

.card-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/home-images/skillmine-homepage-02-info-hover.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.5s ease; 
    z-index: 0;
    transform: scale(1.1);
}


.card-inner-logo{
    background-color:#FBE7DB;
    height:fit-content;
    padding:13px;
    border-radius: 50px;
    z-index: 2;
}
.card-inner-logo img{
    max-width: 44px;
    height: 44px;
}
.card-inner h3{
    color: #1A1A1A;
    z-index: 2;
    position: relative;
}
.card-inner p {
    color: #655F5F;
    margin: 16px auto 20px; 
    /*height: 85px !important;*/
    z-index: 2;
    position: relative;
}
.card-inner a{
    color: #278FCD;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    z-index: 2;
}
.card-inner a span{
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    right: -54px;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color:#278FCD ;
    z-index: 2;
}
.card-inner:nth-child(2){
    border-right: 1px solid #278FCD;
    border-left: 1px solid #278FCD;
}


/* AboutSection Style*/
.s-mission-box img {
    width: 100%; 
    height:320px;
}
.s-process-box img {
    padding-bottom: 20px;
}
.s-process-box {
    position: relative;
}

.s-process-box span {
    position: absolute;
    top: 30%;
    right: -20%;
}
section.why-choose-sec {
    background: #fafafa;
}
#about-section{
    margin-top: 226px;
    background-color: #FFFFFF;
    padding-bottom: 60px;
}
.about-section-head-inner{
    max-width: 830px; 
    margin-bottom: 36px;
}
.about-section-head h2{
    margin: 20px 0px;
}
.about-section-head p{
    color: #655F5F;
}
.tab-names-wrap ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 20px;
}
.tab-names-wrap ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FAFAFA;
    padding: 10px 15px;
    gap: 23px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.tab-names-wrap li img {
    transition: all 0.5s ease;
}
.tab-names-wrap ul li p{
    color: #655F5F;
    font-weight: 500;
    font-size: 18px;
}
.tab-names-wrap ul li span{
    background-color: #655F5F;
    height: 37px;
    width: 1px;
    transition: all 0.5s ease;
}
.tab-values h3{
    color: #1A1A1A;
    margin: 13px 0px;
}
.tab-values p{
    color: #655F5F;
}
.tab-bottom-content{
    margin-top: 34px;
}
.tab-bottom-content h5{
    color: #1A1A1A;
    margin-bottom: 12px;
}
.tab-content-img img{
    max-width: 62px;
}
.tab-bottom-content .custom-solution,.tab-bottom-content .expert-team{
    display: flex;
    gap: 16px;
}
.tab-values {
    display: none;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.tab-values.active {
    display: block;
    opacity: 1;
}
.tab-names-wrap li.active {
    background-color: #E57025;
}
.tab-names-wrap li.active img {
    filter: brightness(0) invert(1); 
}
.tab-names-wrap li.active img:last-child {
    transform: rotate(180deg);
}
.tab-names-wrap li.active p {
    color: #FAFAFA;
}
.tab-names-wrap li.active span {
    background-color: #FAFAFA;
}

/* visionary-founder style */
#visionary-founder{
    position: relative;
}
#visionary-founder .row>*{
    padding: 0;
}
.visionary-founder-content{
    padding: 150px 0px 200px;
    background-image:url('../images/home-images/missionary-img-left.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.visionary-founder-content h2{
    color: #FAFAFA;
    max-width: 345px;
}
.visionary-founder-content p{
    color: #E4E4E4;
    margin: 24px 0px 30px;
}
.visionary-founder-highlights{
    background-image: url('../images/home-images/missionary-quote.webp');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.visionary-founder-highlights ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 24px;
}
.visionary-founder-highlights p{
    margin: 0;
    font-weight: 500;
}
.visionary-founder-highlights li{
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.visionary-founder-image {
    background-color: #F8F8F8;
    height: 100%;
}
.bubble-content{
    background-image: url('../images/home-images/missionary-bubble.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 353px;
    height: 253px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
}
.bubble-content h2{
    color: #FAFAFA;
    font-weight: 500;
    font-size: 74px;
}
.bubble-content span{
    color: #FAFAFA;
    font-weight: 500;
    font-size: 44px;
    line-height: 30px;
}
.bubble-content p{
    max-width: 92px;
    font-weight: 400;
}
.visionary-founder-counter{
    background-color: #FFFFFF;
    border-radius: 17px;
    padding: 35px 40px !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:45px;
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.counter-inner{
    text-align: center;
    width: 22%;
}
.counter-inner h2{
    color:#278FCD;
    font-weight: 500;
    font-size: 74px;
}
.counter-inner span{
    color:#278FCD;
    font-weight: 500;
    font-size: 44px;
    line-height: 30px;
}
.counter-inner h3{
    color: #655F5F;
    margin: 12px 0px;
}
.counter-inner p{
    color: #655F5F;
}

/* current-openings style */
#current-openings{
    padding-top: 200px;
    background-color: #F8F8F8;
}
.current-openings-head-inner{
    text-align: center;
    max-width: 830px;
}
.current-openings-head-inner h6{
    color: #278FCD;
}
.current-openings-head-inner h2{
    margin: 15px 0px;
}
.current-openings-head-inner p{
    color: #655F5F;
}
.top-left{
    display: flex;
    gap: 24px;
}
.openings-top h6{
    color: #278FCD;
    transition: all 0.5s ease;
}
.left-inner-btn{
    padding: 10px 15px;
    background-color: #FAFAFA;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: all 0.5s ease;
}
.openings-top{
    background-color: #DFEFF9;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.5s ease;
}
.openings-bottom{
    padding: 15px 40px;
    background-color: #FFFFFF;
    display: flex;
}
.bottom-left{
    width: 50%;
}
.bottom-left h3{
    color: #1A1A1A;
}
.bottom-left p{
    color: #655F5F;
}
.bottom-right {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom-right h6{
    color: #383434;
}
.bottom-right p{
    color: #655F5F;
}
.salary-division {
    border-left: 1px solid #BAB8B8;
    border-right: 1px solid #BAB8B8;
    width: 30%;
    padding-left: 35px;
}
.experience-division {
    width: 30%;
}
.apply-btn {
    /*width: 30%;*/
    text-align: center;
}
.apply-btn button{
    border: none;
    padding: 12px 30px;
    background-color: #DFEFF9;
    border-radius: 12px;
    color: #278FCD;
    font-weight: 500;
    font-size: 18px;
    transition: all 0.5s ease;
}
.openings {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #DFEFF9;
    margin-bottom: 24px;
    transition: all 0.5s ease;
}
.openings-division {
    padding: 36px 0px 58px;
}


.post-icon{
    transition: all 0.5s ease;
}

.view-more-btn{
    padding-top: 18px;
    text-align: center;
}
.view-more-button{
    background-color: #278FCD;
    color: #FAFAFA;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 30px;
    border-radius: 12px;
    border: none;
    text-decoration: none;
}

.s-why-work-box h3 {
    padding: 10px 0;
}
/* Blogs Section */
#blogs-section{
    padding: 48px 0px 55px;
    background-color: #FFFFFF;
}
.blogs-section-head{
    text-align: center;
    margin-bottom: 56px;
}
.blogs-section-head h6{
    color: #278FCD;
}
.blog-inner img{
    width: 100%;
}
.blog-inner h6{
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px;
}
.blog-inner h3{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 25px;
    line-height: 36px;
}
.blog-inner{
    position: relative;
    border-radius: 12px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.blog-content {
    position: absolute;
    bottom: 26px;
    padding: 0px 20px;
}
#blogs-section .view-more-btn button{
    background-color: #E57025;
    color: #FAFAFA;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 30px;
    border-radius: 12px;
    border: none;
}

/* =================================
        about-us Page Css 
================================= */
section.inner-bnr-sec {
    padding-top: 130px;
    background: #FAFAFA;
}
.orange-text {
    color: #E57025;
    font-weight: 500;
    font-size: 18px;
}

section.inner-bnr-sec p {
    color: #655F5F;
    line-height: 30px;
}

.sec-top-cont {
    width: 60%;
    margin-inline: auto;
}
.abt-left-img-cont {
    display: flex;
    gap: 20px;
}

.s-mission-box {
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.s-mission-box h3 {
    color: #E57025;
}
.s-process-box h3 {
    color: #4E4949;
}
.about-img-sec ul {
    list-style: none;
    padding-left: 0;
}
.bg-blue {
    background-image: url(../images/bg-blue.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.about-img-sec li {
    line-height: 36px;
}
.team-name h3 {
    color: #383434;
}
.about-img-sec p {
    color: #655F5F;
}
.team-name {
    text-align: center;
}
.sec-top-cont p {
    color: #655F5F;
}
.team-name {
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 20px 20px;
    padding: 10px;
}
.why-choose-cont p {
    color: #655F5F;
}
.s-why-box {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    background:#fff;
    transition:all 0.3s ease-in-out;
}

/* =============================
    services css start 
============================= */
.services-cont-wrap p {
    color: #655F5F;
    padding-bottom: 20px;
}
.services-cont-wrap ul {
    list-style: none;
    padding-left: 0;
    line-height: 36px;
}
section.solutions-sec {
    background: #FAFAFA;
}
.s-why-work-box {
    background: #FAFAFA;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 1px 20px 0px #0000001A;
}
.s-why-work-box p {
    color: #655F5F;
    height: 96px;
}
.blue-text{
    color: #278FCD;
}

/* ========================
        Hot Vacancies
======================== */
#openings-section{
    padding: 48px 0px;
}
#openings-section .openings-division{
    padding: 0;
}
#keep-in-touch{
    margin: 59px 0px 52px;
}
.keep-in-touch-head h6{
    color: #278FCD;
}
.keep-in-touch-head h2{
    margin: 20px 0px 30px;
}
.form-control{
    padding: 12px 10px;
    color: #655F5F;
    border: 1px solid #BAB8B8;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 300;
}

/* =============================
    Hot Vacancies Detail
============================= */
#job-description{
    padding: 45px 0px;
}
.description-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    background-color: #DFEFF9;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 36px;
}
.description-header .apply-btn{
    width: auto;
}
.description-header .left-inner-btn{
    width: fit-content;
    background-color: #FAFAFA;
}
.description-header h2{
    margin: 20px 0px;
    color: #1A1A1A;
}
.description-header p,.description-header h6{
    color: #655F5F;
}
.description-content{
    margin-bottom: 36px;
}
.description-content h3{
    color: #000000;
    margin-bottom: 18px;
}
.description-content p{
    color: #655F5F;
    margin-bottom: 18px;
}
.description-content ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.description-content ul li{
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}
.description-content ul li p{
    margin: 0;
}
.description-shorthand{
    border: 1px solid #D9D9D9;
    border-radius: 14px;
    padding: 14px 30px;
}
.description-list{
    padding: 16px;
    border-bottom: 1px solid #D9D9D9;
}
.description-list h6{
    font-size: 14px;
    font-weight: 500;
    color: #383434;
    margin-bottom: 8px;
}
.description-list p,.description-list a{
    font-size: 14px;
    font-weight: 400;
    color: #655F5F;
    text-decoration: none;
}
.description-list ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.description-list ul li{
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}
.description-list:last-child{
    border: none;
}

/* =================================
        Blog-Details Page Css 
================================= */
#blog-details{
    padding: 45px 0px;
    /*background:#fafafa;*/
}
.blog-detail-img img{
    width: 100%;
}
.blog-details-content h6{
    font-weight: 400;
    font-size: 16px;
    color: #655F5F;
}
.blog-details-content h2{
    margin: 26px 0px 14px;
}
.blog-details-content p{
   color: #655F5F;
   margin-bottom: 24px;
}

/* ======================
    Contact Page Css
====================== */
#contact-inner{
    padding: 48px 0px;
}
.get-in-touch h2{
    font-size: 36px;
    color: #1A1A1A;
    margin: 20px 0px;
}
.get-in-touch p{
    color: #655F5F;
}
.office-hours p{
    color: #655F5F;
    margin: 10px 0px;
}
.timing p{
    color: #000000;
    padding: 0;
}
.social-media h6{
    margin-bottom: 20px;
}
.social-media-icons{
    display: flex;
    gap: 24px;
}
#contact-inner .keep-in-touch-head h6{
    color: #E57025;
}


/* ====================
    Footer Style
==================== */
#footer-section{
    margin-top: 190px;
}
#footer-section{
    position: relative;
    background-color: #103A53;
}
.footer-top {
    position: absolute;
    top: -150px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content:space-between;
    /* background: url('../images/home-images/footer-back.svg') no-repeat center;
    background-size: cover; */
    height: 295px;
    width: 90%;
    padding:0px 4vw;
}
.back-img{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}
.footer-top h2{
    color: #FAFAFA;
    max-width: 610px;
}
.footer-top .common-btn{
    z-index: 1;
}
.footer{
    padding:228px 0px 80px;
}
.footer .row>*{
    padding-right: 70px;
}
.footer-mail p{
    margin: 16px 0px 36px;
}
.footer-mail .form-inner-input .form-1 {
    padding: 15px 13px;
    border-radius: 50px;
}
.form-inner-input{
    position: relative;
}
.form-inner-input button{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border: none !important;
    background-color: #E57025 !important;
}
.btm-footer{
    background-color: #0B2A3D;
    padding: 15px 0px;
}
.btm-footer p,.btm-footer a{
    color: #FFFFFF;
    font-size: 14px;
}
.footer-links ul{
    padding: 0;
    margin-top:16px;
    list-style-type: none;
}
.footer-links ul li p{
    margin-bottom: 16px;
}
.mail-inner p a,.phone-inner p a,.footer-links p a{
    font-weight: 400;
    font-size: 16px;
    color: #FAFAFA;
    margin: 0;
    text-decoration: none;
}
.s-opportunity-box h3 {
    color: #000;
}

.s-opportunity-box p {
    color: #655F5F;
    padding-bottom: 20px;
}
.s-opportunity-box {
    padding: 20px;
    box-shadow: 1px 1px 11px 0px #0000001A;
    margin-bottom: 40px;
    border-radius: 15px;
}


a {
    text-decoration:none;
}
.s-blog-wrap a {
    width: 100%;
}
.s-team-box {
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

section.our-team h2 {
    padding-bottom: 10px;
}
.services-cont-wrap li {
    color: #655F5F;
}
.services-cont-wrap {
    width: 90%;
}
.prev-next-wrap {
    border-top: 1px solid #85BDFF;
    border-bottom: 1px solid #85BDFF;
    padding: 20px 0;
    position: relative;
}

.prev-next-wrap::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 80%;
    background: #85BDFF;
    transform: translateX(50%);
    left: 50%;
    top: 10%;
}

.prev-btn.next-btn {
    flex-direction: row-reverse;
}
.services-cont-wrap>img {
    display: none;
}
.solution-img-wrap img {
    width: 100%;
}
/*.prev-btn.next-btn .prev-cont {*/
/*    padding-right: 20px;*/
/*}*/
@media (min-width:992px){
    .s-team-box:hover {box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);}
    .s-why-box:hover{
     box-shadow: 3px 5px 11px 0px #00000026;
}
.view-more-button:hover{
    color: #FAFAFA;
}
    .openings:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid #103A53;
}
.card-inner:hover::before {
    opacity: 1;
    transform: scale(1);
}
.card-inner:hover h3,
.card-inner:hover p,
.card-inner:hover a{
    color: #fafafa;
}
.card-inner:hover a span {
    background-color: #fafafa;
}
.card-inner:hover .card-inner-logo{
    background-color: #fafafa;
}
.openings:hover .openings-top{
    background-color: #103A53;
}
.openings:hover .openings-top h6{
    color: #E4E4E4;
}
.openings:hover .left-inner-btn{
    background-color: transparent;
    border: 1px solid #E4E4E4;
}
.openings:hover .apply-btn button{
    background-color: #278FCD;
    color: #fafafa;
}
.openings:hover .post-icon{
    filter: brightness(0) invert(1); 
}
}
@media (max-width: 991px){
    .tab-wrap {
    padding-top: 30px;
}
    .logo-button-box{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .custom-nav{
        flex-direction: column;
    }.home-cards {
    position: static;
    width: 100%;
    margin-top: 50px !important;
        margin: 0;
}
#property-header .navbar-collapse{
    width:100%;
}
.bottom-right {
    width: 100%;
    flex-wrap: wrap;
}
}
@media (max-width: 767px){
    .tab-names-wrap li img {
    display: none;
}

.tab-names-wrap ul li span {
    display: none;
}
.tab-names-wrap ul li p {
    font-size: 16px;
}
    .card-inner p {
    margin-bottom: 20px;
}
    #property-header .nav-link{
        line-height:20px;
    }
    .description-header {
    flex-wrap: wrap;
}

.description-header h2 {
    font-size: 32px;
    margin: 10px 0;
}
    .prev-cont h4 {
    font-size: 18px;
}

.prev-cont {
    max-width: 90%;
}
    .tab-value-wrap {
    padding-top: 40px;
}
    section {
    overflow: hidden;
}
    

.card-inner {
    width: 100%;
}

.card-inner:nth-child(2) {
    border-top: 1px solid #278FCD;
    border-bottom: 1px solid #278FCD;
    border-left: none;
    border-right: none;
}

section#about-section {
    margin-top: 60px;
}

.row.about-section-contents {
    flex-wrap: wrap;
    display: flex;
}

.about-section-contents .col-md-6 {
    width: 100%;
}

.custom-solution {padding-bottom: 40px;}

.expert-team {
    padding-bottom: 40px;
}

section#visionary-founder>.row {
    flex-wrap: wrap;
}

section#visionary-founder .col-md-7 {
    width: 100%;
}

.bubble-content {
    display: none;
}

.visionary-founder-content {
    padding: 20px;
}

.visionary-founder-counter {
    position: static;
        transform: none;
        box-shadow: none;
        width: 100%;
}

section#visionary-founder .col-md-5 {
    width: 100%;
}
.tab-names-wrap ul {
    flex-wrap: wrap;
}
.counter-inner {
    width: 100%;
}

section#current-openings {
    padding-top: 40px;
}

.openings-top {
    flex-wrap: wrap;
}

.openings-bottom {
    flex-wrap: wrap;
    padding: 40px 20px;
}

.bottom-left {
    width: 100%;
}

.salary-division {
    width: 100%;
    padding: 20px 0;
    border: none;
}

.experience-division {
    width: 100%;
}

.apply-btn {
    width: 100%;
    text-align: left;
    display: inline-block;
}



.apply-btn a {
    display: inline-block;
    margin: 20px 0;
}

.top-right {
    padding: 20px 0;
}
.footer-top-content h2 {
    font-size: 16px;
    line-height: 24px;
        padding: 10px;
}

.common-btn a {
    display: inline-block;
    padding: 15px 30px;
    line-height: normal;
}

.footer-top-content {
    width: 60%;
}

.footer-top {
    display: none;
}

section#footer-section {
    margin-top: 0px;
}
    .footer {
    padding: 40px 0;
}
.footer-links {
    padding: 30px 20px;
}

.footer .row>* {
    padding-right: 20px;
}
.home-contents h1 {
    font-size: 42px;
}

section#home-banner {
    padding-top: 170px;
    padding-bottom: 60px;
}

.home-contents {
    text-align: center;
}

.btn-container {
    justify-content: center;
}

/*about res css */

section.inner-bnr-sec {
    padding-top: 170px;
    padding-bottom: 40px;
}

.sec-top-cont {
    width: 100%;
}

.abt-left-img-cont {
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.about-img-sec .col-md-4 {
    background: #fff;
    padding: 40px 20px;
}
.s-process-box span{
    display:none;
}
.bg-blue {
    padding-top: 40px;
}
.s-process-box {
    padding: 20px 0;
}

.s-why-box {
    margin-bottom: 30px;
}

section.our-team {
    padding: 40px 0;
}

.our-team-wrap {
    margin-top: 40px;
}


/*services res start */

.services-cont-wrap {
    margin-top: 20px;
}
.mbl-rev {
    flex-direction: column-reverse;
}

section.solutions-sec {
    padding-bottom: 40px;
}

section.why-work-sec {
    padding: 40px 0;
}

.why-work-wrap .sec-top-cont {
    padding-bottom: 40px;
}

.s-why-work-box {
    margin-bottom: 30px;
}
.s-why-work-box h3 {
    padding: 10px 0;
}

/*contact us res start */

.keep-in-touch-form {
    padding-top: 40px;
}

section#map-section {
    padding-bottom: 40px;
}
.card-inner p{
    height:auto !important;
}
.s-mission-box img {
    width: 100%; 
    height:auto;
}
}

@media (max-width:480px){
    .top-left {
    flex-wrap: wrap;
}
}



/* New Style 22/5/2025 */
/* Own DropDown Style  */
.drpdwn {
  position: relative;
}
.drpdwn > a {
  line-height: 3rem;
  color: #fafafa;
  /*padding: 0 0.8rem;*/
  letter-spacing: 1px;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: start;
  transition: 0.5s;
}
.drpdwn > a > i {
  margin-left: 0.2rem;
}
.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 10rem;
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  z-index: 11;
}
.dropdown ul {
  position: relative;
  padding: 0;
  list-style: none;
}
.dropdown-link > a {
  display: flex;
  gap: 10px;
  background-color: #fafafa;
  color: #1a1a1a;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  justify-content: start;
  transition: 0.3s;
}

.dropdown-link:hover > a {
  background-color: #e57025;
  color: #fafafa;
}
.arrow {
  position: absolute;
  width: 11px;
  height: 11px;
  top: -5.5px;
  left: 32px;
  background-color: #fafafa;
  transform: rotate(45deg);
  cursor: pointer;
  transition: 0.3s;
  z-index: -1;
}
.dropdown-link:first-child:hover ~ .arrow {
  background-color: #e57025;
}
.dropdown .dropdown-link {
  position: relative;
  padding: 0 !important;
}
.drpdwn:hover > .dropdown,
.dropdown-link:hover > .dropdown {
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: auto;
}

/* Own DropDown Style  End*/

.checkbox-option label {
  display: flex;
  gap: 10px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}
.mbl-rev {
  background-color: #ffffff;
  padding: 30px 0px;
  border-radius: 8px;
  margin:65px 0px;
}