@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


@font-face {
    font-family: 'Arial Condensed';
    src: url('../fonts/fonnts.com-Arial_Nova_W07_Regular.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Arial Condensed';
    src: url('../fonts/fonnts.com-Arial_Nova_W10_Condensed.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dinnext';
    src: url('../fonts/DINNextW1G-Regular.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}

.menu-flx {
    display: flex;
    justify-content: center;
}
.search-btn input{
    width: 100%;
    display: block;
    text-align: center;
    color: #000;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 18px;
    padding: 2%;
    border-radius: 30px;
}
.search-btn input::placeholder {
  font-size: 14px;
  color: #999; /* optional: placeholder color */
}

/* For better cross-browser support */
.search-btn input::-webkit-input-placeholder {
  font-size: 14px;
}

.search-btn input:-ms-input-placeholder {
  font-size: 14px;
}

.search-btn input::-ms-input-placeholder {
  font-size: 14px;
}


/*---blog---*/
.cus_back {
    height: 210px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bullet-blog ul li {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    margin: 0% 2% 1.3% 0%;
    text-decoration: none;
    font-weight: 500;
} 


.bullet-blog ul {
    list-style-image: url(images/bullet.png);
    margin-left: 24px;a
}

.blog_sm8{
    width: 75%;
    float: left;
}
.blog_sm88{
    width: 25%;
    float: right;
}
.blog_sm2{
    width: 31%;
    float: left;
    margin: 1%;
}

.blog_sm1{
    width: 98%;
    margin: 1% auto;
}
.blg_img{
    position: relative;
    width: 100%;
}

.blog_text{
    background-color: #fff;
    padding: 10px;
/*  min-height: 305px;*/
}

.blog_text h2 {
   font-family: "Arial Condensed";
    font-size: 18px;
    font-weight: 600;
    white-space: normal;
    line-height: 150%;
    color: #0098b9;
    margin: 0% !important;
}
.blog_text h3{
   font-family: "Arial Condensed";
    font-size: 12px;
     white-space: normal;
    font-weight: 600;
    line-height: 160%;
    color: #000;
    margin: 1px 0px 15px 0px;
}
.blog_text p {
   font-family: "Arial Condensed";
    font-size: 16px;
    line-height: 160%;
    color: #000;
    margin: 1% 0%;
     white-space: normal;
    margin: 2% 0% 0% !important;
}
.blog_text a {
    font-family: "Arial Condensed";
    display: inline-block;
    margin: 0px;
    font-weight: 600;
    font-size: 16px;
     white-space: normal;
    color: #000000;
}
.blog_text p strong {
    font-weight: bold;
    font-size: 13px;
}

.blog_text2{
    background-color: #fff;
    padding: 10px 0px;
/*  min-height: 305px;*/
}

.blog_text2 h2 {
 font-family: "Arial Condensed";
    font-size: 22px;
    font-weight: 600;
    line-height: 150%;
    white-space: normal;
    color: #06437c;
    margin: 1% 0% !important;
}
.blog_text2 h3{
   font-family: "Arial Condensed";
    font-size: 12px;
    font-weight: 600;
    line-height: 160%;
     white-space: normal;
    color: #000;
    margin: 1px 0px 15px 0px;
}
.blog_text2 p {

    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding: 0;
    margin: 0;
    line-height: 160%;

   
}
.blog_text2 a {
   font-family: "Arial Condensed";
    display: inline-block;
    margin: 20px 0px 10px 0px;
    font-weight: 600;
        border: 3px solid;

    font-size: 16px;
    padding: 10px 30px;
    white-space: normal;
    color: #ffffff;
    background-color: #06437c;
}

.blog_text2 a:hover {
      color: #000000;
    background-color: #fff;
    border: 3px solid #06437c;
    cursor: pointer;
}
.blog_text2 p strong {
    font-weight: bold;
    font-size: 16px;
}
.blog_cat {
    background-color: #f5f5f5;
    padding: 20px;
    margin-top: 2.5%;
    border-radius: 4px;
}
.sidebar-title {
   font-family: "Arial Condensed";
    font-size: 18px;
    position: relative;
    margin: 0 0 7px;
    font-weight: 600;
    border: none;
    float: none;
    width: auto;
}
.s-border {
    width: 40px;
    height: 1px;
    margin-bottom: 2px;
    border-radius: 50px;
    background: #c5c5c5;
}
.m-border {
    width: 20px;
    height: 1px;
    margin-bottom: 15px;
    border-radius: 50px;
    background: #c5c5c5;
}
.blog_cat ul li a {
        font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    white-space: normal;
    font-weight: 500;
    padding-left: 4px;
    text-decoration: none;
    border-left: 3px solid #06437c;
    line-height: 200%;
}
.blog_cat ul li{
    list-style: none;

}
.blog_cat ul li a .fa{
    color: #ee1625;
}
.center {
    text-align: center;
}
.page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 2px 0 0;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    background-color:#313131;
    color:#fff;
   font-family: "Arial Condensed";
    font-size: 15px;
}
.page-numbers.current,
a.page-numbers:hover {
    background: #a6ce39;
}
.cat_active{
    color: #d63638 !important;
}

.blog-brd-pad2 {
    border: 1.7px solid #0098b9;
    padding: 1%;
    background-color: #fff;
    min-height: 490px;
}

.blog_ban_txt h1 {
  font-family: "Arial Condensed";
    font-size: 30px;
    font-weight: 700;
    line-height: 150%;
    color: #00637b;
     white-space: normal;
    margin: 1% 0% 1.5% !important;
    border-left: 5px solid #a0ce53;
    padding-left:10px;

}

@media only screen and (max-width:900px){
.blog_sm2 {
    width: 98%;
    float: none;
    margin: 1% auto 3% auto;
}
.blog_sm8 {
    width: 100%;
    float: none;
}
.blog_sm88 {
    width: 100%;
    float: none;
}
}

/*---blog---*/
/* --------------------------
Default Code 
-----------------------------*/
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    scroll-behavior: smooth;
}


.col_sm1 {
    width: 100%;
}

.col_sm2 {
    width: 48%;
    float: left;
    margin: 1%;
}

.col_sm3 {
    width: 31%;
    float: left;
    margin: 1%;
}

.col_sm4 {
    width: 23%;
    margin: 1%;
    float: left;
}

.col_sm5 {
    width: 18%;
    margin: 1%;
    float: left;
}

.col_sm7 {
    width: 12%;
    margin: 1%;
    float: left;
}


.col_sm5_1 {
    width: 18.5%;
    margin: 0%;
    float: left;
}

.col_sm44 {
    width: 28%;
    margin: 1%;
    float: left;
}

.col_sm8 {
    width: 58%;
    float: left;
    margin: 0 1%;

}

.col_sm8-1 {
    width: 58%;
    float: right;
    margin: 1%;
}


.col_sm88 {
    width: 38%;
    float: left;
    margin: 1%;
}


.col_sm99 {
    width: 71%;
    float: left;
    margin: 1%;
}

.col_sm9 {
    width: 25%;
    float: left;
    margin: 1%;
}

.col_sm100 {
    width: 15%;
    margin: 1%;
    float: left;
}

.col_sm10 {
    width: 85%;
    margin: 1%;
    float: left;
}

.col_sm11{
    width: 18%;
    margin: 1%;
    float: left;
}


.col_sm111{
    width: 78%;
    margin: 1%;
    float: left;
}

.clear {
    clear: both;
}

.top {
    width: 90%;
    margin: 0 auto;
    max-width: 1600px;
}

.top2 {
    width: 85%;
    margin: 0 auto;
}

.top3 {
    width: 85%;
    margin: 0 auto;
}

.logo {
    width: 140px;
    float: left;
    border-radius: 50%;
}

.navbarrr {
    width: fit-content;
    float: right;
    margin: 1%;
}


.fix_nav {
    position: absolute;
    z-index: 9999;
    background: transparent;
}

.img {
       width: 100%;
    display: block;
}

.logo_img {
    width: 100%;
}

.bg_clr222 {
    background: white;
}

.footer-icon {
    text-align: center;
    margin-top: -23%;
}


/*-----------------------------
Whatsapp up
-----------------------------*/

.whatsapp_float {
    text-decoration: none;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 10px;
    background-color: #25d366;
    color: #fff;
    border-radius: 40px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.whatsapp-icon {
    margin-top: 16px;
}

/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow {
    width: 45px;
    height: 45px;
    position: fixed;
    display: flex;
    right: 1%;
    bottom: 2.5%;
    transition-duration: 1s;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    z-index: 9999;
    background-color: #03c2e4;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.top_arrow:hover {
    background-color: #3f3f3f;
}



/*------------------------------------------
footer
------------------------------------------*/

.ftr {
    background: #06437c;
}

.address-flex {
    display: flex;
    gap: 80px;
}

.footer li {
    list-style: none;
}

.ftr h3 {
    font-family: "Arial Condensed";
    font-size: 23px;
    color: #fff;
}

.ftr p {
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
    line-height: 140%;
}

.ftr_btn h3 {

    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
}

.ftr_btn p {
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 1%;
}

.ftr_btn a {
    color: #000;
}

.ftr_flex {
    display: flex;
    gap: 26px;
    justify-content: center;
}

.fa-whatsapp {
    color: #fff !important;
}


.ftr a {
    font-family: "Arial Condensed";
    font-size: 18px;
    line-height: 140%;
    color: #fff;
}


.ftr_right {
    text-align: right;
}

.fa-brands {
    font-size: 14px;
}

.fa-whatsapp {
    font-size: 35px;
}


.social-box-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.fa-brands {
    font-size: 38px;
    color: #00afef;
}


/*------------------------------------------
Main Code 
------------------------------------------*/

.clie-brd{
    border: 1px solid #c3c3c3;
}

.bg_clr12 {
    /* background: #fff; */
    margin-top: 22px;
    border-radius: 40px;
    position: relative;
    padding: 0 3%;
    width: 85%
}


header {
    width: 100%;
}

.header {
    position: static;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    background-color: var(--color-white-100);
}

.brand {
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--color-blue-300);
}

.navbar {
    width: 100%;
    margin-inline: auto;
    max-width: 1600px;
}

.navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    height: 100%;
}

.navbar-block {
    position: absolute;
    left: 0;
    width: 100%;
    min-height: auto;
    opacity: 0;
    pointer-events: none;
    background-color: var(--color-white-100);
    transition: opacity 0.4s ease;
    z-index: 9999;
}

.navbar-block.is-active {
    opacity: 1;
    pointer-events: initial;
}

@media screen and (min-width: 62rem) {
    .navbar {
        display: flex;
        justify-content: space-between;
    }

    .navbar-block {
        position: initial;
        height: initial;
        opacity: 1;
        pointer-events: visible;
        background: none;
        transition: none;
    }
}

.menu {
    padding-block: 1rem;
    padding-inline: auto;
}

.menu-link {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-family: "Arial Condensed";
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 0.5rem;
    padding-inline: 1.5rem;
    transition: color 0.3s ease;
    text-transform: uppercase;
}



.menu .active a {
    color: #f47721;
}

@media screen and (min-width: 62rem) {
    .menu {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        -moz-column-gap: 1rem;
        column-gap: 6px;
        height: 100%;
        padding: unset;
    }

    .menu-item {
        cursor: pointer;
        padding-inline: 0.5rem;
        padding: 0% 1% !important;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menu-link {
        padding: unset;
    }
}

.dropdown-toggle {
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-toggle i.bx {
    font-size: 1.3rem;
    line-height: inherit;
    transition: rotate 0.4s ease;
}

.dropdown-content,
.dropdown-content2,
.dropdown-content3 {
    height: 0;
    overflow: hidden;
    background-color: var(--color-white-100);
    transition: height 0.5s ease;
}

.dropdown-column3,
.dropdown-column2,
.dropdown-column,
.dropdown-group,
.dropdown-items {
    display: grid;
    padding: 0 1%;
}

.dropdown-group {
    padding-bottom: 1rem;
    width: fit-content;
}

.dropdown-title {
    display: flex;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: center;
    padding-inline: 1rem;
}

.dropdown-icon i.bx {
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--color-blue-300);
}

.dropdown-items {
    row-gap: 0.8rem;
    padding-inline: 1rem;
    padding-top: 0.35rem;
}

.dropdown-link {
    font-size: 14px;
    font-weight: 500;
    line-height: inherit;
    transition: color 0.3s ease;
    font-family: 'Arial Condensed', sans-serif;
    text-decoration: none;
    color: #000000;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.3s ease;
}

.dropdown-link:hover {
    color: #f47721;
}

.dropdown-show>.dropdown-toggle i.bx {
    rotate: 180deg;
}

.dropdown-block {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding-top: 1rem;
    padding-inline: 1rem;
}



.banner {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    background-image: url(../images/slider-banner.jpg);
    width: 100%;
    display: flex !important;
    position: relative;
}

.banner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgb(15 55 95 / 88%);
}

.banner-text {
    position: absolute;
    z-index: 999;
    bottom: 24%;
    left: 12%;
}

.banner-text h2 {
    font-family: 'Arial Condensed';
    color: #fff;
    font-size: 40px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.banner-text span {
    color: #fffd59;
}

.search-btn {
    background: #fff;
    font-size: 20px;
    font-family: "Arial Condensed";
    border-radius: 29px;
    margin: 3% 0;
    color: #000;
    line-height: 140%;
}

.search-btn a {
    width: 100%;
    display: block;
    text-align: center;
    color: #000;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 18px;
    padding: 2%;
}

.btn {
    margin: 3% 0 0;
}

.btn a {
    display: block;
    width: fit-content;
    background: #fffd59;
    padding: 1.5% 7%;
    border-radius: 24px;
    color: #000;
    font-family: "Arial Condensed";
    font-size: 18px;
    line-height: 140%;
}


.btn-flex {
    display: flex;
    justify-content: space-between;
}


.connect-btn a {
    display: block;
    border: 4px solid #fffd59;
    padding: 2% 7%;
    border-radius: 24px;
    color: #fffd59;
    font-family: "Arial Condensed";
    font-size: 18px;
    line-height: 140%;
    width: 100%;
    text-align: center;
    transition: all ease-in-out 0.5s;

}

.connect-btn:hover a {
    background-color: #fff;
    color: #000;
}

.banner-img img {
    position: absolute;
    right: 0;
    z-index: 9;
    bottom: -1%;
    width: 40%;
}

.banner-tagline {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 9;
    bottom: 4%;
}

.banner-tagline p {
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 20px;
    padding: 0.5% 0;
}


.about-banner {
    overflow: hidden;
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    width: 100%;
    display: flex !important;
    position: relative;

}


.about-banner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgb(11 67 121 / 93%);
}


.about-banner h2 {
    position: absolute;
    z-index: 9;
    bottom: 22px;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    color: #fff;
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    text-transform: uppercase;
}

.bg-design {
    position: absolute;
    z-index: 9;
    right: 0;
    width: 52%;
    opacity: 0.5;
    filter: sepia(1) saturate(10000%) hue-rotate(179deg);
}

.builiding-img {
    position: absolute;
    background-repeat: repeat;
    opacity: 0.15;
    bottom: -1%;
}

.dots {
    position: absolute;
    top: -13%;
    width: 8%;
    left: -3%;
}


.dots2 {
    position: absolute;
    top: -13%;
    width: 8%;
    left: -1%;
    z-index: 1;
}

.about {
    position: absolute;
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.about h2 {
    font-family: "Arial Condensed";
    color: #fff;
    font-size: 40px;
    line-height: 140%;
    margin: 0;
    padding: 0;
}

.about h3 {
    font-family: "Arial Condensed";
    color: #fff;
    font-size: 73px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    letter-spacing: 5px;
    position: relative;
    margin-left: 1%;
    padding-left: 20px;
}

.about h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 44%;
    transform: translateY(-50%);
    width: 8px;
    height: 72%;
    background: #fffd59;
}

.about span {
    color: #fffd59;
}

.counter2 {
    background: white;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 4px solid #fffd59;
    display: flex;
    align-items: center;
    justify-content: center;

}

.counter2 h1 {
    text-align: center;
    font-family: "Arial Condensed";
    color: #06437c;
    font-size: 31px;
    line-height: 140%;
    font-weight: 900;
}

.counter2 span {
    color: #06437c;
}

#counter {
    display: flex;
    align-items: center;
}


.transfrom-sub {
    position: relative;
}


.transfrom-sub h2 {
    font-family: "Arial Condensed";
    color: #000;
    font-size: 33px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

.transfrom-sub h6 {
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 21px;
    margin-top: 1%;
}


.transfrom-sub h6 {
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 21px;
     
    margin-top: 1%;
}


.transform h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    color: #06437c;
        padding-right: 35%;
    text-transform: uppercase;
}

.transform h3{
    font-family: "Arial Condensed";
    font-size: 23px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
     
    margin-top: 1%;
}

.transform h4{
    font-family: "Arial Condensed";
    font-size: 28px;
    font-weight: 600;
    line-height: 140%;
    color: #000;
     
    margin-top: 1%;
}


.transform p {
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 0;
    margin-top: 1%;
}




/*circle*/
.stats-section {
    background-image: url('../images/buliding-img.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
    padding: 80px 0px;
    position: relative;
}

/* Overlay for better readability */
.stats-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 51, 102, 0.9);
    /* Blue overlay */
    z-index: 1;
}

.stats-container {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1600px;
    margin: auto;
    flex-wrap: wrap;
}


.stats-left h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    line-height: 140%;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center;
}

.stats-left h1 {
    font-family: "Arial Condensed";
    font-size: 90px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 5px;
    margin-left: 15px;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    margin-bottom: 2%;
}


.stats-left h1 span {
    color: #fffd59;
    /* highlight year */
}

.stats-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.stats-right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin-top: 35px;
}

.circle {
    font-family: "Arial Condensed";
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: #fff;
    color: #003366;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    border: 3px solid #fffd59;
    padding: 15px;
}

/*circle*/



.industry-expertise {
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    background-image: url(../images/industry-expertise-banner.jpg);
    width: 100%;
    display: flex !important;
    position: relative;
    align-items: center;
}

.industry-expertise:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgb(255 255 255 / 87%);
}

.industry-expertise-sub {
    position: relative;
    z-index: 9;
}

.industry-expertise-sub h2 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    padding-left: 1%;
    text-transform: uppercase;
    color: #06437c;
}

.industry-expertise-box {
    background: #06437c;
    border-radius: 19px;
    min-height: 204px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 10px;
}

.industry-expertise-box h2 {
    font-family: "Arial Condensed";
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: center;
}

.img-box {
    display: flex;
    justify-content: center;
    margin-bottom: 4%;
}

.img-box img {
    filter: sepia(1) saturate(10000%) hue-rotate(357deg);
    width: 30%;
}

.client h2 {
    font-family: "Arial Condensed";
    color: #000;
    font-size: 33px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    position: relative;
}

.client h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 44%;
    transform: translateY(-50%);
    width: 8px;
    height: 98%;
    background: #fffd59;
}

.test-box .img_box {
    display: flex;
    justify-content: center;
}

.test-box .img_box img {
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
    border: 6px solid #00afef;
}

.test-box p {
    font-size: 18px;
    text-decoration: none;
    color: #545454;
    font-weight: 500;
    font-family: "Arial Condensed";
    line-height: 140%;
    margin: 0;
    text-align: center;
    padding: 0% 5%;
}

.test-box h3 {
    font-family: "Arial Condensed";
    color: #000;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    margin-top: 10px;
}

.client-say {

    background: #f2f2f2;
}


.client-say h2 {
    font-family: "Arial Condensed";
    color: #000;
    font-size: 33px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    position: relative;
}

.client-say h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 44%;
    transform: translateY(-50%);
    width: 8px;
    height: 98%;
    background: #fffd59;
}

.accrediations h2 {
    font-family: "Arial Condensed";
    color: #000;
    font-size: 33px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    position: relative;
}


.accrediations h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 44%;
    transform: translateY(-50%);
    width: 8px;
    height: 98%;
    background: #fffd59;
}


.accrediations-sub {
    background: #06437c;
    border-radius: 19px;
    padding: 2% 0;
    position: relative;
    /* required for ::after */
}

/* Down shadow effect */
.accrediations-sub::after {
    content: "";
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
    width: 82%;
    height: 15px;
    background: rgb(135 135 135 / 97%);
    border-radius: 50%;
    filter: blur(6px);
    z-index: -1;
}


.accrediations-sub h3 {
    font-family: "Arial Condensed";
    color: #fffd59;
    font-size: 23px;
    line-height: 140%;
    margin: 0;
    padding: 0 75px;
    text-align: center;
    min-height: 58px;
}

.accrediations-sub p {
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
    padding: 7%;
    margin-top: 1%;
}

.accrediations-flex {
    display: flex;
    flex-wrap: wrap;
}


.circle-cls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.box-cls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.connect {
    overflow: hidden;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    background-image: url(../images/connect-with-us.jpg);
    width: 100%;
    display: flex !important;
    position: relative;
}

.connect:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgb(14 75 129 / 87%);
}

.connect-sub {
    position: relative;
    z-index: 9;
}

.connect-sub h2 {
    font-family: "Arial Condensed";
    color: #fff;
    font-size: 40px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    text-align: center;
}


.pdg-main {
    padding: 40px 0px;
}




.banner-video {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-background video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 132%;
    object-fit: cover;
    z-index: -1;
}


.video-background iframe {
    width: 100vw;
    height: 56.25vw;
    /* Maintain 16:9 aspect ratio */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Maintain 16:9 aspect ratio */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* disable interaction */
}

.banner-video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgb(1 15 38 / 55%);
}

.banner-video .top2 {
    position: relative;
    z-index: 3;
    color: white;
    margin-top: 15%;
}

.journey {
    background-color: #fefeee;
    position: relative;
}

.sec-bg {
    background-image: url(../images/service-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

.journey-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
}

.journey h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 5px;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    color: #06437c;
    text-transform: uppercase;
}


.journey p {
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    margin-top: 1%;
}



.journey-1 h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 5px;
    margin-left: 15px;
    border-right: 11px solid #fffd59;
    padding-left: 1%;
    color: #06437c;
    text-transform: uppercase;
    text-align: right;
}


.journey-1 p {
    text-align: right;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 20px;
    margin-top: 1%;
}



.future h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 5px;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    color: #06437c;
    text-transform: uppercase;
}


.future p {
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    margin-top: 1%;
}


.future {
    background-color: #fefeee;
    position: relative;
}





.furture-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28%;
}

.bullet-crm li{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;

    color: #000;
    margin-top: 1%;
    margin-left: 3%;
    line-height: 140%;
}

.bullet-partner li{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    margin-top: 1%;
    margin-left: 2%;
    line-height: 140%;
}

.bullet-partner2 ul{
    display: flex;
    flex-wrap: wrap;
}

.bullet-partner2 li{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    margin-top: 1%;
    margin-left: 2%;
    line-height: 140%;
    width: 48%;
}


.bullet li {
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    margin-top: 1%;
    margin-left: 3%;
}

.bullet2 ul {
    display: flex;
    flex-wrap: wrap;
}

.bullet2 li{
    list-style: none;
    margin: 0;
}

.bullet2 li img{
    width: 50px;
    filter: brightness(0) saturate(100%);
}

.bullet2 li{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 0;
    margin-top: 1%;
    width: 48%;
    align-items: center;
    display: flex;
    gap: 11px;
}

.bullet_sub{
    padding: 2% 0;
}


.bullet2_1{
    width: 100%;
    margin-top: 0%;
}

.bullet2_1 ul {
        list-style-image: url(../images/bullet.png);
        display: flex;
        flex-wrap: wrap;
        margin-left: 4%;
}

.bullet2_1 ul li {
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    width: 44%;
    line-height: 140%;
    margin-right: 6%;
    }


.our-vision {
    overflow: hidden;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: 50% 89%;
    z-index: 1;
    width: 100%;
    display: flex !important;
    position: relative;
    background-image: url(../images/vision.jpg);
}

.our-vision h2 {
    font-family: "Arial Condensed";
    font-size: 38px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 5px;
    padding-left: 13px;
    border-left: 11px solid #fffd59;
    padding-right: 1%;
    color: #06437c;
    text-transform: uppercase;
}

.our-vision p {
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 20px;
    margin-top: 1%;
    text-align: center;
    font-weight: 600;
}

.text-flex{
    display: flex;
    justify-content: center;
}


.team {
    position: relative;
    background: #06437c;
    padding: 1% 0;
}

.team h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 5px;
    margin-left: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.team-design {
    position: absolute;
    width: 7%;
    top: 7%;
}

.team2{
    position: relative;
    background: #06437c;
    padding: 1% 0;
    height: 10vh;
}

.team-design2{
    
    position: absolute;
    width: 7%;
    top: 7%;
    right: 1%;

}

.leader-team{
    overflow: hidden;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    z-index: 1;
    width: 100%;
    display: flex !important;
    position: relative;
    background-image: url(../images/team-bg.jpg);
}


.team-sub{
    background: #06437c;
    padding: 2%;
    border-radius: 9px;
}

.team-sub img{
    background: #fff;
    padding: 5%;
    border-radius: 14px;
}

.team-sub h2{
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
    margin-top: 6%;
}

.team-sub h3{
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 17px;
    color: #fff;
    margin-top: 6%;
     
}

.team-sub2 p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 20px;
    margin-top: 1%;
}

.strategic-flex{
    display: flex;
    flex-wrap: wrap;
}

.strategic h2{
    font-family: "Arial Condensed";
    font-size: 35px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
    margin-top: 1%;
}

.strategic-sub{
    background: #06437c;
    border-radius: 14px;
    padding: 1%;
    margin-top: 2%;
}

.icon-box{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -28%;
}

.icon-box img{
    width: 120px;
    margin: 21px;
    padding: 4%;
    background: #fff;
    border-radius: 50%;
    height: 120px;
}

.strategic-sub p{
    font-family: "Arial Condensed";
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
}

.contract-staffing{
    background: #06437c;
}

.contract-staffing h2{
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    text-transform: uppercase;
    color: #fffd59;
}

.contract-staffing h3{
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 23px;
    margin-top: 1%;
}

.contract-staffing p{
    font-weight: 400;
    line-height: 140%;
    text-align: left;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
    padding-left: 0;
    margin-top: 1%;
}


.it-workforce h2{
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    text-transform: uppercase;
    color: #06437c;
}

.it-workforce h3{
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: right;
    color: #000;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 23px;
    margin-top: 1%;
}

.it-workforce p{
    font-weight: 400;
    line-height: 140%;
    text-align: right;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    padding-left: 0;
    margin-top: 1%;
}




.top-tier{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    background-image: url(../images/about-us-banner.jpg);
    width: 100%;
    display: flex !important;
    position: relative;
    height: 36vh;
}

.top-tier:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgb(11 67 121 / 93%);
}

.top-tier-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-tier p{
    font-family: "Arial Condensed";
    color: #fff;
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    margin-top: 1%;
    position: relative;
    z-index: 9;
}


.crm-solutions h2 {
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    border-left: 11px solid #fffd59;
    padding-left: 1%;
    color: #06437c;
    text-transform: uppercase;
}

.crm-solutions h3{
    font-family: "Arial Condensed";
    font-size: 28px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
     
    margin-top: 1%;
}

.crm-solutions h4{
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 23px;
    margin-top: 1%;
}

.crm-solutions p{
    font-weight: 400;
    line-height: 140%;
    margin: 2% 0;
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 0;
    margin-top: 1%;

}

.crm{
    background: #e5f0ff;
}

.crm h2{
    font-family: "Arial Condensed";
    font-size: 35px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
    text-align: center;
}

.crm p{
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    line-height: 140%;
}
.crm-flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.crm-sub{

    background: #06437c;
    padding: 1%;
    border-radius: 24px;

}

.crm-sub p{
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #fff;
    line-height: 140%;
}

.partner{
    background: #e5f0ff;
}
.partner h3{
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
    margin-top: 1%;
     
}

.partner p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    margin-top: 1%;
    line-height: 140%;
}

.articles{
    background: #e5f0ff;
}

.articles h2{
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
    text-align: center;
    text-transform: uppercase;
     
}


.articles-btn a{
    background: #06437c;
    border-radius: 14px;
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 24px;
    color: #fff;
    line-height: 140%;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.blog{
    padding: 1%;
    background: #fff;
}

.blog h2{
    font-family: "Arial Condensed";
    font-size: 22px;
    font-weight: 600;
    line-height: 140%;
    color: #000;
    text-align: left;
    text-transform: uppercase;
     
    margin-top: 4%;
}

.blog p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    margin-top: 1%;
    line-height: 140%;
}


.blog2 h2{
    font-family: "Arial Condensed";
    font-size: 22px;
    font-weight: 600;
    line-height: 140%;
    color: #000;
    text-align: left;
    text-transform: uppercase;
     
    margin-top: 4%;
}

.blog2 p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    margin-top: 1%;
    line-height: 140%;
}

.blog-btn{
    width: 33px;
    float: right;
}

.employers h2{
    font-family: "Arial Condensed";
font-size: 40px;
font-weight: 600;
line-height: 140%;
letter-spacing: 5px;
margin-left: 15px;
border-left: 11px solid #fffd59;
padding-left: 1%;
color: #06437c;
text-transform: uppercase;
}

.employers p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    margin-top: 1%;
    margin-left: 1%;
    line-height: 140%;
 
}

.leaflet-popup-content h2{
    text-align: left;
    font-family: "Arial Condensed";
    font-size: 22px;
    color: #000;
    line-height: 140%;
    font-style: normal;
    margin: 0.3em 0 !important;
    border-left: 0;
    letter-spacing: 0;
    text-transform: capitalize;
}


.leaflet-popup-content p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    line-height: 140%;
    font-style: normal;
    margin: 0.3em 0 !important;
}


.leaflet-popup-content h3{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #000;
    line-height: 140%;
    font-style: normal;
    margin: 0.3em 0 !important;
}



.for-candidates {
    overflow: hidden;
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    width: 100%;
    display: flex !important;
    position: relative;

}


.for-candidates:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgb(11 67 121 / 93%);
}

.for-candidates .content{

    color: #fff;
    position: absolute;
    z-index: 9999;
    text-align: center;
    width: 100%;
    top: 34%;

}

.content h4{
    font-family: "Arial Condensed";
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
    margin-top: 3%;
}

.for-candidates h2{
    font-family: "Arial Condensed";
    font-size: 40px;
    line-height: 140%;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center;
}

.for-candidates strong{
    color: #fffd59;
}

.for-candidates h3{
    font-family: "Arial Condensed";
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
    margin-top: 1%;
}

.count{
    font-family: "Arial Condensed";
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
    color: #fffd59;
    margin-top: 3%;
}

.count span{
    color: #fffd59;
}

.form_frame{
    display: flex;
    justify-content: center;
}

.apply-now{
    background: #f9f9f9;
}

.apply-now h2{
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    color: #06437c;
    text-align: center;
    padding-bottom: 1%;
}

.current-openings h2{
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 0;
    padding-left: 1%;
    color: #06437c;
}

.current-opening-sub{
    box-shadow: -1px 1px 4px 0px #cccc;
    border-radius: 7px;
    padding: 2%;
 min-height: 410px;
}

.current-opening-sub h2{
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: left;
    color: #000;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 23px;
    margin-top: 1%;
}

.current-opening-sub h3{
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #437dfd;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 18px;
    margin-top: 1%;
        padding-left: 1%;
}

.current-opening-sub p{
    text-align: justify;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 0;
    margin-top: 1%;
}

.co-icon-box{
    display: flex;
    margin-top: 3%;
    align-items: center;
}

.co-icon-box .fa-solid{
    color: #6e7884;
}

.co-icon-box2{
    width: 7%;
}

.co-icon-box h2{
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #6e7884;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 19px;
    margin-top: 1%;
}

.urgent{
    position: absolute;
    top: 46px;
    right: 15px;
}

.urgent h4{
    background: #fb2c36;
    width: 72px;
    padding: 4%;
    border-radius: 11px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    display: block;
    font-family: "Arial Condensed";
    line-height: 140%;
    margin-top: 1%;
}

.tag{
    width: 130px;
}

.tag h2{
       background: #eceef2;
    padding: 7% 4%;
    border-radius: 11px;
    font-size: 14px;
    color: #000;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    font-family: "Arial Condensed";
    line-height: 140%;
    margin-top: 1%;
}

.tag2{
    width: 89px;
}

.tag2 h2{
    background: #fff;
    border: 1px solid #ccc;
    padding: 7% 3%;
    border-radius: 11px;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: 500;
    display: block;
    font-family: "Arial Condensed";
    line-height: 140%;
    margin-top: 1%;
}

.tag-flex{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4%;
}

.apply-btn{
    margin: 3% 0 0;
    width: 84%;
}

.apply-btn a{
    display: block;
    background: #06427a;
    padding: 2.5% 7%;
    border-radius: 9px;
    color: #fff;
    font-family: "Arial Condensed";
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.apply-btn a:hover{
    background-color: #06437c;
}

.arrow-btn{
    margin: 3% 0 0;
    width: 13%;
}

.arrow-btn a{
    display: block;
    background: #fff;
    border-radius: 9px;
    color: #000;
    font-family: "Arial Condensed";
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    padding: 13% 4%;
    border: 1px solid #ccc;
    transition: all 0.5s ease-in-out;
}

.arrow-btn a:hover{
    background-color: #06437c;
    color: #fff;
}

.view-jobs{
    display: flex;
    justify-content: center;
}

.view-jobs a{
    display: block;
    background-color: #fff;
    color: #000;
    border-radius: 9px;
    font-family: "Arial Condensed";
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    transition: all 0.5s ease-in-out;
    width: fit-content;
    padding: 0.5% 2%;
    border: 1px solid #ccc;
}

.view-jobs a:hover{
    background: #ff6900;
    color: #fff;
}

.career-growth{
    background: #e4f0f8;
    padding: 2% 0;
}

.career-growth h2{
    font-family: "Arial Condensed";
    color: #000;
    font-size: 33px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: 400;
    text-align: center;
}


.main-box{
    display: flex;
    justify-content: center;
}

.star-box{
    width: 40%;
    background: white;
    padding: 1% 2%;
    border-radius: 100px;
    box-shadow: -1px 1px 4px 0px #cccc;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

.fa-star{
    color: #fdc808;
}
.star-content{
        border-right: 1px solid #ccc;
    padding-right: 10px;
}

.star-content h2{
    font-family: "Arial Condensed";
    color: #000;
    font-size: 33px;
    line-height: 140%;
    margin: 0;
    padding: 0;
    padding-left: 0;
    position: relative;
    font-weight: 400;
    text-align: center;
}

.main-box p{
    text-align: center;
    font-family: "Arial Condensed";
    font-size: 18px;
    color: #2d2a30;
    padding-left: 0;
    margin-top: 1%;
}
.test-details{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    margin-top: 10px;
}

.test-box2{
    background: white;
    min-height: 300px;
    padding: 1% 2%;
    border-radius: 14px;
    box-shadow: -1px 1px 4px 0px #cccc;
}
.test-box-img-box{
    width: 8%;
}

.test-box2 p{
    font-size: 18px;
    text-decoration: none;
    color: #545454;
    font-weight: 500;
    font-family: "Arial Condensed";
    line-height: 140%;
    margin: 0;
        min-height: 50px;
    text-align: justify;
    padding: 0% 0%;
}

.test-star{
    display: flex;
    justify-content: space-between;
    margin-top: 1%;
}

.time p{
    background: #f0fdf4;
    color: #2fab49;
    padding: 6px 18px;
    border-radius: 32px;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
    font-family: "Arial Condensed";
    line-height: 140%;
    text-align: justify;
}
.test-img{
    width: 12%;
    float: left;
}

.test-content{
    width: 80%;
    float: left;
    margin-left: 4%;
}

.test-img img{
    border-radius: 50%;
}

.test-content h2{
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 25px;
    margin-top: 1%;
    padding: 0 !important;
}

.test-content h3{

    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 18px;

}

.test-content p{
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #4587fc;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 16px;
}

.main-google-box{
    display: flex;
    justify-content: center;
}

.google-box{
    background: white;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 17px;
    border-radius: 9px;
    box-shadow: 1px 1px 6px #ccc;
}

.google-box img{
    width: 120px;
    padding: 1%;
}

.google-box-star-content h3{
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 18px;
}

.google-box p{
    font-weight: 400;
    text-align: left;
    color: #2d2a2a;
    font-family: "Arial Condensed";
    line-height: 140%;
    font-size: 25px;
}

.iframe{
    width:50%;
    height:800px;
}
/*------------------------------------------
Responsive Code 
------------------------------------------*/
@media only screen and (max-width :1600px) {
    .banner-img img {
        width: 40%;
    }

    .stats-left h1:before {
        left: 33%;
    }

    .banner-text {
        left: 7%;
    }

    .banner-video .top2 {
        margin-top: 12%;
    }

}

@media only screen and (max-width :1500px) {
    .stats-left h1:before {
        left: 32%;
    }

    .bg_clr12 {
        padding: 0;
    }
}
@media screen and (max-width :1232px) {
    .menu-item {
        padding: 0% 0.6% !important;
    }
}
@media only screen and (max-width :1460px) {
    .top {
        width: 94%;
    }
}

@media only screen and (max-width :1400px) {

    .stats-left h1:before {
        left: 31%;
    }
    .col_sm7 {
        width: 18%;
    }
}


@media only screen and (max-width :1366px) {

    .top {
        width: 98%;
    }

}

@media only screen and (max-width :1300px) {
    .stats-left h1:before {
        left: 29%;
        top: 69%;
    }
}



@media only screen and (max-width :1200px) {
    .col_sm11 {
        width: 19%;
    }
    .col_sm111 {
        width: 77%;
    }
    .col_sm5 {
        width: 31%;
    }

    .strategic-sub {
        margin-top: 7%;
    }

    
    .stats-left h1:before {
        top: 71%;
        left: 27%;
    }

    .col_sm5_1 {
        width: 20.5%;
    }

}

@media screen and (max-width: 1100px) {
    .iframe {
        width: 70%;
    }
    .current-opening-sub {
        width: 48%;
    }

    .view-jobs {
        margin-top: 2%;
    }

    .star-box {
        width: 61%;
    }

    .col_sm7 {
        width: 23%;
    }

    .circle {
        width: 230px;
        height: 230px;
    }

    .banner-video .top2 {
        margin-top: 17%;
    }

    .menu-link {
        font-size: 18px;
    }

    .stats-left h1:before {
        top: 71%;
        left: 25%;
    }
}

@media only screen and (max-width :1000px) {

    .circle {
        width: 160px;
        height: 160px;
    }

    .col_sm111 {
        width: 71%;
    }

    .col_sm11 {
        width: 22%;
    }

    .stats-right {
        flex-wrap: wrap;
    }

    .banner-video {
        height: 100vh;
    }

    .stats-left h1:before {
        top: 68%;
        height: 48%;
        left: 23%;
    }

    .circle {
        font-size: 18px;
    }

    .banner-video .top2 {
        margin-top: 18%;
    }

    .col_sm99 {
        width: 98%;
    }

    .col_sm9 {
        width: 98%;
    }

    .menu-link {
        font-size: 15px;
    }

}


@media only screen and (max-width:960px) {
    .bg_clr12 {
        margin-top: 10px;
    }
    .transform h2 {
        padding-right: 0;
    }
    .iframe {
        width: 80%;
    }

    .menu-link{
        color: rgb(10, 65, 117) !important;
    }

    .bullet2 li {
        text-align: left;
    }


    .col_sm11 {
        width: 98%;
    }

    .col_sm111 {
        width: 98%;
    }

    .col_sm99 {
        width: 98%;
    }

    .col_sm9 {
        width: 98%;
    }

    .stats-container {
        flex-direction: column;
        text-align: center;
    }

    .stats-right {
        margin-top: 30px;
    }

    .menu-item {
        list-style: none;
    }

    .menu-item:hover {
        background-color: #00afef;
        color: #fff;
    }

    .menu-item:hover a {
        color: #fff;
    }

    .menu .active a {
        color: #00afef;
    }

    .top {
        width: 100%;
    }

    .stats-left h1 {
        text-align: left;
    }

    .stats-container {
        display: block;
    }

    .stats-left h1:before {
        left: 21%;
    }

    .col_sm5_1 {
        width: 31.5%;
    }

    .col_sm5 {
        width: 31%;
    }

    .accrediations-sub {
        margin-top: 7%;
    }

    .btn-flex {
        flex-wrap: wrap;
    }

    .connect-btn {
        width: 48% !important;
    }
}

@media only screen and (max-width:800px) {
    .for-candidates {
        height: 900px;
    }

    .for-candidates .content {
        top: 28%;
    }

    .col_sm7 {
        width: 31%;
    }

    .strategic-sub {
        margin-top: 11%;
    }

    .stats-left h1:before {
        left: 15%;
    }

    .stats-right {
        flex-wrap: wrap;
    }

    .video-background iframe {
        height: 104.25vw;
    }

    .col_sm5_1 {
        width: 48.5%;
    }

    .col_sm5 {
        width: 48%;
    }

    .col_sm2 {
        width: 98%;
    }

    .col_sm100 {
        width: 98%;
    }

    .address-flex {
        flex-wrap: wrap;
    }

    .col_sm3 {
        width: 98%;

    }

    .col_sm8 {
        width: 98%;
    }

    .col_sm88 {
        width: 98%;
    }
    .col_sm4 {
        width: 48%;
    }
}


@media only screen and (max-width : 700px) {
    .top-tier p {
        padding: 12% 0%;
        width: 100%;
    }
    .col_sm10 {
        width: 98%;
    }
    .journey-bg {
        position: relative;
    width: 50%;
    margin: 0 auto;
    display: block;
    }
    .journey-1 h2 {
        font-size: 37px;
    }

    .transform h2{
        font-size: 37px;
    }

    .banner-video .top2 {
        margin-top: 26%;
    }

    .banner-text {
        left: 3%;
    }

    .col_sm5_1 {
        width: 70.5%;
    }

    .bullet2 ul {
        display: block;
    }

    .bullet2 li {
        width: 98%;
    }
}

@media only screen and (max-width:600px) {
    .current-opening-sub{
        padding: 5%;
        min-height:0;
    }
    .star-content {
        border:none;
    }
    .test-box2 {
        padding: 5%;
    }
    .iframe {
        width: 98%;
    }

    .star-box {
        width: 100%;
        flex-wrap: wrap;
        gap: 3%;
    }

    .stats-right {
        gap: 10px;
    }

    .col_sm7 {
        width: 98%;
    }

    .col_sm4 {
        width: 98%;
    }
    .col_sm5 {
        width: 98%;
    }

    .blog h2 {
        margin-left: 4%;
    }

    .journey-1 h2 {
        font-size: 28px;
    }

    .transform h2{
        font-size: 28px;
    }

    .connect-btn a {
        width: 98%;
    }

    .connect-btn {
        width: 98% !important;
    }

    .circle {
        width: 160px;
        height: 160px;
        font-size: 20px;
    }

    .stats-left h1 {
        font-size: 30px;
        text-align: left;
        margin-left: 4%;
    }

    .stats-left h2 {
        font-size: 28px;
    }

    .banner-img img {
        width: 36%;
    }

    .bullet2_1 ul li {
        width: 100%;
        margin-right: 0%;
    }

    .bullet-partner2 li {
        width: 98%;
    }



}


@media only screen and (max-width:550px) {
    .test-box-img-box {
        width: 18%;
    }

        .banner-video .top2 {
        margin-top: 30%;
    }
}




@media only screen and (max-width:500px) {

    .bullet2 li {
        margin-top: 3%;
        flex-direction: column;
    }

    .top-tier {
        height: 100%;
    }

    .icon-box {
        margin-top: -14%;
    }

    .banner-video .top2 {
        margin-top: 33%;
    }

    .col_sm5 {
        width: 98%;
    }

    .banner-img img {
        width: 41%;
    }
}


@media only screen and (max-width:460px) {

    .bullet2 li {
        text-align: center;
    }


    .logo {
        width: 100px;
        float: left;
    }

    .stats-left h2 {
        font-size: 26px;
    }

    .banner-video .top2 {
        margin-top: 38%;
    }

}


@media only screen and (max-width:400px) {
    .for-candidates .content {
        top: 21%;
    }

    .logo {

        width: 100px;

        float: left;
    }

    .banner-video .top2 {
        margin-top: 26%;
    }

    .stats-right {
        margin-top: 5px;
    }

    .about-banner {
        height: 200px;
    }
    .bg_clr12 {
        padding: 10px 6%;
        margin: 3%;
    }

    .col_sm5_1 {
        width: 98%;
    }

    .stats-left h2 {
        font-size: 22px;
        margin-top: 16%;
    }

    .circle {
        width: 140px;
        height: 140px;
        font-size: 18px;
    }

    .banner-video {
        height: 80vh;
    }

    .stats-left h1 {
        font-size: 28px;
    }

    .stats-right {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .banner-img img {
        width: 51%;
    }

    .test-box2 {
        padding: 4% 4%;
    }
}

@media only screen and (max-width:360px) {
    .circle {
        width: 125px;
        height: 125px;
        font-size: 14px;
    }

    .banner-img img {
        width: 58%;
    }
}