@charset "utf-8";
/*@import "common.css";*/

/*====INDEX START====*/

.home-slider {
    background: #0C2238;
}

.home-slider .swiper-slide {
    position: relative;
}

.home-slider .swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #0C1019CC, #0C101966, #0C101933);
}

.home-slider .swiper-slide video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.home-slider-content {
    position: absolute;
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    left: 50%;
    transform: translateX(-50%);
    top: 98px;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: calc(100vh - 98px)
}

.home-cont-inner h2 {
    color: #fff;
    font-size: 60px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    width: 60%;
}

.home-cont-inner p {
    color: #fff;
    max-width: 640px;
    font-size: 28px;
    line-height: 45px;
    margin-bottom: 30px;
}

.common-btn{
	display:inline-block;
	height:45px;
	color:#fff;
	line-height: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:20px;
	position: relative;
	transition: all 0.5s ease-in-out;
}
.home-slider.swiper-horizontal>.swiper-scrollbar,
.home-slider.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 100px;
    width: 250px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #fff;
}

.home-slider .swiper-scrollbar-drag {
    background: #fff;
    height: 4px;
    top: -2px;
    border-radius: 0;
}

.home-slider .swiper-pagination {
    bottom: 110px;
    color: #fff;
}

@media (max-width: 1920px) {
    .home-slider .swiper-pagination {
        bottom: 40px;
    }
    .home-slider.swiper-horizontal>.swiper-scrollbar,
    .home-slider.swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: 30px;
    }
}


/*====INDEX END====*/


/*====ENGINEERING TO MOBILITY SECTION START====*/

.inner-banner-section {
    padding: 0;
    position: relative;
}

.inner-banner-section .section-image {
    height: 85vh;
    width: auto;
    text-align: right;
    position: relative;
}

.inner-banner-section .section-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(79deg, #0C1019CC, #0C1019B5, #0C101933);
    height: 100%;
}

.inner-banner-section .section-image img {
    display: inline-block;
    height: 100%;
}

.inner-section-content {
    position: absolute;
    top: 98px;
    height: calc(100% - 98px);
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.inner-section-content div {
    max-width: 550px;
}

.inner-section-content h2 {
    color: #fff;
    font-size: 60px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.inner-section-content p {
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    margin: 0;
}

.scroller {
    position: absolute;
    height: 60px;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #fff;
    width: 35px;
    border-radius: 35px;
	z-index:10;
}

.scroller:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    top: 10px;
    animation: top-bottom 1s linear infinite;
}

@keyframes top-bottom {
    0% {
        top: 10px;
    }
    50% {
        top: 40px
    }
    100% {
        top: 10px;
    }
}

.ve-section {
    background: #031426;
}

.top-text-wrapper {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.top-text-wrapper:before {
    content: '';
    left: -40px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    background: #265FCB;
}

.top-text-wrapper .text-box+.text-box {
    margin-top: 30px;
}

.top-text-wrapper .text-box p {
    color: #fff;
    font-size: 18px;
    margin: 0;
    line-height: 28px;
}

.top-text-wrapper .text-box.half-width {
    width: calc(50% - 30px);
}

.ve-slider-holder {
    margin-top: 60px;
    border-radius: 11px;
    overflow: hidden;
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.ve-slider-holder figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ve-slider-holder figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ve-slider-holder .slider-main-holder {
    position: relative;
}

.ve-slider-holder h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    z-index: 1;
    margin-bottom: 40px;
    letter-spacing: 1px;
    padding-left: 5px;
}

.ve-slider-holder h3 span {
    color: #265FCB;
}

.ve-slider .item p {
    color: #fff;
    font-size: 18px;
    margin: 0;
    line-height: 28px;
    background: #0C2238;
    padding: 25px 84px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}


/*
.ve-slider .owl-dots{
    position: absolute;
    top:72px;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%;
}
.ve-slider .owl-dots .owl-dot{
    width:30px;
    height:5px;
    background: #808080;
    border-radius: 5px;
    margin-right:15px;
}
.ve-slider .owl-dots .owl-dot.active{
    background: #DDDDDD;
}
.ve-slider .owl-dots .owl-dot:last-child{
    margin-right:0;
}

*/

#ve-slider .owl-dots {
    position: absolute;
    top: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

#ve-slider .owl-dots .owl-dot {
    width: 30px;
    height: 5px;
    background: #808080;
    border-radius: 5px;
    margin-right: 15px;
}

#ve-slider .owl-dots .owl-dot.active {
    background: #DDDDDD;
}

#ve-slider .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.focus-area {
    padding-bottom: 20px;
}

.section-heading {
    text-align: center;
    max-width: 70%;
    margin: 0 auto 50px auto;
}

.section-heading h3 {
    color: #0C2238;
    font-size: 40px;
}

.section-heading p {
    color: #0C2238;
    font-size: 18px;
    margin: 10px 0 0 0;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.tags a, .tags span {
    display: inline-block;
    background: #265FCB;
    border-radius: 6px;
    height: 50px;
    line-height: 50px;
    padding: 0 46px;
    color: #fff;
    font-size: 18px;
    transition: all 0.5s ease-in-out;
	cursor: auto;
}

/*.tags a:hover, .tags span:hover {
    background: #0C2238;
}*/

.blog-wrapper {
    margin: 0 -20px;
}

.blog-wrapper .blog-item {
    padding: 0 20px;
    width: 50%;
    margin-bottom: 40px;
}

.blog-item-inner {
    background: #fff;
    box-shadow: 0 0 36px #00000019;
}

.blog-item-inner .blog-image {
    display: block;
}

.blog-item-inner .blog-image figure {
    margin: 0;
    height: 265px;
}

.blog-item-inner .blog-image figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-desc-sort {
    padding: 40px 30px 0 30px;
    min-height: 188px;
}

.blog-desc-sort h4 {
    font-size: 30px;
    margin-bottom: 20px;
}

.blog-desc-sort h4 a {
    display: inline-block;
    color: #0C2238;
    transition: all 0.5s ease-in-out;
    font-family: 'Facto-Medium';
}

.blog-desc-sort h4 a:hover {
    color: #265FCB;
}

.blog-desc-sort p {
    color: #0C2238;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.blog-footer {
    padding: 15px 30px 40px 30px;
    text-align: right;
}

.blog-footer a {
    color: #0C2238;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out;
}

.blog-footer a:hover {
    color: #265FCB;
}

.newsletter-section {
    background: #0C2238;
}

.newsletter-section h3 {
    color: #fff;
    font-size: 30px;
}

.news-form input[type="email"] {
    border: 1px solid #F7F7F7;
    border-radius: 35px;
    height: 50px;
    padding: 0 20px;
    width: 300px;
    background: transparent;
    outline: none;
    color: #fff;
    font-size: 18px;
    margin-right: 30px;
}

.news-form input[type="email"]::placeholder {
    color: #808080;
}

.news-form label {
    display: block;
    position: relative;
}

.news-form label:after {
    position: absolute;
    top: 0;
    content: '';
    right: 0;
    height: 100%;
    width: 50px;
    background: #265FCB;
    transition: all 0.5s ease-in-out;
}

.news-form label:hover:after {
    width: 100%;
}

.news-form label input {
    padding: 0 35px;
    height: 50px;
    border: none;
    background: transparent;
    outline: none;
    color: #fff;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    z-index: 2
}


/*====ENGINEERING TO MOBILITY SECTION END====*/


/* ======BLOG PAGE======= */

.bluebg {
    background: #F7FAFF;
}

.blog-header {
    background: #0C2238;
}

.backhome-btn {
    display: inline-block;
    color: #F7F7F7;
    margin-bottom: -5px;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 3px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.backhome-btn:hover {
    color: #fff;
    letter-spacing: 1px;
}

.social-sec {
    margin-top: 100px;
}

.social-row {
    padding: 45px 0 50px 0;
}

.social-sec .container {
    background: #fff;
}

.gobackbtn {
    letter-spacing: 2.7px;
    color: #031426;
    text-transform: capitalize;
    display: inline-block;
    border-bottom: 1px solid #808080;
    padding-bottom: 10px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.gobackbtn:hover {
    color: #DDDDDD;
    margin-left: 10px;
}

.share-col span {
    letter-spacing: 2.7px;
    color: #0C2238;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 50px;
    display: inline-block;
}

.page-social li:not(:last-child) {
    margin-right: 25px;
}

.page-social li a {
    color: #265FCB;
    font-size: 22px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.page-social li a:hover {
    color: #0C2238;
}

.blogtxt {
    display: inline-block;
    margin: 0 0 35px 0;
    color: #fff;
    background: #265FCB;
    padding: 7px 30px;
    font-size: 22px;
    font-weight: bold;
}

.blogdetails-wrp {
    border-bottom: 1px solid #365EC4;
    padding-bottom: 25px;
}

.blogdetails-wrp h3 {
    color: #0C2238;
    font-size: 50px;
    line-height: 62px;
    font-weight: bold;
    margin: 0 0 2px 0;
    text-transform: capitalize;
    position: relative;
	padding-top: 20px;
}

.blog-txtimg-holdr h4 {
    color: #0C2238;
    font-size: 40px;
    line-height: 52px;
    font-weight: bold;
    margin: 0 0 2px 0;
    text-transform: capitalize;
    position: relative;
	padding-top: 20px;
	padding-bottom: 15px;
}
.blog-txtimg-holdr h5 {
    color: #0C2238;
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    margin: 0 0 2px 0;
    text-transform: capitalize;
    position: relative;
	padding-top: 20px;
	padding-bottom: 15px;
}

.blogdate {
    color: #0C2238;
    display: inline-block;
    font-size: 15px;
}

.blog-txtimg-holdr {
    padding: 40px 30px 30px;
    color: #0C2238;
}

.blog-txtimg-holdr p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 25px 0;
}
.blog-txtimg-holdr ul{
    background: white;
    font-size: 30px;
}
.blog-txtimg-holdr.exprtise-wrpr ul{
    background: none;
    font-size: 30px;
    color: #ffffff;
}
.blog-txtimg-holdr.exprtise-wrpr ul li::before{
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
}
.blog-txtimg-holdr.exprtise-wrpr li ul li:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 6px;
    height: 6px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-90deg);
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
}
.blog-txtimg-holdr ul li {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 25px 0;
    list-style: none;
	display: block;
}
.blog-txtimg-holdr ul li::before {
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
}
.blog-txtimg-holdr .share-col-footer ul li::before {
    display: none !important;
}
.blog-txtimg-holdr :is(figure, ul) {
    margin: 0 0 25px 0;
}

.blog-txtimg-holdr li {
    display: flex;
    flex-wrap: wrap;
}

.blog-txtimg-holdr li:not(:last-child) {
    margin-bottom: 15px;
}

.blog-txtimg-holdr li i {
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
}

.blog-txtimg-holdr li p {
    margin: 0;
}

.blog-txtimg-holdr li ul {
    padding: 10px 0 0 30px;
}

.blog-txtimg-holdr li ul li {
    font-size: 15px;
    line-height: 24px;
    list-style: decimal;
    position: relative;
    padding-left: 27px;
}

.blog-txtimg-holdr li ul li:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #000;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(-90deg);
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px;
}

.blog-txtimg-holdr li ul li:not(:last-child) {
    margin: 0 0 5px 0;
    color: #031426;
}

.blog-txtimg-holdr .share-col-footer ul {
    margin: 0;
}

.blog-txtimg-holdr .share-col-footer ul li {
    margin-bottom: 0;
}

.blog-txtimg-holdr .share-col-footer ul li a {
    color: #808080;
}

.blog-txtimg-holdr .share-col-footer ul li a:hover {
    color: #031426;
}

.blog-txtimg-holdr .share-col-footer ul li a i {
    margin: 0;
}

.blog-txtimg-holdr .share-col-footer span {
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-size: 24px;
}


/*=======BLOG PAGE END===========*/


/* =======DIGITAL COCKPIT============ */

.darkblue-bg,
.darkblue-bg .container {
    background: #0C2238;
    color: #DDDDDD;
}

.darkblue-bg :is(a, p, i) {
    color: #DDDDDD;
}

.rapid-sec {
    padding: 50px 0;
    background: #F7FAFF;
}

.rapid-sec .container {
    background: #F7FAFF;
    color: #0C2238;
    padding: 0 40px;
}

.rapid-sec p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 25px 0;
    color: #0C2238;
}

.rapid-sec p:last-child {
    margin: 0;
}

.cockpit-wrpr h2 {
    color: #DDDDDD;
    font-size: 50px;
    line-height: 58px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 20px;
}

.systm-sec {
    padding: 48px 0 0;
}

.systm-sec .midm-titl {
    text-align: center;
    color: #fff;
    margin: 0 0 30px 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    text-transform: uppercase;
}
.systm-sec h3 {
    text-align: left;
    color: #fff;
    margin: 0 0 30px 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    text-transform: uppercase;
}
.systm-sec h4 {
    text-align: left;
    color: #fff;
    margin: 0 0 30px 0;
    font-size: 34px;
    line-height: 48px;
    font-weight: 500;
    text-transform: uppercase;
}

.exprtise-wrpr .midm-titl {
    text-align: left;
}

.systm-sec .container {
    padding: 0 40px;
}

.systmcard figure {
    overflow: hidden;
    margin: 0px;
}

.systmcard img {
    width: 100%;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.systmcard figcaption {
    background: #1C3053;
    padding: 25px;
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    font-weight: normal;
    min-height: 132px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.systmcard:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.systmcard:hover figcaption {
    background: #fff;
    color: #1C3053;
}

.systm-row {
    margin: 45px 0 25px;
}

.exprtise-wrpr li p {
    color: #fff;
}

.exprtise-wrpr li ul li,
.exprtise-wrpr li ul li:not(:last-child) {
    color: #fff;
}

.exprtise-wrpr li ul li:before {
    background: #fff;
}

.exprtise-wrpr .share-col-footer span {
    color: #DDDDDD;
}

.didtalcockpot-body .share-col span {
    color: #DDDDDD;
}


/* ========DIGITAL COCKPIT END========= */


/* ========SOLUTION WE BUILD START========= */

.solution .section-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions-section {
    padding: 70px 50px;
    background: #F7FAFF;
}

.solution-container:not(:last-child) {
    margin-bottom: 30px;
}

.solution-container figure {
    margin: 0;
    width: 50%;
    height: 650px;
}

.solution-container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solution-container .text-wrap {
    width: 50%;
    background: #fff;
    padding: 50px;
    padding-top: 30px;
    padding-bottom: 0px;
}

.solution-container .text-wrap h4 {
    font-size: 30px;
    color: #0C2238;
    margin-bottom: 30px;
    font-weight: bold;
}

.solution-container .text-wrap p {
    color: #0C2238;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px;
}

.solution-container .text-wrap .common-btn {
    color: #0B101A;
    z-index: 2;
}

.solution-container .text-wrap .common-btn:hover {
    color: #fff;
}

.solution-container .text-wrap .common-btn i {
    background: #0B101A;
}

.solution-container .text-wrap .common-btn:hover i {
    background: #265FCB;
}

.solution-container:nth-child(even) {
    flex-direction: row-reverse;
}


/* ========SOLUTION WE BUILD END========= */


/* ========TRUST EARNED START========= */

.trust .inner-section-content div {
    max-width: 1100px;
}

.success-stories-section {
    background: #F7FAFF;
}

.success-stories-section .wrap {
    padding: 0 50px;
}

.success-text {
    max-width: 1000px;
    margin-left: auto;
    margin-bottom: 40px;
}

.success-text h3 {
    font-size: 40px;
    color: #0C2238;
    margin-bottom: 20px;
}

.success-text p {
    color: #0C2238;
    font-size: 18px;
    line-height: 30px;
}

.success-image-holder {
    margin: 0 -12px 25px -15px;
}

.success-image-holder:last-child {
    margin-bottom: 0;
}

.success-image-holder .image-box {
    padding: 0 12px;
    position: relative;
}

.success-image-holder .big-image {
    width: 64.3%;
    width: 50%;
    padding-bottom: 30px;
}

.success-image-holder .small-image {
    width: 35.7%;
    padding-bottom: 20px;
}

.success-image-holder .image-box figure {
    margin: 0;
    max-height: 350px;
    overflow: hidden;
}

.success-image-holder .image-box figure img {
    width: 100%;
    min-height: 350px;
}

.success-image-holder .image-box .text-holder {
    position: absolute;
    top: 0;
    left: 12px;
    width: calc(100% - 24px);
    height: 100%;
    padding: 50px 50px;
    color: #fff;
}

.success-image-holder .image-box .text-holder h4 {
    font-size: 40px;
    margin-bottom: 20px;
}

.success-image-holder .image-box .text-holder p {
    font-size: 18px;
    line-height: 30px;
    max-width: 350px;
}

.success-image-holder .image-box .text-holder p a {
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.success-image-holder .image-box .text-holder p a:hover {
    color: #365EC4;
}

.load-more-link {
    margin-top: 70px;
    text-align: right;
}

.load-more-link a {
    display: inline-block;
    color: #0C2238;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: 'Facto-Medium';
    transition: all 0.5s ease-in-out;
}

.load-more-link a:hover {
    color: #265FCB
}

.success-stories-section .wrap.active .image-box {
    display: none;
}

.success-stories-section .wrap.active .image-box.active {
    display: block;
    width: 100%;
}

.hidden-texts {
    display: none;
}

.success-stories-section .wrap.active .image-box.active .hidden-texts {
    display: block;
}

.success-stories-section .wrap.active .image-box.active .hidden-texts p {
    max-width: 100%;
    margin-bottom: 20px;
}

.success-stories-section .wrap.active .image-box.active .hidden-texts p:last-child {
    margin-bottom: 0;
}

.link-section {
    position: relative;
}

.link-section figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.link-section figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.link-section .text-hlder {
    width: 50%;
    position: relative;
    z-index: 1;
}

.link-section .text-hlder h4 {
    color: #fff;
    font-size: 40px;
}

.link-section .text-hlder p {
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}

.link-section .link-holder {
    width: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.link-section .link-holder ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 2px solid #fff;
}

.link-section .link-holder ul li a {
    color: #fff;
    font-size: 25px;
}


/* ========TRUST EARNED END========= */


/* START BLUEBEE */

.blubee-banner {
    background: #0C2238;
    height: 100vh;
    overflow: hidden;
    padding: 0;
}

.blubee-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blubee-body header {
    background: transparent;
}

.blubee-banner .container {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.blueebee-bannercontnt {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 600px;
    border: 8px solid #365EC4;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    padding: 25px 30px;
    margin-right: 0px;
    text-align: center;
}

.blueebee-bannercontnt h1 {
    font-size: 68px;
    line-height: 74px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 0 20px 0;
}

.blueebee-bannercontnt h2 {
    font-size: 48px;
    line-height: 62px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 0 20px 0;
}
.blueebee-bannercontnt h2 span {
    color: #265FCB;
}

.blueebee-bannercontnt h1 span {
    color: #265FCB;
}

.blueebee-bannercontnt p {
    font-size: 22px;
    line-height: 28px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 30px 0;
}

.bannergirl {
    position: absolute;
    bottom: -70px;
    left: 0;
}

.bannergirl img {
    max-width: 84%;
}

.bannergirl:before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(#fff 2%, #0089fb 12%, #005298 31%, transparent 68%);
    border-radius: 50%;
    z-index: -1;
    left: -137px;
    top: -97px;
}

.usericon1 {
    position: absolute;
    bottom: 58px;
    right: 0;
}

.usericon1 img {
    max-width: 125px;
}

.usericon2 {
    position: absolute;
    bottom: 348px;
    right: 45px;
}

.usericon2 img {
    max-width: 55px;
}

.usericon3 {
    position: absolute;
    bottom: 320px;
    left: 410px;
}

.usericon3 img {
    max-width: 85px;
}

.commonbtn2 {
    font-size: 18px;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    position: relative;
}

.commonbtn2:after {
    content: '';
    position: absolute;
    right: -22px;
    width: 48px;
    height: 43px;
    background: #265FCB;
    transform: translateY(-10px);
    z-index: -1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.commonbtn2:hover {
    color: #fff;
}

.commonbtn2:hover:after {
    width: calc(100% + 50px);
}

.lifebluebee-sec {
    background: #F7FAFF;
    padding: 40px 0;
}

.lifebluebee-sec p {
    color: #0C2238;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
}

.bluebee-txt {
    padding-right: 95px;
}

.bluebee-txt h2 {
    font-size: 40px;
    line-height: 48px;
    color: #000;
    margin: 0 0 30px 0;
}

.bluebee-txt h2 span {
    color: #265FCB;
}

.bluebee-txt p:last-child {
    margin-bottom: 0;
}

.writeus-sec {
    padding: 35px 0 35px 0;
}

.writeus-sec p {
    font-size: 18px;
    color: #000;
    position: relative;
	line-height: 28px;
}

.writeus-sec p:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 98px;
    height: 1px;
    /*background: #6A6A6A;*/
}

.writeus-sec p a {
    /*display: table;*/
    color: #265FCB;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    margin-top: 10px;
}

.writeus-sec p a:hover {
    color: #000;
}

.bluebee-img img {
    width: 100%;
}


/* END BLUEBEE */


/* VSTART INSIGHT PAGE */

.inner-banner-section .section-image img {
    width: 100%;
}

.displayarea .date {
    margin: 30px 0;
}

.displayarea .date span {
    color: #808080;
    font-size: 15px;
    text-transform: uppercase;
}

.displayarea .date .name {
    background: #265FCB;
    padding: 7px 20px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-right: 20px;
}

.displayarea h4 {
    color: #F7F7F7;
    font-size: 38px;
    margin-bottom: 15px;
}

.displayarea p {
    color: #F7F7F7;
    font-size: 17px;
    line-height: 35px;
}

.loadmore-btn {
    display: table;
    margin-top: 20px;
    margin-left: auto;
    font-size: 15px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid rgb(167, 167, 167);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.loadmore-btn:hover {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

.toppictxt {
    color: #F7F7F7;
    font-size: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #B2B2B2;
    margin-bottom: 30px;
    letter-spacing: 2px;
    font-weight: normal;
}

.toppic-holder {
    display: flex;
    flex-wrap: wrap;
}

.toppic-holder:not(:last-child) {
    margin-bottom: 25px;
}

.toppic-holder figure {
    width: 285px;
}

.listarea .content-hldr {
    width: calc(100% - 325px);
    margin-left: 35px;
}

.listarea .content-hldr .titl {
    background: #265FCB;
    padding: 5px 35px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-right: 20px;
    font-weight: normal;
    margin: 0 0 25px 0;
    display: inline-block;
}

.listarea .content-hldr p {
    color: #F7F7F7;
    font-size: 28px;
    line-height: 35px;
    margin: 0;
}

.listarea {
    padding-left: 40px;
}

.leadership-sec {
    background: #F7FAFF;
    padding: 60px 0;
}

.tabhdr-search-wrpr {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #B2B2B2;
    padding-bottom: 20px;
}

.leadershiptab li:not(:last-child) {
    margin-right: 35px;
}

.leadershiptab li button {
    color: #0C2238;
    font-size: 20px;
    font-weight: 700;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.leadershiptab li button:hover {
    background: #ddd;
}

.leadershiptab li button.active {
    background: #265FCB;
}

.tabhdr-search-wrpr form .form-inline {
    display: flex;
}

.tabhdr-search-wrpr form input[type='search'] {
    border: 1px solid #ddd;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    padding: 7px 20px;
    letter-spacing: 3px;
    font-size: 15px;
    width: 350px;
}

.tabhdr-search-wrpr form input[type='search']:focus {
    outline: none;
    border-color: #265FCB;
}

.tabhdr-search-wrpr form input[type='submit'] {
    width: 28px;
    height: 28px;
    background: url(../images/search.png) no-repeat;
    background-size: 21px;
    border: none;
    transform: translate(-40px, 11px);
}

.tabhdr-search-wrpr form select {
    border: none;
    color: #000;
    font-size: 16px;
    margin-top: 10px;
}

.tabhdr-search-wrpr form select:focus {
    outline: none;
}

.leadrship-list {
    padding: 15px 0;
}

.leadrship-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.leadrship-card figure {
    width: 262px;
    height: 165px;
    margin-right: 25px;
}

.leadrship-card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.memberships-list .leadrship-card {
    display: inline-grid;
    align-items: center;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 0px;
}
.memberships-list .leadrship-card figure {
    width: 262px;
    height: 165px;
    margin-right: 20px;
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    border-radius: 5px;
}
.memberships-list .leadrship-card figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.leadrship-card a.leadrship-card-p-title {
    width: 100%;
    font-size: 25px;
    line-height: 32px;
    color: #0C2238;
    font-weight: 600;
    padding-right: 138px;
    position: relative;
}
a.leadrship-card-p-title {
    padding: 20px 0 0 10px;
}

.leadrship-card a {
    position: absolute;
    bottom: 15px;
    right: 10px;
    font-size: 15px;
    letter-spacing: 3px;
    color: #0C2238;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.leadrship-card a i {
    margin-right: 3px;
}

.leadrship-card a:hover {
    right: 0;
    color: #265FCB;
}

.tab-content-wrpr .loadmore-btn {
    color: #0C2238;
    font-weight: 600;
}

.toppic-holder figure img {
    width: 100%;
}


/* END INSIGHT PAGE */


/* WHO WE ARE PAGE START*/

.inner-banner-section .section-image video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobility-next-section .cont-wrap {
    max-width: 65%;
}

.mobility-next-section .cont-wrap h3 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.mobility-next-section .cont-wrap h3 span {
    color: #265FCB;
}

.mobility-next-section .cont-wrap p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

.mobility-next-section .cont-wrap a {
    margin-top: 30px;
    z-index: 1;
}

.chasing-section {
    background: #021426;
    position: relative;
}

.chasing-section .shape {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: 80%;
}

.chasing-section .shape img {
    object-fit: cover;
    height: 100%;
}

.chasing-section .section-heading h3,
.chasing-section .section-heading p {
    color: #fff;
}

.steps-wrapper .left-step {
    background: url('../images/left-border.png') no-repeat top;
    background-size: contain;
}

.steps-wrapper .left-step,
.steps-wrapper .right-step {
    width: 300px;
    position: relative;
    height: 350px;
    padding-top: 30px;
}

.steps-wrapper .middle-step {
    width: 400px;
    position: relative;
    height: 430px;
    background: url('../images/middle-border.png') no-repeat top;
    background-size: contain;
    padding-top: 30px;
}

.steps-wrapper .left-step h4,
.steps-wrapper .middle-step h4,
.steps-wrapper .right-step h4 {
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.steps-wrapper .left-step figure {
    position: absolute;
    left: -85%;
    bottom: 0;
}

.steps-wrapper .middle-step figure {
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
}

.steps-wrapper .left-step figure img,
.steps-wrapper .middle-step figure img,
.steps-wrapper .right-step figure img {
    width: auto;
    max-width: inherit;
}

.steps-wrapper .right-step {
    background: url('../images/right-border.png') no-repeat top;
    background-size: contain;
}

.steps-wrapper .right-step figure {
    position: absolute;
    right: -70%;
    bottom: -40px;
}

.chasing-section .tex-center {
    margin-top: 100px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.chasing-section .tex-center p span {
    color: #265FCB;
}

.landing-front-wrapper {
    margin: 0 -15px;
}

.landing-front-wrapper .front-card {
    padding: 0 15px;
    width: 25%;
    margin-bottom: 70px;
}

.front-card-inner {
    position: relative;
}

.front-card-inner figure {
    height: 365px;
}

.front-card-inner figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.front-card-inner .front-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    display: flex;
    align-items: flex-end;
    padding: 0px;
    background: linear-gradient(180deg, #1C305300 0%, #021426 100%) 0% 0% no-repeat padding-box;
}

.front-card-inner .front-text div {
    width: 100%;
	padding-bottom: 5px;
}

.front-card-inner .front-text h4 {
    color: #fff;
    font-size: 19px;
	padding: 0px 15px;
}

.front-card-inner .front-text p {
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
    min-height: 48px;
    padding: 0px 15px;
    width: 90%;
    float: left;
}

.front-card-inner .front-text ul {
    width: 10%;
    float: right;
    padding-right: 5px;
    position: relative;
    top: 30px;
}

.front-card-inner .front-text ul li+li {
    margin-left: 15px;
}

.front-card-inner .front-text ul li a {
    color: #fff;
}

.landing-front-section {
    padding-bottom: 20px;
}


/* WHO WE ARE PAGE END*/


/* CONTACT PAGE START*/

.contact-form-section {
    background: #0C2238;
}

.contact-form-wrapper .heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.contact-form-wrapper .heading h3 {
    font-size: 30px;
    color: #fff;
}

.contact-form-wrapper .heading a {
    z-index: 1;
}

.contact-form-wrapper .heading a i {
    letter-spacing: 0;
}

.contact-form-wrapper .form-inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.contact-form-wrapper .form-inline .form-group {
    width: calc(50% - 50px);
}

.input-holder {
    margin-bottom: 50px;
}

.input-holder input {
    width: 100%;
    height: 60px;
    background: #fff;
    outline: none;
    border: none;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 18px;
}

.input-holder input::placeholder {
    color: #808080;
}

.input-holder textarea {
    width: 100%;
    height: 280px;
    background: #fff;
    outline: none;
    border: none;
    padding: 20px 20px;
    border-radius: 5px;
    font-size: 18px;
    resize: none;
}

.checkbox-holder input[type="checkbox"] {
    display: none;
}

.checkbox-holder label {
    display: block;
    padding-left: 50px;
    position: relative;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.checkbox-holder label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    border-radius: 3px;
    background: #fff;
    color: #000;
    transition: all 0.5s ease-in-out;
}

.checkbox-holder input[type="checkbox"]:checked+label:before {
    content: '\f00c';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    border-radius: 3px;
    background: #fff;
    color: #000;
    font-family: "Font Awesome 6 Pro";
    text-align: center;
    line-height: 32px;
    font-size: 20px;
}

.contact-form-wrapper button.common-btn {
    background: transparent;
    border: none;
    outline: none;
    z-index: 1;
    padding-right: 0;
}

.submit-holder {
    text-align: right;
}

.location-heading h3 {
    text-align: center;
    color: #fff;
    font-size: 40px;
}

.location-map img,
.location-map iframe {
    width: 100%;
}

.address-left {
    width: 100%;
}

.address-left .accordion-item {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent !important;
    width: 50%; 
    float: left;
}

.accordion-collapse .accordion .accordion-item {
    width: 100%; 
    float: none;
}
.address-left .accordion-button {
    flex-wrap: wrap;
    font-size: 25px;
    font-family: 'Facto-Medium';
    font-weight: bold;
    padding: 10px 0;
    color: #0C2238 !important;
}

.address-left .accordion-item .accordion-item .accordion-button {
    font-size: 20px;
}

.address-left .accordion-item .accordion-item .accordion-button i {
    height: 25px;
    width: 25px;
    line-height: 25px;
}

.address-left .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
}

.address-left .accordion-button::after {
    display: none;
}

.address-left .accordion-button i {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #265FCB;
    border-radius: 100%;
    margin-right: 15px;
}

.address-left .accordion-button .fa-minus {
    display: none;
}

.address-left .accordion-button:not(.collapsed) .fa-minus {
    display: inline-block;
}

.address-left .accordion-button:not(.collapsed) .fa-plus {
    display: none;
}

.address-right {
    width: calc(50% - 50px);
}

.address-right img,
.address-right iframe {
    width: 100%;
    height: 280px;
}

.address-left .accordion-body {
    padding-left: 50px;
}

.address-left .accordion-body address {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    color: #0C2238;
}

.map-direction {
    text-align: center;
    margin-top: 40px;
}

.map-direction a {
    color: #0C2238;
}

.bb_text_align p > b {
    margin-bottom: 25px;
    display: block;
    font-size: 23px !important;
}
.bb_text_align p > span {
    font-size: 18px !important;
    
    display: block;
    margin: 0 0 15px 0;
	line-height: 25px;
}
.bb_text_align p > span > b{
color: #aaaaf9;
text-decoration: underline;
}

body > a.header_logo,body > .content, body>.poweredbox{
	display: none;
} 
body,html { margin:0 !important}

/*Join us page Job Post Starts */
  .job-posts {
      background-color: #f7faff;
	  padding: 40px 0;
    }
	.job-post-title {
      border-bottom: 1px solid #ddd;
      margin-bottom: 20px;
      padding-bottom: 6px;
		
	}
    .job-post-title h2 {
      font-size: 40px;
	  margin-bottom: 3px;
    }
    .acc-job-post {
        background-color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    box-shadow: 0px 0px 10px rgb(106 106 106 / 10%);
    border: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: 0.3s ease all;
        margin-bottom: 15px;
    }
    .acc-job-post:hover {
        border: 1px solid #265FCB;
        box-shadow: 0px 7px 10px rgb(0 0 0 / 20%);
    }
    .job-details{
        display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .job-role h3 {
        font-size: 21px;
    font-weight: 600;
    margin-bottom: 3px;
    padding-right: 5px;
    }
    .job-role span {
        color: #838383;
        font-size: 15px;
    }
    .job-location {
        display: flex;
        align-items: center;
    }
    .job-location img{
       
            width: 15px;
            margin-left: 5px;
       
    }
    .job-location  span{
        color: #000;
    font-weight: 700;
    font-size: 14px;
    }
   
    .job-requirements{
        margin-top: 10px;
        display: none;
    }
    .job-requirements p{
        font-size: 16px;
    margin-bottom: 5px;
    }
    .job-requirements ul{
        list-style: disc;
    padding-left: 20px;
    margin-bottom: 30px;
}
.job-requirements ul li {
    margin-bottom: 10px;
    font-size: 15px;
    }
    .job-requirements a {
        color: #000;
        position: relative;
        z-index: 1;
        left: 25px;
        display: inline-block;
    margin-bottom: 20px;
    }
   
    .job-requirements a:hover{
        color: #fff !important;
    }
 
    @media screen and (max-width: 767px) {
        .job-details {
            flex-wrap: wrap;
        }
    }

/*Join us page job Post ends */
/*Join us page job Post ends */

/* CONTACT PAGE END*/

@media(max-width:1700px) {
    .solution-container figure {
        height: 580px;
    }
    .steps-wrapper {
        margin-top: -50px;
    }
    .steps-wrapper .left-step,
    .steps-wrapper .middle-step,
    .steps-wrapper .right-step {
        transform: scale(0.75);
    }
    .chasing-section .shape {
        height: 70%;
    }
}

@media(max-width:1500px) {
    .solution-container figure {
        height: 610px;
    }
    .steps-wrapper .left-step,
    .steps-wrapper .middle-step,
    .steps-wrapper .right-step {
        transform: scale(0.65);
    }
    .chasing-section .shape {
        height: 65%;
    }
    .chasing-section .tex-center {
        margin-top: 30px;
    }
}

@media(max-width:1400px) {
    .home-cont-inner h2,
    .inner-section-content h2 {
        font-size: 42px;
    }
    .home-cont-inner p,
    .inner-section-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .inner-banner-section .section-image {
        height: 85vh;
    }
    .inner-banner-section .section-image img {
        height: 100%;
        object-fit: cover;
    }
    .solution-container figure {
        height: 416px;
    }
    .solution-container .text-wrap {
        padding: 50px;
        padding-bottom: 0px;
        padding-top: 20px;
    }
    .solution-container .text-wrap p {
        font-size: 16px;
        line-height: 24px;
    }
    .home-cont-inner p {
        max-width: 480px;
    }
    .success-stories-section .wrap {
        padding: 0;
    }
    .success-image-holder .image-box .text-holder p {
        font-size: 16px;
        line-height: 24px;
    }
    .front-card-inner figure {
        height: 290px;
    }
    .mobility-next-section .cont-wrap p,
    .chasing-section .tex-center {
        font-size: 16px;
        line-height: 24px;
    }
}

@media(max-width:1199px) {
    .blog-wrapper {
        margin: 0 -15px;
    }
    .blog-wrapper .blog-item {
        padding: 0 15px;
    }
    .footer-columns {
        margin: 0 -15px;
    }
    .footer-columns .footer-column {
        padding: 0 15px;
    }
    .tags a, .tags span {
        padding: 0 38px;
    }
    .top-text-wrapper .text-box p {
        font-size: 15px;
        line-height: 24px;
    }
    .ve-slider .item p {
        font-size: 15px;
        line-height: 24px;
    }
    .inner-banner-section .section-image {
        height: 600px;
    }
    .section-heading p {
        font-size: 16px;
    }
    .tags a, .tags span {
        font-size: 16px;
    }
    .blog-desc-sort p {
        font-size: 15px;
        line-height: 24px;
    }
    .blog-desc-sort {
        min-height: 180px;
    }
    .blog-desc-sort h4 {
        font-size: 25px;
    }
    .newsletter-section h3 {
        font-size: 25px;
    }
    .footer-column ul li {
        font-size: 15px;
    }
    .footer-column p {
        font-size: 15px;
    }
    .footer-copy-right {
        font-size: 15px;
    }
    .header-wrapper .back {
        font-size: 15px;
    }
    .blogdetails-wrp h3 {
        font-size: 40px;
        line-height: 55px;
    }
    .solutions-section {
        padding: 70px 15px;
    }
    .solution-container .text-wrap {
        padding: 50px;
    }
    .solution-container figure {
        height: auto;
    }
    .success-image-holder .image-box .text-holder {
        padding: 50px 25px;
    }
    .success-image-holder .image-box figure {
        height: 100%;
    }
    .success-image-holder .image-box figure img {
        height: 100%;
    }
    .blogdetails-wrp h3 {
        font-size: 40px;
        line-height: 55px;
    }
    .toppic-holder figure {
        width: 100%;
    }
    .listarea .content-hldr {
        width: 100%;
        margin: 15px 0 0 0;
    }
    .listarea .content-hldr {
        text-align: center;
    }
    .steps-wrapper .left-step,
    .steps-wrapper .right-step {
        width: 250px;
    }
    .steps-wrapper .left-step figure img {
        width: 400px;
    }
    .steps-wrapper .left-step figure {
        left: -53%;
        bottom: 34px;
    }
    .steps-wrapper .right-step figure img {
        width: 350px;
    }
    .steps-wrapper .right-step figure {
        right: -36%;
        bottom: 60px;
    }
    .chasing-section .shape {
        display: none;
    }
    .front-card-inner figure {
        height: 250px;
    }
    .landing-front-wrapper .front-card {
        margin-bottom: 30px;
    }
    .landing-front-section {
        padding-bottom: 40px;
    }
    .address-right img,
    .address-right iframe {
        height: 250px;
    }
    .bannergirl {
        z-index: 1;
    }
    .bannergirl img {
        max-width: 47%;
    }
    .bannergirl:before {
        width: 450px;
        height: 450px;
        background: radial-gradient(#fff 2%, #0089fb 12%, #005298 31%, transparent 68%);
        left: -147px;
        top: -107px;
    }
    .usericon3 {
        bottom: 207px;
        left: 155px;
    }
}

@media(max-width:1023px) {
    .home-cont-inner h2 {
        font-size: 35px;
    }
    .home-cont-inner p {
        font-size: 16px;
        max-width: 60%;
    }
    .search-form {
        display: none;
    }
    .top-text-wrapper .text-box.half-width {
        width: calc(50% - 15px);
    }
    .ve-slider-holder h3 {
        font-size: 30px;
        padding-left: 40px;
    }
    .ve-slider .item p {
        padding: 20px 40px;
    }
    .ve-slider .owl-dots {
        top: 50px;
    }
    .ve-slider-holder {
        padding-top: 50px;
    }
    .section-heading {
        max-width: 100%;
    }
    .tags a, .tags span {
        padding: 0 10px;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }
    .blog-item-inner .blog-image figure {
        height: 175px;
    }
    .blog-desc-sort {
        padding: 20px 15px 0 15px;
    }
    .blog-desc-sort h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog-footer {
        padding: 10px 15px 20px 15px;
    }
    .blog-wrapper .blog-item {
        margin-bottom: 30px;
    }
    section {
        padding: 50px 0;
    }
    .section-heading {
        margin-bottom: 40px;
    }
    .newsletter-section .container {
        justify-content: center !important;
    }
    .newsletter-section h3 {
        margin-bottom: 20px;
    }
    .footer-columns .footer-column {
        width: 50%;
        padding: 0 30px;
    }
    .footer-columns .footer-column:nth-child(3),
    .footer-columns .footer-column:nth-child(4) {
        margin-top: 30px;
    }
    .social-sec {
        margin-top: 97px;
    }
    .social-row {
        padding: 25px 0 35px 0;
    }
    .blogdetails-wrp h3 {
        font-size: 30px;
        line-height: 38px;
    }
    .blog-txtimg-holdr {
        padding: 25px 15px 30px;
    }
    .blog-txtimg-holdr p {
        font-size: 16px;
        line-height: 30px;
        margin: 0 0 15px 0;
    }
    .blog-txtimg-holdr li p {
        width: 95%;
    }
    .systm-sec .container {
        padding: 0 0;
    }
    .rapid-sec {
        padding: 28px 0;
    }
    .rapid-sec p {
        font-size: 16px;
        line-height: 25px;
    }
    .rapid-sec .container {
        padding: 0 12px;
    }
    .systmcard figcaption {
        padding: 12px;
        font-size: 16px;
        line-height: 24px;
    }
    .solution-container .text-wrap {
        padding: 30px;
    }
    .solution-container .text-wrap h4 {
        margin-bottom: 10px;
    }
    .solution-container .text-wrap p {
        margin-bottom: 20px;
    }
    .solutions-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #ve-slider .owl-dots {
        top: 50%;
    }
    .success-image-holder .image-box .text-holder {
        padding: 20px 15px;
    }
    .success-image-holder .image-box .text-holder h4 {
        font-size: 25px;
    }
    .success-image-holder .image-box.active figure {
        height: 575px;
    }
    .load-more-link {
        margin-top: 50px;
    }
    .link-section .text-hlder h4 {
        font-size: 25px;
    }
    .link-section .link-holder ul li a {
        font-size: 16px;
    }
    .link-section .text-hlder p {
        font-size: 16px;
    }
    .bluebee-txt {
        padding-right: 12px;
    }
    .blueebee-bannercontnt {
        width: 65%;
        border-width: 3px;
        margin-right: 15px;
        padding: 25px 15px;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        -o-border-radius: 25px;
    }
    .blubee-banner .container {
        bottom: auto;
        top: 450px;
    }
    .blueebee-bannercontnt h1 {
        font-size: 26px;
        line-height: 35px;
        margin: 0 0 25px 0;
    }
    .blueebee-bannercontnt h1 span {
        display: block;
    }
    .blueebee-bannercontnt p {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 30px 0;
    }
    .blubee-banner {
        height: auto;
    }
    .bluebee-img {
        margin-top: 15px;
    }
    .lifebluebee-sec p,
    .bluebee-txt h2 {
        margin-bottom: 15px;
    }
    .listarea {
        padding-left: 12px;
    }
    .tabhdr-search-wrpr form input[type='search'] {
        width: 215px;
    }
    .leadershiptab li:not(:last-child) {
        margin-right: 15px;
    }
    .leadershiptab li button {
        font-size: 17px;
    }
    .leadrship-card p {
        font-size: 16px;
        line-height: 26px;
    }
    .steps-wrapper {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    .mobility-next-section .cont-wrap {
        max-width: 100%;
    }
    .steps-wrapper .left-step,
    .steps-wrapper .right-step {
        width: 100%;
        transform: scale(1);
    }
    .steps-wrapper .middle-step {
        width: 100%;
        transform: scale(1);
        margin: 50px 0 100px 0;
    }
    .landing-front-wrapper .front-card {
        width: 33.33%;
    }
    .contact-form-wrapper .form-inline .form-group {
        width: 100%;
    }
    .input-holder {
        margin-bottom: 20px;
    }
    .contact-form-wrapper .form-inline:last-child .form-group {
        width: 50%
    }
    .address-left,
    .address-right {
        width: 100%;
    }
    .address-right {
        margin-top: 30px;
    }
    .bannergirl img {
        max-width: 300px;
    }
    .bannergirl {
        bottom: -64px;
    }
    .usericon2 {
        bottom: 275px;
    }
    .usericon1 img {
        max-width: 74px;
    }
    .usericon1 {
        bottom: -55px;
    }
}

@media(max-width:767px) {
	.main-menu.active {
		transform: scaleY(1);
		width: 100%;
	}
    .search-form {
        display: none;
    }
    .header-wrapper .logo-holder {
        max-width: 180px;
    }
    .main-menu ul li {
        font-size: 20px;
        line-height: 20px;
    }
    .home-slider-content {
        top: 88px;
    }
    .home-cont-inner h2 {
        font-size: 25px;
    }
    .home-cont-inner h2 br {
        display: none;
    }
    .home-cont-inner p {
        max-width: 100%;
        font-size: 15px;
        line-height: 24px;
    }
    .common-btn {
        font-size: 17px;
    }
    .home-slider .swiper-pagination {
        bottom: 60px;
    }
    .home-slider.swiper-horizontal>.swiper-scrollbar,
    .home-slider.swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: 50px;
    }
    .d-sm-none {
        display: none;
    }
    .menu-trigger {
        margin-left: 0;
    }
    .home-cont-inner h2,
    .inner-section-content h2 {
        font-size: 24px;
    }
    .home-cont-inner p,
    .inner-section-content p {
        font-size: 15px;
        line-height: 24px;
    }
    .top-text-wrapper .text-box.half-width {
        width: 100%;
    }
    .top-text-wrapper .text-box+.text-box {
        margin-top: 15px;
    }
    section {
        padding: 35px 0;
    }
    .ve-slider-holder {
        margin-top: 35px;
    }
    .ve-slider-holder {
        padding: 20px 15px 0 15px;
    }
    .ve-slider .item p {
        padding: 15px;
    }
    .ve-slider-holder h3 {
        text-align: center;
        font-size: 25px;
        padding: 0;
    }
    #ve-slider .owl-dots {
        display: none;
    }
    .tags a, .tags span {
        height: 45px;
        line-height: 45px;
        padding: 0 25px;
        margin-top: 10px;
    }
    .blog-wrapper .blog-item {
        width: 100%;
    }
    .news-form input[type="email"] {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .footer-columns .footer-column {
        width: 100%;
        padding: 0 15px;
    }
    .footer-columns .footer-column:nth-child(2) {
        margin-top: 20px;
    }
    .backhome-btn {
        margin-bottom: -4px;
        font-size: 15px;
    }
    .blogdetails-wrp h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .blog-txtimg-holdr {
        padding: 15px 0 0 0;
    }
    .blog-txtimg-holdr p {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 10px 0;
    }
    .blog-txtimg-holdr :is(figure,
    ul) {
        margin: 0 0 10px 0;
    }
    .blog-txtimg-holdr li p {
        width: 92%;
    }
    .share-col span {
        margin-right: 20px;
    }
    .page-social li:not(:last-child) {
        margin-right: 12px;
    }
    .page-social li a {
        font-size: 18px;
    }
    .blogtxt {
        margin: 0 0 18px 0;
        padding: 7px 30px;
        font-size: 18px;
    }
    .blogdetails-wrp {
        padding-bottom: 10px;
    }
    .social-sec {
        margin-top: 135px;
    }
    .share-col {
        padding: 20px 15px 0 15px;
        justify-content: flex-start !important;
    }
    .share-col-footer {
        flex-wrap: wrap;
        padding: 10px 0 20px 0;
        justify-content: center !important;
    }
    .blog-txtimg-holdr .share-col-footer span {
        font-size: 16px;
        margin: 0 0 10px 0;
        width: 100%;
        display: block;
        text-align: center;
    }
    .cockpit-wrpr h2 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 4px;
        margin-bottom: 10px;
    }
    .rapid-sec p {
        font-size: 15px;
        line-height: 22px;
    }
    .systm-sec {
        padding: 25px 0 0;
    }
    .systm-sec .midm-titl {
        margin: 0 0 15px 0;
        font-size: 25px;
        line-height: 28px;
    }
    .systm-row {
        margin: 20px 0 25px;
    }
    .systmcard:not(:last-child) {
        margin-bottom: 15px;
    }
    .systmcard figcaption {
        min-height: auto;
    }
    .exprtise-wrpr {
        padding: 15px;
    }
    .solution-container figure {
        width: 100%;
    }
    .solution-container .text-wrap {
        width: 100%;
        padding: 20px 15px;
    }
    .solution-container .text-wrap h4 {
        font-size: 25px;
    }
    .success-image-holder .big-image {
        width: 100%;
        margin: 25px 0;
    }
    .success-image-holder .small-image {
        width: 100%;
    }
    .success-image-holder .image-box figure {
        height: 187px;
    }
    .success-text {
        margin-bottom: 0;
    }
    .success-image-holder .image-box.active figure {
        height: 1230px;
        max-height: 1230px;
    }
    .load-more-link {
        margin-top: -15px;
    }
    .link-section .text-hlder {
        width: 100%;
    }
    .link-section .link-holder {
        width: 100%;
        margin-top: 20px;
    }
    .blubee-banner {
        height: 455px;
    }
    .blueebee-bannercontnt {
        width: 92%;
    }
    .blueebee-bannercontnt h1 {
        font-size: 23px;
        line-height: 32px;
        margin: 0 0 15px 0;
    }
    .blueebee-bannercontnt p {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 24px 0;
    }
    .commonbtn2 {
        font-size: 16px;
    }
    .commonbtn2:hover:after {
        width: calc(100% + 44px);
    }
    .lifebluebee-sec p {
        font-size: 15px;
        line-height: 25px;
    }
    .bluebee-txt h2 {
        font-size: 30px;
        line-height: 37px;
        margin: 0 0 10px 0;
    }
    .lifebluebee-sec {
        padding: 25px 0;
    }
    .ve-section {
        padding: 25px 0;
    }
    .displayarea h4 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .displayarea p {
        font-size: 15px;
        line-height: 29px;
    }
    .toppictxt {
        font-size: 22px;
        margin-top: 25px;
    }
    .listarea .content-hldr .titl {
        margin-bottom: 10px;
    }
    .listarea .content-hldr p {
        font-size: 20px;
        line-height: 27px;
    }
    .tabhdr-search-wrpr {
        flex-wrap: wrap;
    }
    .tabhdr-search-wrpr .nav {
        width: 100%;
        justify-content: center;
        margin: 0 0 15px 0;
    }
    .leadershiptab li:not(:last-child) {
        margin-right: 8px;
    }
    .leadershiptab li button {
        padding: 3px 5px;
        font-size: 16px;
    }
    .leadrship-card figure {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .leadrship-card p {
        width: 100%;
        padding-right: 0;
        font-size: 15px;
    }
    .leadrship-card a {
        position: inherit;
        bottom: auto;
        right: auto;
        margin-top: 10px;
        margin-left: auto;
    }
    .leadership-sec {
        padding: 35px 0;
    }
    .steps-wrapper .middle-step figure img {
        max-width: 100%;
    }
    .steps-wrapper .left-step,
    .steps-wrapper .middle-step,
    .steps-wrapper .right-step {
        background: transparent;
        width: 100%;
    }
    .steps-wrapper {
        max-width: 100%;
    }
    .mobility-next-section .cont-wrap p {
        text-align: justify;
    }
    .mobility-next-section .cont-wrap a {
        margin-top: 0;
    }
    .common-btn {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .section-heading h3 {
        font-size: 30px;
    }
    .steps-wrapper .left-step figure,
    .steps-wrapper .middle-step figure,
    .steps-wrapper .right-step figure {
        position: static;
    }
    .steps-wrapper .left-step figure img,
    .steps-wrapper .middle-step figure img,
    .steps-wrapper .right-step figure img {
        max-width: 100%;
        width: 100%;
    }
    .steps-wrapper .left-step,
    .steps-wrapper .middle-step,
    .steps-wrapper .right-step {
        border: 2px solid #265FCB;
        height: auto;
    }
    .steps-wrapper .middle-step figure {
        transform: translateX(0);
    }
    .steps-wrapper .middle-step {
        margin: 30px 0;
    }
    .chasing-section .tex-center {
        max-width: 100%;
    }
    .landing-front-wrapper .front-card {
        width: 100%;
    }
    .front-card-inner figure {
        height: 365px;
    }
    .landing-front-section {
        padding-bottom: 5px;
    }
    .mobility-next-section .cont-wrap h3 {
        font-size: 30px;
    }
    .contact-form-wrapper .heading {
        flex-wrap: wrap;
        justify-content: center;
    }
    .contact-form-wrapper .heading h3 {
        font-size: 25px;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .input-holder input {
        height: 45px;
    }
    .input-holder textarea {
        height: 150px;
        resize: vertical;
        padding-top: 10px;
    }
    .contact-form-wrapper .form-inline:last-child .form-group {
        width: 100%;
    }
    .submit-holder {
        text-align: center;
        margin-top: 20px;
    }
    .location-heading h3 {
        font-size: 30px;
    }
    .address-left .accordion-body {
        padding-left: 30px;
    }
    .address-left .accordion-body address {
        font-size: 15px;
        line-height: 24px;
    }
    .address-left .accordion-button {
        font-size: 20px;
    }
    .address-left .accordion-item .accordion-item .accordion-button {
        font-size: 17px;
    }
    .address-right img,
    .address-right iframe {
        height: 200px;
    }
    .bannergirl {
        bottom: -5px;
    }
    .bannergirl:before {
        display: none;
    }
    .bannergirl img {
        max-width: 76px;
    }
    .usericon1 {
        bottom: -8px;
    }
    .usericon1 img {
        max-width: 38px;
    }
    .usericon3 {
        bottom: 150px;
        left: 23px;
    }
    .usericon3 img {
        max-width: 54px;
    }
}
.fa-regular, .far {
 font-family: "Font Awesome 6 Pro" !important;
}