﻿@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Lobster+Two|Poppins|Sree+Krushnadevaraya');*/

/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400;500;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/



/*@font-face {
	font-family: 'Graphik Bold';
	src: url('../fonts/graphik/Graphik-Bold.eot');
	src: url('../fonts/graphik/Graphik-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Bold.woff2') format('woff2'), url('../fonts/graphik/Graphik-Bold.woff') format('woff'), url('../fonts/graphik/Graphik-Bold.svg#Graphik-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

@font-face {
	font-family: 'Graphik Black';
	src: url('../fonts/graphik/Graphik-Black.eot');
	src: url('../fonts/graphik/Graphik-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Black.woff2') format('woff2'), url('../fonts/graphik/Graphik-Black.woff') format('woff'), url('../fonts/graphik/Graphik-Black.svg#Graphik-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

@font-face {
	c
	src: url('../fonts/graphik/Graphik-Semibold.eot');
	src: url('../fonts/graphik/Graphik-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Semibold.woff2') format('woff2'), url('../fonts/graphik/Graphik-Semibold.woff') format('woff'), url('../fonts/graphik/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

@font-face {
	font-family: 'Graphik';
	src: url('../fonts/graphik/Graphik-Regular.eot');
	src: url('../fonts/graphik/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Regular.woff2') format('woff2'), url('../fonts/graphik/Graphik-Regular.woff') format('woff'), url('../fonts/graphik/Graphik-Regular.svg#Graphik-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

@font-face {
	font-family: 'Graphik Medium';
	src: url('../fonts/graphik/Graphik-Medium.eot');
	src: url('../fonts/graphik/Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}*/


body {
    position: relative;
}


/*************************************************Home page css****************************************/


.container-home-page {
    max-width: 1320px;
}

.clab-home-page-banner-wrapper {
    padding-top: 140px;
    padding-bottom: 70px;
    overflow: hidden;
}

.clab-home-page-banner-content-sec h1 {
    font-size: 54px;
    font-family: 'Graphik Bold';
    line-height: 89px;
    color: #fff;
}

    .clab-home-page-banner-content-sec h1 span {
        font-size: 75px;
    }

.clab-home-page-banner-img img {
    max-width: 100%;
}

.ywl-clr {
    color: #F29B0E;
}

.brdr-r {
    border-right: 1px solid #EFEFEF;
}

.brdr-l {
    border-left: 1px solid #EFEFEF;
}

.brdr-t {
    border-top: 1px solid #EFEFEF;
}

.brdr-b {
    border-bottom: 1px solid #EFEFEF;
}

.drk-brdr-r {
    border-right: 1px solid #1d1d1d;
}

.drk-brdr-l {
    border-left: 1px solid #1d1d1d;
}

.drk-brdr-t {
    border-top: 1px solid #1d1d1d;
}

.drk-brdr-b {
    border-bottom: 1px solid #1d1d1d;
}

.clab-home-page-banner-img {
    position: relative;
}

.clab-home-page-animate-img-sec img {
    max-width: 100%;
}

.clab-home-page-animate-img-sec {
    position: absolute;
    top: -90px;
    left: 0px;
    animation-name: ball-bounce;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: 2;
}

@keyframes ball-bounce {
    0% {
        top: -90px;
    }

    25% {
        top: -70px;
    }

    50% {
        top: -90px;
    }

    75% {
        top: -70px;
    }

    100% {
        top: -90px;
    }
}

.clab-home-page-animate-img-sec-2 {
    position: absolute;
    top: -140px;
    left: 0px;
    animation-name: ball-rotate;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: rotateZ(0deg);
}

    .clab-home-page-animate-img-sec-2 img {
        max-width: 100%;
    }

@keyframes ball-rotate {
    0% {
        transform: rotateZ(0deg);
    }

    25% {
        transform: rotateZ(20deg);
    }

    50% {
        transform: rotateZ(0deg);
    }

    75% {
        transform: rotateZ(20deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}









/***********************************clab-home-page-who-we-are-wrapper*******************************************/
.clab-home-page-who-we-are-content {
    padding: 100px 0;
    border-left: 1px solid #EFEFEF;
}

.clab-home-page-who-we-are-status-sec {
    padding: 100px 0;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}


.clab-home-page-heading-sec span.head {
    padding: 10px 15px;
    background-color: #0B092A;
    width: fit-content;
    display: inline-block;
}

.clab-home-page-heading-sec h4 {
    color: #F29B0E;
    letter-spacing: 2px;
    margin-bottom: 0px;
    font-size: 30px;
    text-transform: uppercase;
}

.clab-home-page-heading-sec h3 {
    font-size: 40px;
    line-height: 60px;
    color: #0C0B2B;
    font-family: 'Graphik Bold';
    text-align: left;
}

    .clab-home-page-heading-sec h3 a {
        color: #fff;
    }

        .clab-home-page-heading-sec h3 a:hover {
            text-decoration: none;
            color: #F29B0E;
        }

.clab-home-page-para {
    color: #202020;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

.clab-home-page-theme-btn {
    font-size: 24px;
    padding: 10px 25px;
    background-color: #5956E9;
    color: #fff;
    display: inline-block;
    border-color: #5956E9;
}

    .clab-home-page-theme-btn:hover {
        background-color: #2C4193;
        color: #fff;
        text-decoration: none;
        border-color: #2C4193;
    }

.clab-home-page-who-we-are-status-sec .count-num {
    font-size: 80px;
    font-family: 'Graphik Bold';
    color: #5956E9;
}

.clab-home-page-who-we-are-status-sec p {
    font-size: 26px;
    font-family: 'Graphik Semibold';
    line-height: 40px;
    color: #000000;
}

.clab-home-page-heading-with-border {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 15px;
}

.clab-home-page-heading {
    margin-bottom: 15px;
}



/***************************************************clab-home-page-services-wrapper*******************************************/


.clab-home-page-services-wrapper {
    background-color: #090427;
    padding-bottom: 50px;
}

.clab-home-page-services-sec {
    padding: 60px 0;
    border-left: 1px solid #191432;
    border-right: 1px solid #191432;
}

.clab-home-page-services-content {
    padding: 20px;
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    background-color: #0C0C2B;
    text-align: center;
    position: relative;
    border-radius: 10px;
    padding-right: 40px;
    overflow: hidden;
    z-index: 1;
}

    .clab-home-page-services-content::after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100px;
        height: 100%;
        background: url(../../images/v2/clab-home-img/services-icon/shape.webp) no-repeat, center / cover;
    }

    .clab-home-page-services-content::before {
        top: 1px;
        left: 1px;
        margin: 0;
        content: "";
        position: absolute;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        background-color: #0C0C2B;
        border-radius: 10px;
    }

.clab-home-page-services-content-one {
    background: -webkit-gradient(linear,left top,right top,from(#00467f),to(#a5cc82));
    background: linear-gradient(90deg,#00467f,#a5cc82);
}

.clab-home-page-services-content-two {
    background: -webkit-gradient(180deg, #D177B4 0%, #D158AA 45.5%, #D138A1 100%);
    background: linear-gradient(180deg, #D177B4 0%, #D158AA 45.5%, #D138A1 100%);
}

.clab-home-page-services-content-three {
    background: -webkit-gradient(180deg, #AB75C7 0%, #A672C6 4.7%, #6858BB 69.3%, #514EB7 100%);
    background: linear-gradient(180deg, #AB75C7 0%, #A672C6 4.7%, #6858BB 69.3%, #514EB7 100%);
}

.clab-home-page-services-content h4 {
    color: #fff;
    margin: 0px 20px;
    position: relative;
    font-size: 26px;
    line-height: 40px;
    text-align: left;
}

.clab-home-page-services-content .clab-home-page-services-img {
    position: relative;
    margin-right: 15px;
}

.clab-home-page-services-tech-img {
    margin-bottom: 20px;
}

.clab-home-page-services-all-options a, .clab-home-page-services-all-options a:hover {
    text-decoration: none;
}

.clab-home-page-services-content .arrow-img {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.clab-home-page-services-tech-sec {
    text-align: center;
}

    .clab-home-page-services-tech-sec p {
        font-size: 22px;
        color: #fff;
        line-height: 36px;
    }

.clab-home-page-services-para > p {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 40px 0;
}

.clab-home-page-services-para {
    padding: 50px;
    position: relative;
    z-index: 1;
    padding-top: 0px;
}

.clab-home-page-services-all-options {
    position: relative;
    margin: 15px;
}

.clab-home-page-services-slider-sec::after {
    background-color: #221E3D;
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 40px);
    position: absolute;
    top: -40px;
    left: 50%;
    max-width: 1290px;
    transform: translateX(-50%);
    z-index: 0;
    border-radius: 10px;
}

.clab-home-page-services-slider-sec .owl-nav {
    display: block !important;
    padding-left: 0px !important;
    position: relative;
}

.clab-home-page-services-para {
    display: none;
}

.clab-home-page-services-slider-sec .owl-nav .owl-prev, .clab-home-page-services-slider-sec .owl-nav .owl-next {
    background-color: #F29B0E !important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 180px;
}

.clab-home-page-services-slider-sec .owl-nav .owl-next {
    right: 0px;
}

.clab-home-page-services-slider-sec {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

    .clab-home-page-services-slider-sec .owl-item.center .clab-home-page-services-content::before {
        background-color: transparent;
    }

    .clab-home-page-services-slider-sec .owl-item .clab-home-page-services-content:hover::before {
        background-color: transparent;
    }

    .clab-home-page-services-slider-sec .owl-nav .owl-prev span, .clab-home-page-services-slider-sec .owl-nav .owl-next span {
        color: #000 !important;
        font-size: 20px;
    }
/*********************************************************clab-home-page-technology-wrapper**************************************/
.clab-home-page-technology-sec {
    padding: 60px 0;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}

.clab-home-page-technology-content {
    text-align: center;
    margin: 15px 0;
}

    .clab-home-page-technology-content a:hover {
        text-decoration: none;
    }

    .clab-home-page-technology-content .clab-home-page-technology-img {
        margin-bottom: 15px;
    }

    .clab-home-page-technology-content p {
        font-size: 22px;
        line-height: 36px;
        font-family: 'Graphik Semibold';
        margin-bottom: 0px;
        color: #000000;
    }


/*********************************************************clab-home-page-discuss-project-wrapper**************************************/


.clab-home-page-discuss-project {
    padding: 0px;
    position: relative;
}

.clab-home-page-discuss-project-sec {
    background-color: #01003A;
    padding: 50px;
    text-align: center;
}

.clab-home-page-discuss-project-content {
    margin-bottom: 40px;
}

    .clab-home-page-discuss-project-content h4 {
        font-size: 40px;
        font-family: 'Graphik Semibold';
    }

    .clab-home-page-discuss-project-content p {
        font-size: 20px;
        line-height: 36px;
        color: #fff;
        margin: 20px 0;
    }
/*.clab-home-page-discuss-project {
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}*/


/*******************************************************clab-home-page-our-industry-sec*****************************/

.clab-home-page-our-industry-wrapper {
    overflow: hidden;
}

.clab-home-page-our-industry-sec {
    padding: 60px 0;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    position: relative;
}

.clab-home-page-our-industry-content {
    background-color: #0C0B2B;
    padding: 30px;
    position: relative;
}

    .clab-home-page-our-industry-content::after {
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        right: -41%;
        width: 42%;
        height: 100%;
        background-color: #0c0b2b;
        z-index: 0;
    }

.white-color {
    color: #fff !important;
}

.industry-listing {
    padding-left: 0px;
}

    .industry-listing li {
        font-size: 20px;
        color: #fff;
        padding-left: 25px;
        position: relative;
        list-style: none;
        margin: 15px 0;
    }

        .industry-listing li .square-sec {
            width: 12px;
            height: 12px;
            background-color: #F29B0E;
            position: absolute;
            top: 8px;
            left: 0px;
            transform: rotate(45deg);
        }

.clab-home-page-our-industry-img-wrapper {
    margin-top: 30px;
}

.clab-home-page-our-industry-img-sec img {
    width: 100%;
    border-radius: 12px;
}

.grid-space {
    display: grid;
    align-content: space-between;
}

.clab-home-page-our-all-industry .nav-link {
    font-size: 22px;
    text-align: left;
    margin-bottom: 10px;
    color: #000000;
}

.clab-home-page-our-all-industry .nav-pills .nav-link.active, .clab-home-page-our-all-industry .nav-pills .show > .nav-link, .clab-home-page-our-all-industry .nav-pills .nav-link:hover {
    background-color: #5956E9;
    color: #fff;
    border-radius: 0px;
}

.clab-home-page-explore-btn {
    position: absolute;
    top: 60px;
    right: 0px;
}

.clab-home-page-our-all-industry {
    padding-top: 30px;
}



/***************************************************************clab-home-page-bussiness-model-sec******************************************/
.clab-home-page-bussiness-model-sec {
    padding: 30px 0;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}

.clab-home-page-business-model-para ul {
    padding-left: 0px;
    list-style: none;
}

    .clab-home-page-business-model-para ul li {
        margin-bottom: 10px;
        color: #202020;
    }

        .clab-home-page-business-model-para ul li:last-child {
            margin-bottom: 0px;
        }

.bg-none {
    background-color: transparent !important;
    padding: 0px !important;
}

.clab-home-page-business-model-tabs .nav-pills .nav-link, .clab-home-page-business-model-tabs .nav-pills .nav-link:hover {
    background-color: #E6E6E9 !important;
    color: #000000;
    font-size: 30px;
    border-radius: 0px;
}

    .clab-home-page-business-model-tabs .nav-pills .nav-link.active, .clab-home-page-business-model-tabs .nav-pills .show > .nav-link {
        background-color: #0C0B2B !important;
        color: #F29B0E;
    }

.clab-home-page-business-model-img-sec img {
    max-width: 100%;
}

.clab-home-page-business-model-img-sec {
    text-align: center;
}
/********************************************************clab-home-page-our-work-sec**********************************************/
.clab-home-page-our-work-sec {
    padding: 30px 0;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}

.clab-home-page-project-del-sec {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 40px;
}

    .clab-home-page-project-del-sec .clab-home-page-project-del-content h2 {
        font-size: 70px;
        color: #01003A;
        font-family: 'Graphik Bold';
        margin-bottom: 0px;
    }

    .clab-home-page-project-del-sec .clab-home-page-project-del-content h3 {
        font-size: 60px;
        color: #F29B0E;
        font-family: 'Graphik Bold';
        margin-bottom: 0px;
    }

    .clab-home-page-project-del-sec .clab-home-page-project-del-content p {
        font-size: 26px;
        color: #01003A;
        margin-bottom: 0px;
    }

.clab-home-page-about-our-work {
    border-right: 1px solid #EFEFEF;
    height: 100%;
}

    .clab-home-page-about-our-work a:hover, .clab-home-page-about-our-work-right a:hover {
        text-decoration: none;
    }

    .clab-home-page-about-our-work a, .clab-home-page-about-our-work-right a {
        margin-bottom: 30px;
        display: block;
    }

        .clab-home-page-about-our-work a:last-child {
            margin-bottom: 0px;
        }

.clab-home-page-about-project {
    padding: 25px;
    padding-bottom: 0px;
    overflow: hidden;
}


    .clab-home-page-about-project .clab-home-page-heading-sec h3 {
        text-align: center;
    }

.view-case-btn-sec {
    text-align: center;
}

.ylw-theme-btn {
    font-size: 20px;
    padding: 10px 20px;
    border: 1px solid #F29B0E;
    color: #F29B0E;
    background-color: transparent;
    display: inline-block;
    transition: all 0.3s linear;
}

    .ylw-theme-btn:hover {
        color: #01003A;
        background-color: #F29B0E;
        border-color: #F29B0E;
        text-decoration: none;
    }

.clab-home-page-our-work-img {
    margin-top: 40px;
}

    .clab-home-page-our-work-img img {
        width: 100%;
        transition: all 0.3s linear;
    }

.clab-home-page-about-project:hover img {
    transform: scale(1.03);
}

.black-bg {
    background-color: #010101;
}

.blue-bg {
    background-color: #151E47;
}

.dark-grn-bg {
    background-color: #005D6B;
}

.light-black-bg {
    background-color: #22272C;
}

.clab-home-page-about-our-work-right {
    border-left: 1px solid #EFEFEF;
    height: 100%;
}

.view-all-portfolio-sec {
    text-align: right;
}

.view-all-portfolio-btn {
    position: relative;
    display: block;
    text-align: right;
    transition: all 0.2s linear;
}

.view-portfolio-img-2 {
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all 0.1s linear;
}

.view-all-portfolio-btn:hover {
    cursor: url("/images/v2/clab-home-img/construction.webp");
}

    .view-all-portfolio-btn:hover .view-portfolio-img-2 {
        opacity: 1;
    }

    .view-all-portfolio-btn:hover .view-portfolio-img {
        opacity: 0;
    }

.clab-home-page-our-work-content {
    border-bottom: 1px solid #EFEFEF;
}



/*******************************************************************************clab-home-page-our-client-sec*************************************/


.clab-home-page-our-client-sec {
    padding-top: 60px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}

.clab-home-page-our-client-logo-sec {
    text-align: center;
    padding: 35px;
    border: 1px solid #EFEFEF;
    transition: all 0.3s linear;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ar-education-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/ar-education-bg.webp');
}

.enertrak-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/enertrak-bg.webp');
}

.fixnhour-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/fixnhour-bg.webp');
}

.smartboss-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/smartboss-bg.webp');
}

.knowit-world-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/know-it-world-bg.webp');
}

.first-india-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/first-india-bg.webp');
}

.rosec-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/rosec-jewelry-bg.webp');
}

.asl-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/asl-bg.webp');
}

.celewish-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/celewish-bg.webp');
}

.timeout-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/time-out-bg.webp');
}

.rajasthan-patrika-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/rajasthan-patrika-bg.webp');
}

.souvnir-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/souvnir-bg.webp');
}

.ambrella-money-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/ambrella-money-bg.webp');
}
.my11-fighter-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/my11-fighter-bg.webp');
}
.abcr-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/abcr-bg.webp');
}
.recommended-you-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/recommended-you-bg.webp');
}
.we-runner-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/we-runner-bg.webp');
}
.gokul-kripa-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/gokul-kripa-bg.webp');
}
.bci-client:hover {
    background-image: url('../../images/v2/clab-home-img/our-client/bci-bg.webp');
}


.p-0 {
    padding: 0px;
}


/*********************************************************FAQ-sec CSS*******************************************/


.v2-faq-wrapper {
    background-color: #0C0B2B;
    padding: 60px 0;
}




/*********************************************************clab-home-page-testimonial-sec*******************************************/
.clab-home-page-testimonial-sec {
    padding: 60px 0;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    position: relative;
}

.clab-home-page-testimonial-video-sec {
    position: relative;
    padding: 15px;
}

.clab-home-page-testimonial-slider-sec {
    margin-top: 40px;
}

.clab-home-page-testimonial-video-sec img {
    width: 100%;
}

.clab-home-page-testimonial-video-sec::after {
    content: "";
    display: block;
    background: #7A7DFF; /* fallback for old browsers */
    background: -webkit-linear-gradient(180deg, #7A7DFF 0%, #3867FF 63.5%, #185CFF 100%);
    background: linear-gradient(180deg, #7A7DFF 0%, #3867FF 63.5%, #185CFF 100%);
    width: 40%;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.clab-home-page-testimonial-video-sec::before {
    content: "";
    display: block;
    background: #7A7DFF; /* fallback for old browsers */
    background: -webkit-linear-gradient(180deg, #7A7DFF 0%, #3867FF 63.5%, #185CFF 100%);
    background: linear-gradient(180deg, #7A7DFF 0%, #3867FF 63.5%, #185CFF 100%);
    width: 40%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}

.clab-home-page-testimonial-content-sec {
    position: relative;
    margin-left: 20px;
    padding-bottom: 50px;
    height: 100%;
}

.quote-img {
    position: absolute;
    top: -10px;
    left: -10px;
}

    .quote-img img {
        max-width: 150px;
    }

.clab-home-page-testimonial-content-sec h3 {
    font-size: 40px;
    line-height: 60px;
    color: #000000;
    font-family: 'Graphik Bold';
}

.clab-home-page-testimonial-content-sec h4 {
    font-size: 30px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 20px;
}

.clab-home-page-testimonial-content-sec p {
    font-size: 18px;
    line-height: 36px;
    color: #343434;
    margin-bottom: 0px;
}

.clab-home-page-testimonial-video-play-btn-sec {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clab-home-page-testimonial-video-play-btn {
    width: 70px;
    height: 70px;
    background-color: #fff;
    color: #020071;
    border-radius: 100%;
    display: block;
    text-align: center;
}

    .clab-home-page-testimonial-video-play-btn .fa-play {
        color: #020071;
        font-size: 35px;
        line-height: 70px;
    }

.testi-video-modal .modal-content {
    width: 100%;
}

.clab-home-page-client-testi-vdo iframe {
    width: 100%;
    height: 450px;
}

.testi-video-modal .modal-body {
    padding-top: 40px;
}

.testi-video-modal .modal-close-btn {
    position: absolute;
    top: 9px;
    right: 15px;
    color: #020071;
}

    .testi-video-modal .modal-close-btn .fa-times {
        color: #020071;
        font-size: 20px;
    }

.clab-home-page-testimonial-slider-sec .owl-theme .owl-nav {
    display: block !important;
    padding-left: 0px !important;
    position: absolute;
    right: 0px;
    bottom: 0;
}

.clab-home-page-testimonial-slider-sec .owl-nav .owl-prev, .clab-home-page-testimonial-slider-sec .owl-nav .owl-next {
    background-color: #F29B0E !important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

    .clab-home-page-testimonial-slider-sec .owl-nav .owl-prev span, .clab-home-page-testimonial-slider-sec .owl-nav .owl-next span {
        color: #000 !important;
        font-size: 20px;
    }

.clab-home-page-testimonial-slider-sec .owl-nav button.owl-next {
    margin-left: 20px;
}



/**********************************************************clab-home-page-get-in-touch-sec*******************************************************/

.clab-home-page-get-in-touch-wrapper {
    overflow: hidden;
}

.clab-home-page-get-in-touch-sec {
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}

.clab-home-page-get-in-touch-contact-wrapper {
    height: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
}

.clab-home-page-get-in-touch-contact-left-sec p {
    color: #666666;
    font-size: 20px;
}

.clab-home-page-get-in-touch-contact-right-sec p {
    color: #000000;
    font-size: 20px;
}

    .clab-home-page-get-in-touch-contact-right-sec p a, .clab-home-page-get-in-touch-contact-right-sec p a:hover {
        color: #000;
        text-decoration: none;
    }

.clab-home-page-get-in-touch-contact-sec {
    display: flex;
    margin: 8px 0;
}

.clab-home-page-get-in-touch-contact-left-sec {
    width: 120px;
}

    .clab-home-page-get-in-touch-contact-left-sec .social-img-sec {
        margin-right: 5px;
    }

        .clab-home-page-get-in-touch-contact-left-sec .social-img-sec img {
            width: 30px;
        }

.clab-home-page-get-in-touch-img {
    text-align: center;
}

    .clab-home-page-get-in-touch-img img {
        max-width: 100%;
    }

.clab-home-page-get-in-touch-form {
    padding: 30px;
    background-color: #0C0B2B;
    position: relative;
}

    .clab-home-page-get-in-touch-form form {
        margin-top: 20px;
    }

    .clab-home-page-get-in-touch-form::after {
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        right: -60%;
        width: 60%;
        height: 100%;
        background-color: #0c0b2b;
        z-index: 0;
    }


    .clab-home-page-get-in-touch-form .form-control {
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #A5A5B1;
        color: #fff;
        border-radius: 0px;
        font-size: 20px;
    }

        .clab-home-page-get-in-touch-form .form-control:focus {
            background-color: transparent;
            outline: none;
            box-shadow: none;
            border-color: #fff;
            color: #fff;
        }

        .clab-home-page-get-in-touch-form .form-control::placeholder {
            color: #A5A5B1
        }

    .clab-home-page-get-in-touch-form .form-group {
        margin-bottom: 25px;
    }

.clab-home-page-get-in-touch-form-btn-sec {
    text-align: right;
    margin-top: 15px;
}

.custom-select {
    background: url(/images/v2/clab-home-img/get-in-touch/arrow-down.webp) no-repeat right 0.75rem center;
}

    .custom-select option {
        background-color: #0c0b2b;
    }

.clab-home-page-form-file-type-sec {
    position: relative;
}

    .clab-home-page-form-file-type-sec input[type="file"] {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
/*******************************************************footer css**************************************************/


footer {
    background-color: #0C0B2B;
}

.v2-footer-link-sec {
    padding: 60px 0;
    height: 100%;
}

    .v2-footer-link-sec h5 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
        line-height: 30px;
        font-family: 'Graphik Semibold';
    }

    .v2-footer-link-sec ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

        .v2-footer-link-sec ul li {
            list-style: none;
            margin-bottom: 10px;
        }

            .v2-footer-link-sec ul li:last-child {
                margin-bottom: 0px;
            }

            .v2-footer-link-sec ul li a {
                color: #808080;
                transition: all 0.3s linear;
                font-size: 18px;
            }

                .v2-footer-link-sec ul li a:hover {
                    color: #fff;
                    text-decoration: none;
                }

.v2-footer-connect-sec {
    padding: 30px;
    background-color: #221E3D;
}



.v2-footer-social-link-wrapper ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.v2-footer-social-link-wrapper li {
    display: inline-block;
    margin-right: 10px;
}

    .v2-footer-social-link-wrapper li:last-child {
        margin-right: 0px;
    }

.v2-footer-connect-sec .social-img-sec img {
    filter: brightness(100);
}


.v2-footer-social-link-wrapper li .fa {
    font-size: 20px;
    line-height: 35px;
    color: #fff;
}


.v2-footer-connect-head h4 {
    font-size: 26px;
    font-family: 'Graphik Bold';
    line-height: 45px;
    color: #fff;
}


.v2-footer-office-address-sec {
    padding: 50px 0;
    height: 100%;
}

    .v2-footer-office-address-sec h5 {
        font-size: 24px;
        color: #808080;
        font-family: 'Graphik Semibold';
        margin-bottom: 20px;
    }

    .v2-footer-office-address-sec p {
        color: #fff;
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 0px;
    }

.v2-footer-platform-sec ul {
    padding-left: 0px;
    text-align: center;
    width: max-content;
    margin: 0 auto;
}

    .v2-footer-platform-sec ul li {
        display: inline-block;
        margin: 20px;
    }

        .v2-footer-platform-sec ul li img {
            max-width: 100px;
        }

.v2-footer-platform-sec {
    overflow-x: auto;
}

.v2-footer-copy-right-sec {
    padding: 20px 0;
    text-align: center;
}

    .v2-footer-copy-right-sec p {
        font-size: 18px;
        color: #fff;
        margin-bottom: 0px;
    }

.v2-quick-links-sec ul li {
    display: inline-block;
    margin-right: 10px;
    border-right: 2px solid #808080;
    padding-right: 8px;
}

    .v2-quick-links-sec ul li:last-child {
        border-right: none;
    }

.v2-footer-social-link-wrapper ul li {
    border-right: none;
}
/*.v2-footer-office-address-wrapper{
	display:flex;
}
.v2-footer-office-address-sec {
	flex:0 0 25%;
	width:25%;
	padding-right:10px !important;
}*/
/***********************************************career v2 css*************************************************/
.v2-inner-page-bnr-sec {
    z-index: 2;
    position: relative;
}

.v2-inner-page-bnr-wrapper {
    background-color: #0b0a2b;
    padding-top: 180px;
    padding-bottom: 100px;
    overflow: hidden;
}

    .v2-inner-page-bnr-wrapper.blog {
        padding-top: 100px;
        padding-bottom: 0px;
    }

.v2-inner-page-bnr-content {
    position: relative;
}

.v2-inner-page-bnr-sec .v2-inner-page-bnr-content h2 {
    font-size: 100px;
    color: #fff;
    font-family: 'Graphik Bold';
}

.v2-inner-page-bnr-sec .v2-inner-page-bnr-content p {
    color: #fff;
    line-height: 36px;
    font-size: 20px;
}

.clab-inr-bnr-btn-sec {
    position: absolute;
    top: 30px;
    right: 0px;
}

.v2-career-award-content-sec {
    padding: 15px;
    background-color: #fff;
    border-radius: 20px;
}

.v2-career-award-img-sec img {
    width: 100%;
    border-radius: 20px;
}

.v2-career-award-content-sec .v2-career-award-para p {
    font-size: 16px;
    font-family: 'Graphik Semibold';
    color: #000000;
    margin-bottom: 0px;
}

    .v2-career-award-content-sec .v2-career-award-para p strong {
        font-size: 18px;
        font-family: 'Graphik Bold';
        line-height: 26px;
        margin-top: 15px;
        margin-bottom: 5px;
        display: block;
    }

.v2-career-award-slider-wrapper {
    margin-top: 30px;
}

    .v2-career-award-slider-wrapper .owl-nav {
        display: block !important;
        padding-left: 0px !important;
        margin-top: 30px;
        position: relative;
    }

        .v2-career-award-slider-wrapper .owl-nav::after {
            display: block;
            content: '';
            height: 2px;
            width: calc(100% - 150px);
            background-color: #9D9CA9;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
        }

.v2-similar-slider .owl-nav .owl-prev, .v2-similar-slider .owl-nav .owl-next {
    background-color: #F29B0E !important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

    .v2-similar-slider .owl-nav .owl-prev.disabled, .v2-similar-slider .owl-nav .owl-next.disabled {
        display: inline-block !important;
        opacity: 0.8;
    }

    .v2-similar-slider .owl-nav .owl-prev span, .v2-similar-slider .owl-nav .owl-next span {
        color: #000 !important;
        font-size: 20px;
    }

.v2-similar-slider .owl-nav button.owl-next {
    margin-left: 20px;
}

.v2-career-award-slider-wrapper .owl-stage-outer {
    overflow: unset !important;
}


/********************************v2-benefits-wrapper sec css******************************/

.v2-benefits-wrapper {
    padding: 60px 0;
    z-index: 2;
    position: relative;
}

.v2-benefits-content {
    display: flex;
    padding: 30px;
    border-radius: 10px;
    align-content: center;
    align-self: center;
    align-items: center;
    margin-bottom: 20px;
}

.v2-benefits-content-img {
    width: 120px;
    margin-right: 25px;
}

    .v2-benefits-content-img img {
        width: 120px;
    }

.v2-benefits-content-para {
    width: calc(100% - 145px);
}

    .v2-benefits-content-para p {
        font-size: 26px;
        line-height: 40px;
        color: #000000;
    }

.v2-benefits-all-content-wrapper {
    margin-left: 150px;
}

.light-pink-bg {
    background-color: #FAE4E8;
}

.light-crm-bg {
    background-color: #FFFAF7;
}

.light-gry-bg {
    background-color: #E5E7E9;
}

.light-grn-bg {
    background-color: #E5FAF2;
}

.light-sky-bg {
    background-color: #E5F7FD;
}

.light-ylw-bg {
    background-color: #FFFAD1;
}

.v2-benefits-left-sec {
    position: sticky;
    top: 100px;
}


/********************************************************v2-crnt-opening-wrapper css******************************************/


.v2-crnt-opening-wrapper {
    padding: 60px 0;
    background-color: #0C0B2B;
}

.v2-crnt-opening-sec {
    position: relative;
    z-index: 2;
}

.v2-crnt-opening-content-wrapper {
    padding: 25px;
    background-color: #252441;
    margin: 30px 0;
}

.v2-crnt-opening-left-content h4 {
    font-size: 30px;
    font-family: 'Graphik Bold';
    line-height: 40px;
}

.v2-crnt-opening-experience-sec {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

    .v2-crnt-opening-experience-sec div {
        flex: 1;
    }

    .v2-crnt-opening-experience-sec p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 0px;
    }

.v2-crnt-opening-btns-sec {
    text-align: right;
}

.v2-ylw-theme-brdr-btn {
    padding: 15px 20px;
    border: 1px solid #F29B0E;
    color: #F29B0E;
    background-color: transparent;
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
    margin-right: 15px;
    transition: all 0.3s linear;
}

    .v2-ylw-theme-brdr-btn:hover {
        background-color: #F29B0E;
        color: #000000;
        text-decoration: none;
    }

.v2-ylw-theme-btn {
    padding: 15px 20px;
    border: 1px solid #F29B0E;
    color: #000000;
    background-color: #F29B0E;
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s linear;
}

    .v2-ylw-theme-btn:hover {
        border: 1px solid #F29B0E;
        color: #F29B0E;
        background-color: transparent;
        text-decoration: none;
    }

.v2-crnt-opening-apply-on-sec {
    padding: 20px;
    background-color: #302F4B;
    border-radius: 12px;
    margin-top: 30px;
    z-index: 2;
    position: relative;
}

    .v2-crnt-opening-apply-on-sec h5 {
        font-size: 20px;
        color: #F29B0E;
        margin-bottom: 10px;
        font-family: 'Graphik Semibold';
    }

    .v2-crnt-opening-apply-on-sec ul {
        padding: 0px;
        display: inline-block;
        margin-bottom: 0px;
        list-style: none;
    }

        .v2-crnt-opening-apply-on-sec ul li {
            display: inline-block;
            margin-right: 20px;
            margin-top: 10px;
        }

            .v2-crnt-opening-apply-on-sec ul li:last-child {
                margin-right: 0px;
            }

            .v2-crnt-opening-apply-on-sec ul li a {
                color: #fff;
                font-size: 20px;
            }

                .v2-crnt-opening-apply-on-sec ul li a:hover {
                    text-decoration: none;
                }

            .v2-crnt-opening-apply-on-sec ul li .fa-envelope-o, .v2-crnt-opening-apply-on-sec ul li .fa-volume-control-phone {
                color: #F29B0E;
                margin-right: 10px;
            }

            .v2-crnt-opening-apply-on-sec ul li .fa-whatsapp {
                color: #F29B0E;
                margin-right: 10px;
            }

.v2-crnt-opening-detail {
    display: none;
}

.v2-talented-people-wrapper {
    padding: 60px 0;
    position: relative;
    z-index: 2;
}

.v2-talented-people-img-sec img {
    width: 100%;
}


/*********************************************************************v2-office-culture-wrapper*******************************************************/


.v2-office-culture-wrapper {
    padding: 60px 0;
    background-color: #0C0B2B;
    overflow: hidden;
}

.v2-office-culture-slider-img img {
    border-radius: 10px;
}

.v2-office-culture-slider-sec {
    margin-top: 30px;
}

    .v2-office-culture-slider-sec .owl-stage-outer {
        overflow: unset !important;
    }

    .v2-office-culture-slider-sec .owl-nav {
        display: block !important;
        padding-left: 0px !important;
        margin-top: 30px;
        position: relative;
    }

        .v2-office-culture-slider-sec .owl-nav::after {
            display: block;
            content: '';
            height: 2px;
            width: calc(100% - 150px);
            background-color: #9D9CA9;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
        }

        .v2-office-culture-slider-sec .owl-nav .owl-prev, .v2-office-culture-slider-sec .owl-nav .owl-next {
            background-color: #F29B0E !important;
            border-radius: 100%;
            width: 50px;
            height: 50px;
        }

            .v2-office-culture-slider-sec .owl-nav .owl-prev.disabled, .v2-office-culture-slider-sec .owl-nav .owl-next.disabled {
                display: inline-block !important;
                opacity: 0.8;
            }

            .v2-office-culture-slider-sec .owl-nav .owl-prev span, .v2-office-culture-slider-sec .owl-nav .owl-next span {
                color: #000 !important;
                font-size: 20px;
            }

        .v2-office-culture-slider-sec .owl-nav button.owl-next {
            margin-left: 20px;
        }

#v2-office-culture-slider .v2-office-culture-slider-img {
    transform: scale(0.9);
    transition: all 0.3s linear;
}

#v2-office-culture-slider .owl-item.active .v2-office-culture-slider-img {
    transform: scale(1);
}


/*********************************************************************v2-life-clab-wrapper***************************************************/


.v2-life-clab-wrapper {
    padding: 60px 0;
    position: relative;
    z-index: 2;
}

.html-marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
}


.v2-event-pic-wrapper {
    margin-top: 40px;
}

.v2-event-pic {
    display: flex;
}

.v2-event-big-pic {
    margin: 0 30px;
}

.v2-event-pic img {
    border-radius: 10px;
}

.v2-event-small-pic {
    display: grid;
    align-content: space-between;
}

.v2-event-big-pic img {
    height: 350px;
}

.v2-event-small-pic img {
    height: 160px;
}


.html-marquee .v2-event-pic-slide-wrapper {
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: marquee-left 30s linear infinite alternate;
    animation: marquee-left 30s linear infinite alternate;
    transform: translateX(0);
}

@keyframes marquee-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.html-marquee .v2-event-pic-slide-wrapper-right {
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: marquee-right 30s linear infinite alternate;
    animation: marquee-right 30s linear infinite alternate;
    transform: translateX(-100%);
    margin-top: 30px;
}

@keyframes marquee-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}













/* #Cursor
================================================== */
.cursor,
.cursor2,
.cursor3 {
    position: fixed;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
    left: -100px;
    top: 50%;
    z-index: 4;
}



    .cursor2.hover,
    .cursor3.hover {
        height: 150px;
        width: 150px;
        border: none;
        border-radius: 8px;
    }



body.img-4-wrap .cursor2, .cursor3 {
    background-image: url('/images/v2/clab-home-img/construction.webp');
    background-position: center;
    background-size: cover;
}

body.logo-wrap .cursor2, .cursor3 {
    background-image: none;
    height: 36px;
    width: 36px;
}

    body.logo-wrap .cursor2.hover,
    body.logo-wrap .cursor3.hover {
        height: 36px;
        width: 36px;
        transform: scale(1.5) translateX(-25%) translateY(-25%);
        border-radius: 100%;
    }


.hover-target {
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: all 250ms ease;
}

    .hover-target:hover {
        z-index: 5;
    }

.v2-border-line-wrapper {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
}

    .v2-border-line-wrapper .container-home-page, .v2-border-line-wrapper .container-home-page .row {
        height: 100%;
    }

    .v2-border-line-wrapper .col-3 .body-line {
        border-left: 1px solid #707070;
        height: 100%;
        opacity: 0.1;
    }

    .v2-border-line-wrapper .col-6 .body-line {
        border-left: 1px solid #707070;
        border-right: 1px solid #707070;
        height: 100%;
        opacity: 0.1;
    }

    .v2-border-line-wrapper .col-3:last-child .body-line {
        border-right: 1px solid #707070;
        opacity: 0.1;
    }



/*****************************************************v2-portfolio-page css**************************************************************************/




.v2-portfolio-wrapper {
    background-color: #0B0A2B;
}

.v2-portfolio-content a:hover {
    text-decoration: none;
}

.v2-portfolio-sec {
    position: relative;
    z-index: 1;
}

    .v2-portfolio-sec .clab-home-page-heading-sec {
        margin-bottom: 40px;
    }

.v2-portfolio-img {
    margin-bottom: 25px;
    overflow: hidden;
}

    .v2-portfolio-img img {
        width: 100%;
        transition: all 0.3s linear;
    }

    .v2-portfolio-img:hover img {
        transform: scale(1.05);
    }

.v2-portfolio-content {
    margin-bottom: 25px;
}

.v2-full-portfolio-sec {
    background-color: #010102;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

    .v2-full-portfolio-sec .v2-full-portfolio-img img {
        max-width: 100%;
    }

.v2-full-portfolio-content a:hover {
    text-decoration: none;
}

.v2-expert-wrapper {
    background-color: #252441;
    padding: 50px 0;
    position: relative;
    margin: 60px 0;
}

.v2-expert-content-img img {
    max-width: 100%;
}

.v2-expert-content .v2-ylw-theme-brdr-btn {
    margin-top: 10px;
}

.v2-full-portfolio-sec a:hover {
    text-decoration: none;
}



/******************************faq css*************************************************/

.v2-faq-sec {
    margin-top: 40px;
}

.accordion-content {
    margin-top: 20px;
}

    .accordion-content p {
        margin: 0;
        font-size: 18px;
        color: #A5A5B1;
    }

.eachFaq .title {
    cursor: pointer;
    color: #fff;
    margin-bottom: 0px;
    position: relative;
    padding-right: 55px;
}

    .eachFaq .title:hover {
        color: #F29B0E;
    }

.eachFaq.up-div .title {
    color: #F29B0E;
}

.eachFaq {
    padding: 30px;
    background-color: #221E3D;
    border-radius: 10px;
    margin-bottom: 30px;
}

    .eachFaq:last-child {
        margin-bottom: 0px;
    }

.faq-btn-sec {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    background-color: #f29b0e;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

    .faq-btn-sec span {
        color: #000;
        line-height: 40px;
        font-size: 20px;
    }

.eachFaq.down-div .faq-minus {
    display: none;
}

.eachFaq.up-div .faq-minus {
    display: block;
}


.v2-more-review-sec {
    padding: 60px 0;
}



/******************************************************Portfolio Inner page css***********************************************/
.v2-inner-portfolio-page {
    position: relative;
}

.grn-theme-bg {
    background-color: #51CB68;
}

.grn-theme-clr {
    color: #51CB68;
}

.grn-theme-border {
    border: 2px solid #51CB68;
}

.v2-portfolio-page-top-banner-img {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}

    .v2-portfolio-page-top-banner-img img {
        max-width: 100%;
    }

.v2-about-app-wrapper {
    display: flex;
    justify-content: space-around;
}

.v2-about-app-sec {
    padding: 15px 40px;
    width: max-content;
    text-align: center;
    border-radius: 15px;
}

    .v2-about-app-sec h2 {
        font-size: 60px;
        font-family: 'Graphik Bold';
        line-height: 80px;
    }

    .v2-about-app-sec p {
        font-size: 26px;
        margin-bottom: 0px;
    }

.v2-what-is-app-wrapper {
    padding: 70px 0;
    background-position: center, top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    position: relative;
}

.v2-what-is-app-sec {
    margin-bottom: 100px;
}

    .v2-what-is-app-sec .clab-home-page-heading-sec p {
        font-size: 20px;
        line-height: 35px;
        margin-top: 30px;
        margin-bottom: 0px;
    }

.app-download-btns-sec {
    text-align: center;
    margin-top: 40px;
}

    .app-download-btns-sec a {
        display: inline-block;
    }

        .app-download-btns-sec a:first-child {
            margin-right: 30px;
        }

.v2-solution-wrapper {
    padding: 60px 0;
    position: relative;
}

.v2-solution-listing {
    padding-left: 0px;
}

    .v2-solution-listing li {
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
        line-height: 35px;
        padding-left: 40px;
        position: relative;
        list-style: none;
    }

        .v2-solution-listing li .suqare-img {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 23px;
        }

.v2-solution-img-sec {
    border-radius: 15px;
    margin-top: 40px;
    overflow: hidden;
}

    .v2-solution-img-sec img {
        max-width: 100%;
    }

.v2-solution-sec {
    margin-bottom: 60px;
}

    .v2-solution-sec:last-child {
        margin-bottom: 0px;
    }

.v2-app-feature-wrapper {
    overflow: hidden;
    position: relative;
}

.v2-app-feature-content {
    padding: 25px;
    background-color: #152734;
    border-radius: 10px;
}

    .v2-app-feature-content img {
        margin-bottom: 20px;
        max-width: 80px;
    }

    .v2-app-feature-content p {
        font-size: 20px;
        line-height: 35px;
        color: #fff;
        margin-bottom: 0px;
    }

.v2-app-feature-slider-sec {
    margin-top: 30px;
}

    .v2-app-feature-slider-sec .owl-stage-outer {
        overflow: unset !important;
    }

    .v2-app-feature-slider-sec .owl-theme .owl-nav {
        display: block !important;
        padding-left: 0px !important;
        position: absolute;
        top: -90px;
        right: 0px;
    }

.v2-app-feature-sec .clab-home-page-heading-sec {
    padding-right: 140px;
}

.v2-complex-product-wrapper {
    padding: 60px 0;
    position: relative;
}

.v2-solution-content p {
    font-size: 20px;
    line-height: 35px;
}

.v2-complex-product-img-sec {
    text-align: center;
    margin-bottom: 80px;
}

    .v2-complex-product-img-sec:last-child {
        margin-bottom: 0px;
    }

    .v2-complex-product-img-sec img {
        max-width: 100%;
    }

.v2-site-screen img {
    max-width: 100%;
}

.v2-site-screen {
    text-align: center;
}

.v2-middle-img-wrapper {
    padding: 60px 0;
    position: relative;
}

.v2-middle-img-sec img {
    max-width: 100%;
}

.v2-technology-wrapper {
    position: relative;
}

.v2-technology-right-sec {
    display: flex;
}

.v2-technology-content {
    margin-right: 80px;
}

    .v2-technology-content:last-child {
        margin-right: 0px;
    }

    .v2-technology-content p {
        font-size: 22px;
        color: #fff;
        margin-bottom: 0px;
        margin-top: 20px;
    }

.v2-client-word-img {
    position: relative;
}

    .v2-client-word-img img {
        max-width: 100%;
    }

.v2-client-word-sec {
    margin: 40px 0;
    position: relative;
}

.light-blue-bg {
    background-color: #212041;
}

.inner-client-vdo-portfolio-sec {
    width: 80%;
    margin: 25px auto;
    border-radius: 10px;
    background: #d5d5dc;
}




/**************************************************************SmartBoss Portfolio css***********************************************/


.p-b-0 {
    padding-bottom: 0px !important;
}

.ylw-theme-clr {
    color: #FFDE17 !important;
}

.v2-smartboss-banner-img img {
    max-width: 100%;
}

.v2-smartboss-banner-content .app-download-btns-sec {
    text-align: left;
}

    .v2-smartboss-banner-content .app-download-btns-sec img {
        max-width: 200px;
    }

.black-bg {
    background-color: #000000;
}

.v2-about-smartboss-wrapper {
    padding: 60px 0;
    background-color: #0b0a2b;
}

.v2-about-smartboss-sec, .v2-project-goal-sec {
    position: relative;
}

.v2-project-goal-sec {
    padding-top: 60px;
}

.v2-app-status-wrapper {
    display: flex;
    margin-top: 30px;
}

.v2-app-status-sec {
    padding: 15px 35px;
    background-color: #262103;
    border-radius: 7px;
}

.v2-about-smartboss-img img {
    max-width: 100%;
}

.v2-app-status-sec p {
    margin-bottom: 0px;
}

.v2-app-status-sec:first-child {
    margin-right: 20px;
}

.v2-project-goal-img-sec {
    text-align: center;
    margin-top: 60px;
}

    .v2-project-goal-img-sec img {
        max-width: 100%;
    }

.v2-smartboss-app-feature-content {
    display: flex;
    margin-top: 25px;
}

.v2-smartboss-app-feature-img {
    background-color: #262103;
    border-radius: 5px;
    text-align: center;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-right: 20px;
}

.v2-smartboss-app-feature-para {
    width: calc(100% - 140px);
}

    .v2-smartboss-app-feature-para p {
        font-size: 21px;
        line-height: 37px;
        margin-bottom: 0px;
    }

.v2-smartboss-app-feature-img img {
    max-width: 85px;
}

.v2-smartboss-app-feature-wrapper {
    padding-top: 60px;
    position: relative;
}

.v2-smartboss-app-feature-content-img img {
    max-width: 100%;
}


.v2-smartboss-platform-wrapper {
    padding: 60px 0;
    background-color: #0B0A2B;
}

    .v2-smartboss-platform-wrapper .row {
        position: relative;
    }

.v2-smartboss-platform-sec {
    padding: 30px;
    position: relative;
    z-index: 2;
}

    .v2-smartboss-platform-sec::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 60%;
        border-radius: 10px;
        background-color: #000000;
        width: 100%;
        z-index: -1;
    }

.v2-smartboss-platform-img {
    margin-bottom: 30px;
    text-align: center;
}

    .v2-smartboss-platform-img img {
        max-width: 100%;
    }

.v2-smartboss-img {
    margin-top: 60px;
}


    .v2-smartboss-img img {
        width: 100%;
    }

.v2-complec-prdt-wrapper {
    background-color: #0B0A2B;
}

.v2-complec-prdt-sec {
    position: relative;
}

.v2-complec-prdt-img-sec {
    margin-top: 60px;
}

    .v2-complec-prdt-img-sec img {
        max-width: 100%;
    }


.v2-introducing-app-wrapper {
    background-color: #0B0A2B;
    padding: 60px 0;
}

.v2-smartboss-app-feature-sec {
    position: relative;
}

.v2-smartboss-app-feature-para h6 {
    font-size: 24px;
    color: #fff;
}

.v2-introducing-app-wrapper .v2-smartboss-app-feature-para p, .v2-ar-introducing-app-wrapper .v2-smartboss-app-feature-para p {
    font-size: 18px;
    line-height: 30px;
}

.v2-smartboss-web-wrapper {
    position: relative;
}

.v2-smartboss-web-img-sec img {
    width: 100%;
}

.v2-smartboss-tech-wrapper {
    padding: 60px 0;
    background-color: #0B0A2B;
}

.v2-smartboss-tech-sec {
    position: relative;
}

.v2-smartboss-tech-all-option {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

    .v2-smartboss-tech-all-option .v2-smartboss-tech-option {
        margin-right: 50px;
    }

        .v2-smartboss-tech-all-option .v2-smartboss-tech-option p {
            font-size: 30px;
            color: #fff;
            margin-bottom: 0px;
            margin-top: 15px;
        }

        .v2-smartboss-tech-all-option .v2-smartboss-tech-option:last-child {
            margin-right: 0px;
        }

.v2-smartboss-final-result {
    margin-top: 40px;
    position: relative;
}



.v2-client-word-wrapper .view-all-portfolio-sec {
    padding: 50px 0;
}


/**************************************************v2-fix-contact css***********************************/

.v2-fix-contact {
    background-color: #ffffff;
    width: max-content;
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 3;
    transform: translateY(-50%);
    box-shadow: 0px 0px 15px rgb(240 238 238 / 51%);
    padding: 8px;
    display: none;
    border: 1px solid #252256;
    border-right: none;
}

    .v2-fix-contact ul {
        list-style: none;
        padding: 0px;
        background: #fff;
        margin-bottom: 0;
    }

    .v2-fix-contact .get-started {
        font-size: 16px;
        padding: 10px;
        font-family: 'Graphik Semibold';
        margin-bottom: 0px;
        background-color: #252256;
        display: block;
        border: 1px solid #252256;
        transition: all 0.3s linear;
        color: #F29B0E;
        padding-right: 30px;
        position: relative;
    }

        .v2-fix-contact .get-started:hover {
            color: #252256;
            text-decoration: none;
            background-color: transparent;
        }

    .v2-fix-contact ul li p {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .v2-fix-contact ul a {
        display: block;
        color: #252256;
        font-size: 16px;
        padding-right: 30px;
        position: relative;
    }

    .v2-fix-contact ul li {
        border-bottom: 1px solid #dad8d8;
        padding: 0px 5px;
        padding-bottom: 7px;
        padding-right: 0px;
        margin-top: 8px;
    }

        .v2-fix-contact ul li:last-child {
            border-bottom: none;
        }

    .v2-fix-contact ul a:hover {
        text-decoration: none;
    }

.v2-fix-icons {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}



/**************************************************************v2-ar-inner-bnr-sec css*******************************************************/

.v2-ar-inner-bnr-sec {
    position: relative;
}

    .v2-ar-inner-bnr-sec img {
        max-width: 80%;
    }

.v2-ar-inner-bnr-wrapper {
    margin-bottom: 60px;
}

.sky-theme-clr {
    color: #03A0C9 !important;
}

.sky-theme-border {
    border: 2px solid #03a0c9;
}

.v2-about-ar-img {
    margin: 60px 0;
    text-align: center;
}

    .v2-about-ar-img img {
        max-width: 80%;
    }

.v2-about-ar-wrapper {
    padding: 60px 0;
    position: relative;
}

    .v2-about-ar-wrapper::after {
        content: "";
        display: block;
        width: 100%;
        height: 50%;
        bottom: 0px;
        position: absolute;
        background-color: #0A0A2A;
        z-index: -1;
    }

.v2-application-feature-wrapper {
    margin: 60px 0;
    position: relative;
}

.v2-application-feature-img {
    text-align: center;
    position: relative;
}

    .v2-application-feature-img.sky {
        padding-top: 50px;
    }

    .v2-application-feature-img.gray {
        padding-bottom: 50px;
    }

        .v2-application-feature-img.gray::after {
            position: absolute;
            bottom: 0px;
            height: 30%;
            width: 100%;
            content: '';
            display: block;
            left: 0px;
            background-color: #2B4961;
            z-index: -1;
        }

    .v2-application-feature-img.sky::after {
        position: absolute;
        top: 0px;
        height: 30%;
        width: 100%;
        content: '';
        display: block;
        left: 0px;
        background-color: #03A0C9;
        z-index: -1;
    }

    .v2-application-feature-img img {
        max-width: 80%;
    }

.v2-application-feature-para {
    margin: 30px 0px;
}

.v2-app-feature-title {
    font-size: 26px;
    font-family: 'Graphik Semibold';
    color: #000;
    line-height: 35px;
}

.v2-application-feature-content {
    margin-bottom: 40px;
}

/**********************************/

.v2-ar-logo-mockup-wrapper {
    margin: 60px 0;
}

.v2-ar-logo-mockup-img-sec {
    position: relative;
}

    .v2-ar-logo-mockup-img-sec img {
        max-width: 100%;
        border-radius: 50px;
    }


/***********************************/

.v2-ar-app-showcase-sec {
    margin: 60px 0;
    position: relative;
}

    .v2-ar-app-showcase-sec img {
        max-width: 100%;
    }

/******************************************/

.v2-ar-introducing-app-wrapper {
    margin: 60px 0;
}

    .v2-ar-introducing-app-wrapper .v2-smartboss-app-feature-para h6 {
        color: #000;
    }

.dark-sky-bg {
    background-color: #d1ebff;
}

.v2-ar-app-mockup-sec {
    margin: 60px 0;
    text-align: center;
}

    .v2-ar-app-mockup-sec img {
        max-width: 100%;
    }


/**************************************************************************/


.v2-inquiry-page-sec {
    position: relative;
    margin-top: 100px;
}

.v2-inquiry-add-sec ul {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
}

    .v2-inquiry-add-sec ul li {
        margin-bottom: 10px;
    }

        .v2-inquiry-add-sec ul li:last-child {
            margin-bottom: 0px;
        }

    .v2-inquiry-add-sec ul a {
        color: #b2b2b2;
        font-size: 18px;
        padding-left: 25px;
        position: relative;
        word-break: break-all;
        display: inline-block;
    }

        .v2-inquiry-add-sec ul a .fa {
            position: absolute;
            left: 0px;
            top: 4px;
        }

        .v2-inquiry-add-sec ul a:hover {
            color: #fff;
            text-decoration: none;
        }

.v2-inquiry-add-wrapper {
    margin-top: 35px;
}

.v2-inquiry-add-sec {
    margin-bottom: 30px;
    margin-top: 20px;
}

    .v2-inquiry-add-sec p {
        color: #b2b2b2;
        font-size: 18px;
    }

    .v2-inquiry-add-sec h5 {
        margin-bottom: 20px;
    }

.light-blue-bg {
    background-color: #171636;
}

.v2-inquiry-page-sec .v2-footer-platform-sec ul {
    margin: 0 0 auto;
}

.v2-inquiry-page-footer {
    margin-top: 50px;
}



/*********************************************celewish portfolio css*******************************************************/
.white-bg {
    background-color: #fff;
}

.v2-cel-inner-bnr-wrapper {
    position: relative;
}

.v2-cel-inner-bnr-sec {
    position: relative;
    z-index: 2;
}

.v2-cel-inner-bnr-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 34%;
    z-index: 1;
    background-color: #fff;
}

.v2-cel-bnr-img {
    text-align: center;
    margin: 50px 0;
}

    .v2-cel-bnr-img img {
        max-width: 80%;
    }

.v2-cel-about-prjt-wrapper {
    margin: 60px 0;
}

.v2-cel-about-prjt-sec {
    margin-top: 35px;
}

.v2-cel-about-prjt-img {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

    .v2-cel-about-prjt-img img {
        width: 100%;
    }

.v2-cel-about-prjt-content {
    background: linear-gradient(180deg, rgba(14,14,209,0) 48%, rgba(0,0,0,1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 20px;
}

    .v2-cel-about-prjt-content h4 {
        font-size: 27px;
        color: #fff;
        align-content: end;
        align-items: end;
        width: 100%;
        align-self: self-end;
        margin-bottom: 0px;
    }

.v2-cel-challenge-wrapper {
    margin: 60px 0;
}

.v2-cel-challenge-content {
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
}

    .v2-cel-challenge-content h2 {
        font-family: 'Graphik Bold';
        font-size: 50px;
        color: #000;
    }

    .v2-cel-challenge-content h3 {
        font-size: 27px;
        font-family: 'Graphik Semibold';
        color: #000;
        margin: 15px 0;
    }

    .v2-cel-challenge-content p {
        margin-bottom: 0px;
    }


.v2-cel-app-feature-sec {
    margin-top: 30px;
}

.v2-cel-app-feature-wrapper {
    margin: 60px 0;
}

.bullet-list {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

    .bullet-list li {
        font-size: 18px;
        color: #000000;
        padding-left: 30px;
        position: relative;
        margin-bottom: 10px;
    }

        .bullet-list li::after {
            content: "";
            display: block;
            position: absolute;
            top: 8px;
            left: 0px;
            width: 12px;
            height: 12px;
            border-radius: 100%;
            background-color: #FCDE2A;
        }

.v2-cel-app-feature-img-sec {
    margin: 40px 0;
}

    .v2-cel-app-feature-img-sec img {
        width: 100%;
    }


.v2-cel-tech-wrapper {
    margin: 60px 0;
}

.v2-cel-tech-sec {
    margin-top: 30px;
}

.v2-cel-tech-img {
    border-radius: 8px;
    overflow: hidden;
}

    .v2-cel-tech-img img {
        width: 100%;
    }

.v2-cel-web-mock-wrapper {
    margin: 60px 0;
}

.v2-cel-web-mock-sec img {
    width: 100%;
}

.v2-cel-intro-app-wrapper {
    margin: 60px 0;
}


.v2-cel-intro-app-content {
    display: flex;
    align-self: center;
    align-items: center;
    align-content: center;
    margin-top: 40px;
}

.v2-cel-intro-app-img {
    width: 110px;
    margin-right: 20px;
}

    .v2-cel-intro-app-img img {
        width: 80px;
    }

.v2-cel-intro-app-para {
    width: calc(100% - 130px);
}

    .v2-cel-intro-app-para h3 {
        font-size: 24px;
        font-family: 'Graphik Semibold';
        line-height: 37px;
        color: #000000;
        margin-bottom: 0px;
    }

    .v2-cel-intro-app-para p {
        font-size: 18px;
        line-height: 30px;
        color: #000000;
        margin-bottom: 0px;
    }

.v2-final-result-wrapper {
    margin: 60px 0;
}



/**********************************************************fixnhour portfolio css*************************************/
.v2-fxn-about-prjt-wrapper {
    margin: 60px 0;
}

.light-grn-theme-clr {
    color: #03A89E !important;
}

.light-grn-theme-border {
    border: 2px solid #03A89E;
}

.grn-poll-heading {
    border-left: 8px solid #03A89E;
    padding-left: 10px;
    margin-bottom: 20px;
}

.v2-inner-page-bnr-wrapper {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

.v2-fxn-about-prjt-sec {
    margin-top: 30px;
}

.v2-fxn-about-prjt-img {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

.v2-fxn-about-prjt-sec .col-lg-12:last-child .v2-fxn-about-prjt-img {
    margin-bottom: 0px;
}

.v2-fxn-about-prjt-img img {
    width: 100%;
}

.v2-fxn-challenge-content {
    background-color: #E5F1F0;
    border-left: 8px solid #03A89E;
    padding: 20px;
    height: 100%;
}

.clab-home-page-heading-sec h6 {
    font-size: 26px;
    line-height: 40px;
    color: #0C0B2B;
    font-family: 'Graphik Semibold';
}

.col-height {
    margin-top: 15px;
    margin-bottom: 20px;
}



/****************************************asl portfolio**********************************/


.light-blue-theme-clr {
    color: #BFD3FF !important;
}

.blue-theme-clr {
    color: #2E6AEF !important;
}

.v2-about-asl-wrapper {
    margin: 60px 0;
}

.v2-about-asl-content {
    padding: 25px;
    border-radius: 8px;
    padding-right: 35%;
    position: relative;
    height: 100%;
}

    .v2-about-asl-content .v2-about-asl-side-img {
        position: absolute;
        right: 0px;
        width: calc(35% - 7px);
        top: 50%;
        transform: translateY(-50%);
    }

        .v2-about-asl-content .v2-about-asl-side-img img {
            width: 100%;
        }

.v2-asl-middle-img-wrapper {
    margin: 60px 0;
}

.v2-asl-middle-img-sec {
    border-radius: 15px;
    overflow: hidden;
}

    .v2-asl-middle-img-sec img {
        width: 100%;
    }

.v2-app-mock-wrapper {
    margin: 60px 0;
}

    .v2-app-mock-wrapper .v2-app-mock-sec {
        margin-top: 40px;
    }

        .v2-app-mock-wrapper .v2-app-mock-sec img {
            width: 100%;
        }

.v2-asl-challenge-wrapper {
    margin: 60px 0;
}

.v2-asl-challenge-img {
    margin-bottom: 15px;
    width: 70px;
}

    .v2-asl-challenge-img img {
        width: 100%;
    }

.v2-asl-challenge-wrapper .v2-asl-challenge-content {
    background-color: #F2F2F2;
    border-radius: 8px;
    height: 100%;
    padding: 25px;
}

.inner-client-vdo-portfolio-sec .clab-home-page-testimonial-video-sec::after, .inner-client-vdo-portfolio-sec .clab-home-page-testimonial-video-sec::before {
    display: none;
}

.v2-asl-intro-app-wrapper {
    margin: 60px 0;
}

.v2-simple-intro-list {
    padding: 0px;
    margin-top: 40px;
}

    .v2-simple-intro-list li {
        padding-left: 40px;
        margin-bottom: 30px;
        position: relative;
        list-style: none;
    }

        .v2-simple-intro-list li p strong {
            margin-bottom: 10px;
            font-size: 20px;
            display: block;
        }

        .v2-simple-intro-list li p {
            font-size: 18px;
            color: #000;
            line-height: 30px;
            margin-bottom: 0px;
        }

    .v2-simple-intro-list .list-circle-img {
        position: absolute;
        top: 3px;
        left: 0px;
    }

        .v2-simple-intro-list .list-circle-img .fa {
            color: #3E3EFF;
            font-size: 25px;
        }



/************************************tracking pro css******************************************/


.track-theme-clr {
    color: #30D5C8 !important;
}

.v2-what-track-wrapper {
    margin: 60px 0;
}

.v2-what-track-sec {
    text-align: center;
    margin-top: 40px;
}

    .v2-what-track-sec .v2-web-app-img img {
        max-width: 90%;
    }

.all-clutch-review-wrapper {
    margin-top: 50px;
}

.widgets_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
}


/*************************************************************v2-inquiry-list-content******************************/
.v2-inquiry-list-wrapper {
    padding-right: 70px;
}

.v2-inquiry-list-sec {
    margin-top: 30px;
}

.v2-inquiry-list-content {
    display: flex;
    padding: 15px;
    margin-bottom: 25px;
}

.v2-inquiry-list-img {
    margin-right: 15px;
    width: 45px;
}

    .v2-inquiry-list-img img {
        width: 100%;
    }

.v2-inquiry-list-para {
    width: calc(100% - 60px);
}

    .v2-inquiry-list-para p {
        margin-bottom: 0px !important;
    }

.dark-bl-bg {
    background-color: #1A2239;
}

.dark-pl-bg {
    background-color: #241D27;
}

.dark-mn-bg {
    background-color: #24102A;
}

.dark-sk-bg {
    background-color: #0B1639;
}

.dark-yl-bg {
    background-color: #241D31;
}

.dark-li-bl-bg {
    background-color: #0C1741;
}

.v2-dif-inquiry-form-wrapper {
    position: relative;
    margin: 30px 0
}

.v2-shape-left, .v2-shape-right {
    position: absolute;
    width: 250px;
    z-index: 0;
}

.v2-shape-left {
    left: -30px;
    bottom: -30px;
}

.v2-shape-right {
    top: -30px;
    right: -30px;
}

    .v2-shape-left img, .v2-shape-right img {
        max-width: 100%;
    }

.v2-inquiry-page-sec .clab-home-page-get-in-touch-form::after {
    display: none;
}


/******************************************v2-how-it-work-wrapper*********************************/


.v2-how-it-work-wrapper {
    margin: 60px 0;
    position: relative;
}

.v2-how-it-work-sec {
    margin-top: 30px;
}

.v2-how-it-work-content {
    padding: 30px;
    height: 100%;
}

.v2-how-it-work-img {
    margin-bottom: 30px;
    width: 140px;
}

    .v2-how-it-work-img img {
        width: 100%;
    }

.v2-how-it-work-content h5 {
    font-size: 20px;
    font-family: 'Graphik Bold';
    margin-bottom: 15px;
}

.v2-how-it-work-content small {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

.v2-how-it-work-para p {
    margin-bottom: 0px;
}

.v2-copy-right-wrapper {
    padding: 25px 15px;
    background-color: #000;
    position: relative;
}

    .v2-copy-right-wrapper p {
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
    }




/***********************************************************************Blog page CSS***********************************************************/


/*.blog-breadcrumb-wrapper {
	padding: 15px;
	background-color: #FDEBCE;
}

.blog-breadcrumb-wrapper ul li {
	display: inline-block;
	list-style: none;
	font-size: 20px;
	color:#000;
}
	.blog-breadcrumb-wrapper ul{
		padding-left:0px;
		margin-bottom:0px;
	}
	.blog-breadcrumb-wrapper ul li a {
		color: #000;
		margin: 0 8px;
		display: inline-block;
	}
	.blog-breadcrumb-wrapper ul li a:hover{
		text-decoration:none;
	}
.blog-category-wrapper{
	margin:60px 0;
}

.blog-heading-sec h3{
	font-size:30px;
	font-weight:bold;
	color:#000;
}
.blog-category-sec{
	margin-top:20px;
}
.blog-all-cat-sec ul {
	padding-left: 0px;
	display: flex;
	margin-bottom:0px;
}
.blog-all-cat-sec ul li{
	background-color: #EEEEFD;
	padding:15px 20px;
	list-style:none;
	margin-right:20px;
	cursor:pointer;
}
.blog-all-cat-sec ul li:last-child {
	margin-right: 0px;
}
.blog-all-cat-sec ul li p {
	font-size: 20px;
	margin-bottom: 0px;
}
.blog-all-cat-sec ul li p b{
	color:#000;
}
.blog-all-cat-sec ul li.active {
	background-color: #5956E9;
}

.blog-all-cat-sec ul li.active p, .blog-all-cat-sec ul li.active b {
	color: #fff;
}

.blog-img-sec img{
	max-width:100%;
	width:100%;
}
.blog-para-sec h3{
	font-size:26px;
	color:#000;
	font-weight:bold;
	line-height:40px;
}
.blog-para-sec p{
	color: #3D3D3D;
	font-size:20px;
	line-height:35px;
}
.blog-category-result-wrapper{
	margin-top:40px;
}
.blog-wrapper {
	margin-bottom: 60px;
}
.blog-date-sec {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}
.blog-calendar-date{
	display:inline-block;
	margin-left:10px;
}
.blog-para-sec {
	margin: 15px 0;
}

.blog-pagination-wrapper .pagination {
	justify-content:center;
}
	.blog-pagination-wrapper .pagination li{
		margin:0px 5px;
	}
.blog-pagination-wrapper .page-item .page-link {
	background-color: #EEEEFD;
	color: #000;
	font-weight: bold;
	border: 1px solid #eeeefd;
	padding: 10px 15px;
}
	.blog-pagination-wrapper .page-item .page-link:active, .blog-pagination-wrapper .page-item .page-link:focus{
		outline:none;
		box-shadow:none;
	}
	.blog-pagination-wrapper .page-item:first-child .page-link, .blog-pagination-wrapper .page-item:last-child .page-link {
		border-radius: 0px;
		background-color: #5956E9;
		color: #fff;
		border-color: #5956E9;
	}
.blog-recent-post-img img{
	max-width:100%;
	width:100%;
}
.blog-recent-post-content {
	padding: 15px;
	background-color: #F5F5F5;
}
.blog-recent-post-content h5 {
	font-size: 18px;
	color: #000;
	line-height: 30px;
	font-weight:bold;
	margin-bottom:0px;
}
.blog-recent-post-sec {
	margin:20px 0;
}
	.blog-recent-post-sec a:hover{
		text-decoration:none;
	}
	.blog-subscribe-wrapper {
		padding: 5px 20px;
		background-color: #FDEBCE;
	}
	.blog-subscribe-wrapper .form-control {
		min-height: 60px;
		font-size:20px;
	}
		.blog-subscribe-wrapper .form-control::placeholder {
			color: #9E9E9E;
		}
		.blog-subscribe-wrapper label {
			font-size: 20px;
			font-weight: bold;
			color: #000;
		}
	.blog-subscribe-wrapper .check-label {
		font-size: 18px;
		color: #3D3D3D;
		display:inline-block;
		margin-left:10px;
		width:calc(100% - 30px);
	}
	.blog-subscribe-wrapper .check-div input[type=checkbox] {
		width: 20px;
		height: 20px;
	}
	.blog-subscribe-wrapper .check-div {
		display: flex;
	}

.blog-square-list {
	padding-left: 0px;
	margin: 30px 0;
}
.blog-square-list li {
	font-size: 18px;
	color: #000;
	margin: 12px 0;
	list-style: none;
	position: relative;
	padding-left: 25px;
	font-weight: bold;
}

	.blog-square-list li::after {
		content: "";
		display: block;
		position: absolute;
		top: 8px;
		left: 0px;
		width: 8px;
		height: 8px;
		background-color: #5956E9;
		transform: rotate(45deg);
	}

.blog-graph-sec{
	margin:30px 0;
}

.blog-graph-sec img {
	max-width: 100%;
	width: 100%;
}
.blog-next-prev-btns{
	text-align:center;
	margin-top:30px;
}
.blog-next-prev-btns .btn-icn {
	margin: 0 5px;
	display: inline-block;
}
.blog-next-prev-btns .clab-home-page-theme-btn{
	margin:0px 10px;
}

.blog-form-wrapper {
	padding:30px 0;
	background-color: #0B0A2B;
}
.blog-form-wrapper .clab-home-page-get-in-touch-form::after {
	display: none;
}
.blog-form-wrapper form {
	margin-top: 30px;
}
*/


/***********************************************************************Blog page CSS***********************************************************/


.blog-breadcrumb-wrapper {
    padding: 15px;
    background-color: #FDEBCE;
}

    .blog-breadcrumb-wrapper ul li {
        display: inline-block;
        list-style: none;
        font-size: 20px;
        color: #000;
    }

    .blog-breadcrumb-wrapper ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

        .blog-breadcrumb-wrapper ul li a {
            color: #000;
            margin: 0 8px;
            display: inline-block;
        }

            .blog-breadcrumb-wrapper ul li a:hover {
                text-decoration: none;
            }

.blog-category-wrapper {
    margin: 30px 0;
}

.blog-heading-sec h3 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.blog-category-sec {
    margin-top: 20px;
}

.blog-all-cat-sec ul {
    padding-left: 0px;
    display: flex;
    margin-bottom: 0px;
}

    .blog-all-cat-sec ul li {
        background-color: #EEEEFD;
        padding: 15px 20px;
        list-style: none;
        margin-right: 20px;
        cursor: pointer;
    }

        .blog-all-cat-sec ul li:last-child {
            margin-right: 0px;
        }

        .blog-all-cat-sec ul li p {
            font-size: 20px;
            margin-bottom: 0px;
        }

            .blog-all-cat-sec ul li p b {
                color: #000;
            }

        .blog-all-cat-sec ul li.active {
            background-color: #5956E9;
        }

            .blog-all-cat-sec ul li.active p, .blog-all-cat-sec ul li.active b {
                color: #fff;
            }

.blog-wrapper.list-blog .blog-img-sec {
    margin-bottom: 0px;
}

.blog-img-sec img {
    max-width: 100%;
    width: 100%;
}

.blog-para-sec h2 {
    font-size: 26px;
    color: #000;
    font-weight: bold;
    line-height: 40px;
}

.blog-para-sec h3 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    line-height: 40px;
}

    .blog-para-sec h3 a, .blog-para-sec p a {
        color: #000;
    }

.blog-para-sec p {
    color: #3D3D3D;
    font-size: 20px;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.blog-category-result-wrapper {
    margin-top: 40px;
}

.blog-wrapper {
    margin-bottom: 60px;
}

.blog-date-sec {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.blog-calendar-date {
    display: inline-block;
}

.blog-para-sec {
    margin: 15px 0;
}

.blog-pagination-wrapper .pagination {
    justify-content: center;
}

    .blog-pagination-wrapper .pagination li {
        margin: 0px 5px;
    }

.blog-pagination-wrapper .page-item .page-link {
    background-color: #EEEEFD;
    color: #000;
    font-weight: bold;
    border: 1px solid #eeeefd;
    padding: 10px 15px;
}

    .blog-pagination-wrapper .page-item .page-link:active, .blog-pagination-wrapper .page-item .page-link:focus {
        outline: none;
        box-shadow: none;
    }

.blog-pagination-wrapper .page-item:first-child .page-link, .blog-pagination-wrapper .page-item:last-child .page-link {
    border-radius: 0px;
    background-color: #5956E9;
    color: #fff;
    border-color: #5956E9;
}

.blog-pagination-wrapper .page-item.active .page-link {
    background-color: #252256;
    color: #fff;
}

.blog-recent-post-img img {
    max-width: 100%;
    width: 100%;
}

.blog-recent-post-content {
    padding: 15px;
    background-color: #F5F5F5;
}

    .blog-recent-post-content h5 {
        font-size: 18px;
        color: #000;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 0px;
    }

.blog-recent-post-sec {
    margin: 20px 0;
}

    .blog-recent-post-sec a:hover {
        text-decoration: none;
    }

.blog-subscribe-wrapper {
    padding: 5px 20px;
    background-color: #FDEBCE;
}

    .blog-subscribe-wrapper .form-control {
        min-height: 60px;
        font-size: 20px;
    }

        .blog-subscribe-wrapper .form-control::placeholder {
            color: #9E9E9E;
        }

    .blog-subscribe-wrapper label {
        font-size: 20px;
        font-weight: bold;
        color: #000;
    }

    .blog-subscribe-wrapper .check-label {
        font-size: 18px;
        color: #3D3D3D;
        display: inline-block;
        margin-left: 10px;
        width: calc(100% - 30px);
    }

    .blog-subscribe-wrapper .check-div input[type=checkbox] {
        width: 20px;
        height: 20px;
    }

    .blog-subscribe-wrapper .check-div {
        display: flex;
    }

.blog-square-list {
    padding-left: 0px;
    margin: 30px 0;
}

    .blog-square-list li {
        font-size: 18px;
        color: #000;
        margin: 12px 0;
        list-style: none;
        position: relative;
        padding-left: 25px;
        font-weight: bold;
    }

        .blog-square-list li::after {
            content: "";
            display: block;
            position: absolute;
            top: 8px;
            left: 0px;
            width: 8px;
            height: 8px;
            background-color: #5956E9;
            transform: rotate(45deg);
        }

.blog-graph-sec {
    margin: 30px 0;
}

    .blog-graph-sec img {
        max-width: 100%;
        width: 100%;
    }

.blog-next-prev-btns {
    text-align: center;
    margin-top: 30px;
}

    .blog-next-prev-btns .btn-icn {
        margin: 0 5px;
        display: inline-block;
    }

    .blog-next-prev-btns .clab-home-page-theme-btn {
        margin: 0px 10px;
    }

.blog-form-wrapper {
    padding: 30px 0;
    background-color: #0B0A2B;
}

    .blog-form-wrapper .clab-home-page-get-in-touch-form::after {
        display: none;
    }

    .blog-form-wrapper form {
        margin-top: 30px;
    }

.clab-blog-category-wrapper {
    margin-bottom: 25px;
}

.clab-blog-category-sec ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    max-height: 350px;
    overflow-y: auto;
}

.clab-blog-category-sec li {
    margin-bottom: 10px;
}

    .clab-blog-category-sec li:last-child {
        margin-bottom: 0px;
    }

    .clab-blog-category-sec li a {
        font-size: 16px;
        color: #252256;
        display: inline-block;
        font-weight: 600;
    }

        .clab-blog-category-sec li a:hover {
            text-decoration: none;
            color: #5956e9;
        }

.clab-blog-category-sec ul::-webkit-scrollbar {
    width: 5px;
}

.clab-blog-category-sec ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255);
    border-radius: 10px;
}

.clab-blog-category-sec ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #5956e9;
}

.blog-category-tag-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .blog-category-tag-sec ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

        .blog-category-tag-sec ul li {
            display: inline-block;
        }

            .blog-category-tag-sec ul li a {
                padding: 4px 16px;
                border-radius: 20px;
                background-color: #F5F5F5;
                color: #000;
                font-size: 12px;
                display: inline-block;
            }

                .blog-category-tag-sec ul li a:hover {
                    background-color: #5956E9;
                    color: #fff;
                    text-decoration: none;
                }




.error-page {
    background-color: #090528;
}


/************************************fantasy-sports-app-development-page css*************************************/

.clab-service-inner-banner-sec {
    padding-top: 200px;
    padding-bottom: 400px;
}

.dark-theme-bg {
    background-color: #0B0A2B;
}

.clab-app-devlp-cmpny-img {
    text-align: center;
    margin-top: -300px;
    z-index: 2;
    position: relative;
}

    .clab-app-devlp-cmpny-img img {
        max-width: 100%;
    }

.clab-app-devlp-cmpny-content-wrapper {
    padding: 60px 0;
}

.clab-app-devlp-cmpny-all-sec {
    margin-top: 40px;
}

.clab-app-devlp-cmpny-content-sec {
    background-color: #171636;
    padding: 25px;
    border: 1px solid #45455E;
    height: 100%;
}

.clab-app-devlp-img {
    width: 80px;
}

.clab-app-devlp-cmpny-content-para {
    width: calc(100% - 90px);
}

.clab-app-devlp-cmpny-head-sec {
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    margin-bottom: 20px;
}

.clab-app-devlp-cmpny-content-para h4 {
    font-size: 20px;
    font-weight: bold;
}

.clab-sports-solution-banner-img img {
    width: 100%;
}

.why-lab-all-content-sec {
    padding: 60px 0;
}

.clab-show-case-wrapper {
    margin: 60px 0;
}

.clab-show-case-sec {
    margin-top: 40px;
}

.clab-show-case-img img {
    width: 100%;
}


.indusry-page-econs {
    padding: 60px 0;
}

/*************************************app-development-wrapper css********************************/


.app-development-wrapper {
    padding-bottom: 60px;
}

.app-development-sec {
    position: relative;
    margin-top: 40px;
    z-index: 2;
    padding: 50px 0;
}

    .app-development-sec .svg-img-sec {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 100%;
        background-color: #ECF1FC;
        display: inline-block;
        text-align: center;
        margin-right: 15px;
    }

    .app-development-sec .why-best-topic {
        width: calc(100% - 55px);
    }

    .app-development-sec .nav-link {
        font-size: 18px;
        color: #000;
        display: flex;
        width: 100%;
        text-align: inherit;
        border-radius: 0px;
        padding: 15px;
        align-content: center;
        align-self: center;
        align-items: center;
        background-color: #fff !important;
        border-radius: 10px;
        margin-bottom: 20px;
        text-align: left;
    }

    .app-development-sec .nav-tabs .nav-item {
        width: 100%;
    }

        .app-development-sec .nav-tabs .nav-item.show .nav-link, .app-development-sec .nav-tabs .nav-link.active, .app-development-sec .nav-tabs .nav-link:hover {
            color: #fff;
            background-color: #2C4193 !important;
        }

    .app-development-sec .nav-tabs {
        border-bottom: none;
    }


    .app-development-sec .nav-link.active .svg-img-sec, .app-development-sec .nav-link:hover .svg-img-sec {
        background-color: #3453CC;
    }

        .app-development-sec .nav-link.active .svg-img-sec img, .app-development-sec .nav-link:hover .svg-img-sec img {
            filter: invert(100%);
        }

    .app-development-sec .app-development-content {
        background-color: #221E3D;
        padding: 40px;
        border-radius: 0px;
        position: relative;
        z-index: 1;
    }

    .app-development-sec::after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 85%;
        height: 100%;
        background-color: #221E3D;
        z-index: -1;
    }

    .app-development-sec .app-development-content h5 {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        margin: 15px 0;
    }

    .app-development-sec .app-development-content p {
        font-size: 18px;
        color: #fff;
        line-height: 30px;
    }

    .app-development-sec .app-development-content .content-img img {
        max-width: 100%;
        width: 300px;
    }

    .app-development-sec .tab-content {
        margin-left: 15px;
    }

.portfolio-imgs-areaa {
    text-align: right;
}

/*Custom-css-inner-pages*/

.clab-inner-page-heading-sec h1 {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'Graphik Bold';
    color: #fff;
    line-height: 60px;
}

.clab-inner-page-heading-sec p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.mt-top {
    margin-top: 60px;
}
/*company-about-us-page-css-start*/
.clab-about-page-heading-sec .head {
    padding: 10px 15px;
    background-color: #0B092A;
    width: fit-content;
    display: inline-block;
}

    .clab-about-page-heading-sec .head span {
        color: #F29B0E;
        font-size: 22px;
        letter-spacing: 14px;
    }

.clab-about-page-heading-sec h4 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'Graphik Bold';
    color: #0C0B2B;
}

.clab-about-page-heading-sec p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

.about-team h5 {
    color: #0C0B2B;
    font-family: 'Graphik Bold';
    font-size: 30px;
}

.about-team span {
    color: #484848;
    font-weight: 700;
    margin-top: 15px;
    font-size: 22px;
}

.col-wrapper .details-sec {
    padding-left: 45px;
    display: flex;
    align-items: center;
}

.col-wrapper2 .details-sec {
    padding-right: 40px;
    display: flex;
    align-items: center;
}

.details-sec p {
    margin-top: 10px;
}

img {
    max-width: 100%;
}

.our-foucs h5 {
    color: #0C0B2B;
    font-family: 'Graphik Bold';
    font-size: 30px;
}

.our-foucs p {
    margin-top: 10px;
}

.our-foucs .mission-wrapper {
    background-color: #FFE0E8;
    padding: 20px;
    height: 100%;
}

.our-foucs .vission-wrapper {
    background-color: #FEF2D4;
    padding: 20px;
    height: 100%;
}

.our-foucs .team-wrapper {
    background-color: #D0EBFA;
    padding: 20px;
    margin-top: 20px;
}

.our-foucs .text-sec {
    padding-top: 20px;
}

.nav-tabs .nav-link {
    color: #fff !important;
    background-color: #3A2724 !important;
    border-radius: 0;
    font-size: 20px;
    font-family: 'Graphik Semibold';
    padding: 14px;
}

    .nav-tabs .nav-link.active {
        color: #000;
        background-color: #F29B0E !important;
    }

.text-tab h6 {
    font-size: 20px;
    font-family: 'Graphik Semibold';
    padding: 14px 0;
    line-height: 35px;
    color: #fff;
    padding-right: 20px;
}

.text-tab {
    margin-top: 20px;
}

.journey .tabs-sec {
    background-color: #0B0A2B;
    padding: 20px;
    padding-right: 0;
}

.nav-tabs {
    border-bottom: inherit !important;
}

.journey .tabs-sec .owl-theme .owl-nav {
    display: block !important;
}

.journey .owl-carousel .owl-nav button.owl-next, .journey .owl-carousel .owl-nav button.owl-prev {
    background-color: #F29B0E;
    color: #000;
    border: none;
    padding: 0 !important;
    font: inherit;
    border-radius: 100%;
    font-size: 24px;
    line-height: 24px;
    width: 44px;
    height: 44px;
}

.journey .owl-carousel .owl-nav button.owl-next {
    right: 15px;
}

.journey .owl-carousel .owl-nav button.owl-prev {
    left: 15px;
}

.journey .owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

.journey .trophy-img img {
    width: 200px;
}

.achive-col .text-sec h5 {
    font-size: 40px;
    font-family: 'Graphik Bold';
}

.achive-col .text-sec span {
    font-size: 20px;
    color: #000;
    padding-top: 10px;
    margin-bottom: 0;
}

.achive-col .text-sec {
    padding: 10px 20px;
    border-radius: 10px;
    width: fit-content;
}

.achive-wrapper {
    display: flex;
    justify-content: end;
}

    .achive-wrapper .achive-col {
        margin-left: 20px;
    }

.achive-col .text-sec.blue {
    background-color: #D4D9E9;
}

    .achive-col .text-sec.blue h5 {
        color: #2C4193;
    }

.achive-col .text-sec.yellow {
    background-color: #FDEBCE;
}

    .achive-col .text-sec.yellow h5 {
        color: #F29B0E;
    }

.achive-col .text-sec.red {
    background-color: #FAD4D1;
}

    .achive-col .text-sec.red h5 {
        color: #E62C1B;
    }

.award-col .tex-sec h5 {
    font-size: 26px;
    font-family: 'Graphik Bold';
    padding-top: 12px;
    color: #fff;
}

.award-col .tex-sec span {
    font-size: 18px;
    padding-top: 10px;
    color: #fff;
}

.award-col {
    background-color: #0B092A;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.awrad-wrapper {
    margin-top: 36px;
}

.col-bg1 {
    background-color: #EFEFEF;
}

.col-bg2 {
    background-color: #E5FAF1;
}

.col-bg3 {
    background-color: #FFF6EA;
}

.col-bg4 {
    background-color: #EBF3F9;
}

.col-bg5 {
    background-color: #FDF7ED;
}

.col-bg6 {
    background-color: #FFEDED;
}

.col-bg7 {
    background-color: #E5F6EF;
}

.col-bg8 {
    background-color: #FBEDEC;
}


.benifits-col {
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    height: 100%;
}

    .benifits-col h6 {
        font-size: 20px;
        padding-left: 15px;
        color: #000;
        line-height: 30px;
        margin-bottom: 0;
        font-weight: 400;
    }

.benifits-margin {
    margin-bottom: 30px;
}


.v2-event-pic-slide-wrapper img {
    max-width: inherit;
}


/*Blog-css*/

.container-fluid.container-blog-page {
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
}

.blog-heading-sec h1 {
    font-size: 40px;
    line-height: 60px;
    color: #0C0B2B;
    font-family: 'Graphik Bold';
    text-align: center;
    margin-top: 40px;
}

.blog-wrapper.list-blog {
    margin: 0 auto 30px;
    background: #fff;
    padding: 0;
    -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    position: relative;
    z-index: 2;
}

.blog-date-sec {
    margin-top: 0px;
    font-size: 12px;
}

.blog-content-sec {
    padding: 15px;
}

.blog-para-sec {
    margin: 10px 0;
    margin-bottom: 0;
}

    .blog-para-sec h2 {
        font-size: 16px;
        color: #0C0B2B;
        font-weight: bold;
        line-height: 27px;
    }


    .blog-para-sec a:hover {
        text-decoration: none;
        color: #5956E9
    }

    .blog-para-sec a h2:hover {
        color: #5956E9
    }

.blog-date-se span.fa.fa-calendar {
    color: #5956E9;
}



.blog-category-wrapper.blog-details .blog-para-sec h1 {
    font-size: 40px;
    line-height: 60px;
    color: #0C0B2B;
    font-family: 'Graphik Bold';
    text-align: center;
    margin-top: 10px;
}


.blog-dt-category a {
    padding: 5px 20px;
    border-radius: 20px;
    background-color: #F5F5F5;
    color: #000;
    font-size: 16px;
    display: inline-block;
    border: 1.5px solid #5956e9;
}

    .blog-dt-category a:hover {
        background-color: #5956E9;
        color: #fff;
        text-decoration: none;
        border: 1.5px solid #5956e9;
    }


.blog-category-wrapper.blog-details h2 {
    font-size: 26px;
    line-height: 42px;
    font-family: 'Graphik Bold';
    color: #0C0B2B;
}

.blog-category-wrapper.blog-details h3 {
    font-size: 20px;
    line-height: 36px;
    font-family: 'Graphik Bold';
    color: #282828;
}

.blog-category-wrapper.blog-details p {
    font-size: 16px;
    line-height: 27px;
    color: #2e2e2e;
}

.blog-category-wrapper.blog-details .blog-recent-post-wrapper h3 {
    font-size: 40px;
    line-height: 60px;
    font-family: 'Graphik Bold';
    color: #0C0B2B;
}

.blog-category-wrapper.blog-details ul, ol {
    padding-left: 15px;
}

    .blog-category-wrapper.blog-details ul li, ol li {
        padding-bottom: 10px;
    }

        .blog-category-wrapper.blog-details ul li strong, ol li strong {
            color: #0C0B2B;
        }

.blog-category-wrapper.blog-details p strong {
    color: #0C0B2B;
}

.clab-home-page-heading-sec.full-size {
    padding-bottom: 36px;
}

body {
    scroll-behavior: smooth;
}

.container-index {
    width: 100% !important;
    max-width: 1500px !important;
}



/*******************portfolio-pages-css*******************/

.v2-inner-page-bnr-wrapper.rosec {
    background-color: #001E16;
}

    .v2-inner-page-bnr-wrapper.rosec .v2-smartboss-banner {
        padding-bottom: 30px;
    }

.v2-fxn-challenge-wrapper.rosec .v2-fxn-challenge-content {
    background-color: #E5F1F0;
    border-left: inherit;
    padding: 20px;
    height: 100%;
}

.v2-smartboss-app-feature-wrapper.rosec {
    background-color: #032D21;
    padding: 20px;
    height: 100%;
}

    .v2-smartboss-app-feature-wrapper.rosec .v2-smartboss-app-feature-img {
        background-color: #1D3C1E;
    }

.v2-fxn-challenge-wrapper.rosec {
    margin-top: 40px;
}

.app-abt-list ul li {
    list-style: none;
    padding-bottom: 10px;
    font-size: 20px;
}

.app-abt-list ul {
    list-style: none;
    padding-bottom: 10px;
    padding-left: 0;
}

.v2-application-feature-img.gray.rosec::after {
    background-color: #001E16;
    z-index: -1;
}

.v2-application-feature-img.sky.rosec::after {
    background-color: #263238;
    z-index: -1;
}

.app-abt-list ul li img {
    width: 26px;
    padding-right: 10px;
}

.rosec.app-detail {
    margin-top: 45px;
    margin-bottom: 45px;
}

.rosec-border {
    border: 2px solid #254E42;
}

.rosec-color {
    color: #254E42;
}


.blog-btn {
    margin-top: 20px;
    margin-bottom: 20px;
}

.intern-course-img img {
    width: 90px;
}

.benifits-list ul {
    padding-left: 12px;
}

    .benifits-list ul li {
        color: #000;
        padding-bottom: 10px;
        line-height: 26px;
    }

.btm-para-internship p {
    color: #000000;
}

.skill-list ul {
    padding-left: 0px;
}

    .skill-list ul li {
        line-height: 26px;
        display: inline-block;
        padding: 10px 20px;
        background-color: #EBF1FF;
        color: #000;
        margin: 8px;
        border-radius: 32px;
    }

.v2-track-loc-app-content {
    background: #0A1C3C;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: block;
}

.v2-track-loc-app-img.v2-cel-intro-app-img {
    width: auto;
}

.track-app-features {
    margin-top: 50px;
}

.track-app-features-row {
    background-color: #242341;
    padding: 20px;
    border-radius: 30px;
    margin-top: 30px;
}

    .track-app-features-row .row {
        align-items: center;
    }

.track-truck-showcase {
    margin-top: 50px;
}

.v2-track-show-case-img {
    margin-top: 30px;
}

.v2-track-loc-app-sec .clab-home-page-para {
    margin-bottom: 0;
}


.portfolio-recommended-you-wrapper {
    background-color: #000;
    padding-top: 180px;
}

    .portfolio-recommended-you-wrapper .cmn-recommended-you-heading h2 {
        font-size: 36px;
        font-family: 'grenalenorm_black';
        color: #fff;
    }


.recommended-you.main-heading h1 {
    font-size: 46px;
    font-family: 'grenalenorm_black';
    color: #fff;
    line-height: 64px;
    position: relative;
}

.v2-recommended-banner-content {
    display: flex;
    justify-content: space-between;
}

.recommended-you.main-heading span.btm-border {
    border-bottom: 6px solid #810081;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 500px;
}


.abt-sub-heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.recommended-para p {
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'Graphik';
    color: #fff;
}

.col-abt {
    margin-top: 30px;
}

section.about-recommended-app {
    margin-top: 50px;
}

.about-recommended-app .about-section {
    border: 2px solid #212121;
    border-radius: 30px;
    padding: 30px 20px;
}

    .about-recommended-app .about-section .row {
        align-items: center;
    }

.feature-recommended {
    margin-top: 50px;
    background-color: #1A1A1A;
    padding: 50px 50px 130px 50px;
}

.portfolio-recommended-you-wrapper h3 {
    color: #fff;
    font-size: 24px;
    font-family: 'Graphik Medium';
    margin-top: 10px;
    margin-bottom: 10px;
}

.col-feature {
    margin-top: 30px;
    height: 100%;
}

.feature-recommended-row {
    margin-top: 20px;
}


.col-feature.bdr-bx-btm {
    position: relative;
}

.col-feature.bdr-bx::after {
    content: "";
    position: absolute;
    border-right: 1px dashed #707070;
    height: 211px;
    right: 15px;
    top: -28px;
}

.col-feature.bdr-bx-btm {
    position: relative;
}

    .col-feature.bdr-bx-btm::before {
        content: "";
        position: absolute;
        border-bottom: 1px dashed #707070;
        bottom: -18px;
        width: 437px;
        left: -34px;
    }



.app-show-case-sliedr-wrapper.recommended-slider .showcase-slider {
    overflow: hidden;
    text-align: center;
    margin-top: -100px;
}

.app-show-case-sliedr-wrapper.recommended-slider .item.pad-top {
   margin-top: 48px !important;
}

.app-show-case-sliedr-wrapper.recommended-slider .owl-dot {
    display: inline-block !important;
    width: 18px;
    height: 18px;
    background-color: #410041;
    border-radius: 100%;
    padding:0;
}
    .app-show-case-sliedr-wrapper.recommended-slider .owl-dot.active {
        background-color: #810081;
    }

.app-show-case-sliedr-wrapper.recommended-slider .owl-dots {
    margin-top: 30px;
}

.text-scrolling-recommended marquee {
    padding-top: 15px;
}

.text-scrolling-recommended { margin-top:30px;}

.col-trnd-role {
    background-color: #EEEEEE;
}

    .col-trnd-role .cmn-recommended-you-heading {
        padding: 30px;
    }

.dark-color { color:#000 !important;}

.tranding-role { margin-top:50px;}

.recommended-full-width-img { margin-top:40px;}

.col-solutions {
    display: flex;
}

.solutions-content {
    padding-left: 15px;
    width: calc(100% - 30px);
}

.icon-solutions {
    margin-top: 5px;
}

.recomnded-solutions { margin-top:50px;}

.abt-sub-heading h3 { padding-left:15px;}

.recommended-client {
    margin-top: 50px;
}


.tech-recommended-option {
    background-color: #1A1A1A; padding:15px;
}

.tech-recommended {
    margin-top: 50px;
}

.tech-row p {
    color: #A3A3A3;
    font-size:22px;
}

.tech-recommended-option {
    background-color: #1A1A1A;
    padding: 15px;
    text-align: center;
}

.tech-row {
    padding-bottom: 40px;
    padding-top: 30px;
}

.testimonial-sec {
    background-color: #1A1A1A;
    padding: 20px 30px;
}

.testimonial-sec span.client-name {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
    .testimonial-sec .recommended-para {
        margin-bottom: 15px;
    }

.testimonial-sec {
    background-color: #1A1A1A;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.testimonial-text {
    width: calc(100% - 200px);
}

.qoute-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.col-solutions {
    display: flex;
    margin-bottom: 30px;
}

.feature-sub-heading .icon-about img {
    max-width: 100%;
    width: 78px;
}

.text-scrolling-recommended  h4{
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Graphik Black';
    -webkit-text-stroke: 2px #646464;
    color: initial;
    letter-spacing: 11px;
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 2s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.v2-recommended-you-banner-img {
    position: relative;
}

.left-emozi {
    position: absolute;
    left: 10%;
    top: 62%;
}

.MoveUpDown {
    animation: MoveUpDown 2s linear infinite;
    position: absolute;
    right: 16%;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 50px;
    }
}

.left-emozi img { width:85px;}

.MoveUpDown img {
    width: 85px;
    top: 50%;
}

/*ambrella-money-portfolio-app*/

.portfolio-ambrella-warpper mt-50{ margin-top:50px;}

.portfolio-ambrella-warpper h1 {
    font-size: 66px;
    font-family: 'Graphik bold';
}

.ambrella-cmn-heading h2 {
    font-size: 40px;
    font-family: 'Graphik bold';
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ambrella-cmn-heading span {
    font-size: 22px;
    font-family: 'Graphik';
    text-transform: uppercase;
    letter-spacing: 15px;
    color: #E23D4B;
}

.ambrella-cmn-heading p {
    font-size: 18px;
    font-family: 'Graphik';
    color: #000000;
}

.portfolio-ambrella-warpper .v2-cel-bnr-img img { max-width:100%;}

.ambrella-theme-clr {
   color: #CF2F3D;
}

.ambrella-theme-bg-clr {
    background-color: #CF2F3D;
}


.features-amrella-list ul li {
    font-size: 18px;
    font-family: 'Graphik';
    color: #000000;
    margin-top: 20px;
}

.features-amrella-wrapper { margin-top:50px;}

.features-amrella-wrapper .row { align-items:center;}

.ambrella-app-slider .showcase-slider {
    overflow: hidden;
}

section.ambrella-app-slider {
    background-color: #F5F5F5;
    margin-top: 50px;
}

.app-amrella-features ul li {
    list-style: none;
    margin-bottom: 40px;
}

    .app-amrella-features ul li h3 {
        font-size: 26px;
        color: #000000;
        font-family: 'Graphik Semibold';
    }

    .app-amrella-features ul li .ambrella-para { 
        font-size: 18px;
        color: #000000;
    }

.app-amrella-features  { margin-top:50px;}

    .app-amrella-features ul li:last-child {
        margin-bottom: 0px;
    }

.right-content ul {
    padding-inline-start: 0;
    padding-inline-end: 40px;
}

section.color-font-ambrella {
    padding: 25px;
    background-size: cover;
}

.color-font-ambrella .ambrella-cmn-heading {
    margin-top: 20px;
    margin-bottom: 40px;
}

.solutions-ambrella .solutions-content h3 {
    font-size: 26px;
    color: #fff;
    font-family: 'Graphik Semibold';

}

.solutions-ambrella.ambrella-theme-bg-clr {
    padding: 30px;
    border-radius: 30px;
}

.solutions-ambrella .row-solutions {
    margin-top: 40px;
}

.color-font-ambrella {
    margin-top: 50px;
}

.showcase-slider { position:relative;}

.app-moc {
    position: absolute;
    left: 49%;
    z-index: 9;
    transform: translate(-50%, 0px);
}

.showcase-slider .item img {
    border-radius: 60px;
}

section.ambrella-app-slider {
    background-color: #F5F5F5;
    margin-top: 50px;
    padding: 30px;
    padding-top: 50px;
}

.ambrella-app-slider .owl-theme .owl-dots .owl-dot {
    display: inline-block !important;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #ffbbc1;
    margin-right: 10px;
    border: inherit;
}

.ambrella-app-slider .owl-theme .owl-dots .owl-dot.active {
    background-color: #CF2F3D !important;
}

.show-heading h2 {
    font-size: 60px !important;
    text-align: center !important;
    margin-bottom: 30px;
}

.ambrella-app-slider .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.clab-home-page-services-wrapper button.owl-prev {
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}



.efighter-heading-top h1 {
    text-align: center;
    font-family: 'Graphik Bold';
    font-size:50px;
    color: #00FFE6;
    line-height:70px;
}

.v2-inner-page-bnr-wrapper.efighter {
    background-color: inherit;
    padding-top: 180px;
    padding-bottom: 100px;
    overflow: hidden;
}


.cmn-efighter-heading h2 {
    font-family: 'Graphik Bold';
    font-size: 34px;
}

.efighter-para p { font-size:18px;}

.about-efighter { margin-top:50px;}

    .about-efighter .abt-sub-heading h3 {
        font-family: 'Graphik Medium';
    }


    .about-efighter .abt-right-sec h3 {
        color: #14A799;
        font-size: 26px;
        font-family: 'Graphik Bold';
    }

.about-efighter .abt-right-sec {
    background-color: #F5F5F5;
    border: 1px solid #12A092; 
    padding:10px;
    border-radius:10px;
}

 .about-efighter .app-store-btn .app-stor {
        margin-top: 10px;
    }


.efighter-features .fix-img {
    position: sticky;
    top: 100px;
}

.efighter-features ul li {
    list-style: none;
    margin-bottom: 20px;
}

.efighter-features .v2-cel-challenge-sec {
    margin-top: 50px;
}

.efighter-features ul li {
    list-style: none;
    margin-bottom: 20px;
}

    .efighter-features ul li:nth-child(1) {
        background-color:#EEF5FD;
    }
    .efighter-features ul li:nth-child(2) {
        background-color:#FFEAF1;
    }
    .efighter-features ul li:nth-child(3) {
        background-color:#EAF9F0;
    }
    .efighter-features ul li:nth-child(4) {
        background-color:#FDF7ED;
    }
    .efighter-features ul li:nth-child(5) {
        background-color:#EDF4FB;
    }
    .efighter-features ul li:nth-child(6) {
        background-color:#EEF0F1;
    }

.fighter-work .list-circle-img .fa {
    color: #00FFE6;
}

.fighter-work li p {
    color: #fff;
 
}

.fighter-how-it-work {
    padding-top: 20px;
    padding-bottom: 20px;
}

 .fighter-tech p {
    font-size: 30px;
    color: #000 !important;
    margin-bottom: 0px;
    margin-top: 15px;
}

.fighter-tech .v2-smartboss-tech-all-option .v2-smartboss-tech-option {
    margin-right: 50px;
    background-color: #FBFBFB;
    padding: 20px 116px;
    text-align: center;
}

.fighter-result {
    margin-top: 40px;
    position: relative;
    padding: 216px 0;
    background-position: center;
}

.fighter-how-it-work, .v2-inner-page-bnr-wrapper.efighter {
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
}

.fighter-how-it-work, .v2-inner-page-bnr-wrapper.efighter {
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
}

/*cricvictory-portfolio-app*/


.cricvictory-main.banner-content h1  {
    font-size: 46px;
    font-family: 'Graphik bold';
   
}
.cricvictory-main .app-store-btn, .cricvictory-about-section .app-store-btn {
    display: flex;
    column-gap: 20px;
}
    .cricvictory-main .app-store-btn img, .cricvictory-about-section .app-store-btn img {
        max-width: 39%;
    }


.cricvictory-main .cricvictory-heading h1 .bold-head {
    color: #FFB026 !important;
    font-size: 38px;
    font-family: 'Graphik bold';
}
.cricvictory-main .cricvictory-heading p {
    font-size: 18px;
    font-family: 'Segoe UI';
    color: white;
}

.cricvictory-about-section {
    background-color: #FFEFD3;
    padding: 20px 0px;
}

    .cricvictory-about-section .intern-web-development-content h4 {
        font-size: 40px;
        font-family: 'Graphik Bold';
        color: #000;
        margin-bottom: 20px;
    }
.crickvictory-create-team-section .cricvictory-create-team {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 15px 15px 0px 15px;
}
.blue-color {
    background-color: #E5F7FF;
}
.light-green {
    background-color: #E5F8F0;
}

.rani-color {
    background-color: #FFE4FA;
}
.crickvictory-create-team-section .earn-reward-data {
    padding:44px 20px;
    height:100%;
}
.cricvictory-create-team h2, .earn-reward-data h2{
    font-size: 40px;
    font-family: Segoe UI;
    font-weight: bold;
    color: black;
}

.cricvictory-create-team p, .earn-reward-data p {
    font-size: 20px;
    line-height: 35px;
    color: black;
    font-family: Segoe UI;
}
.earn-rewards .app-store-btn{
    column-gap:10px;
}
.earn-rewards .app-store-btn img {
    max-width: 34%;
}
.earn-rewards{
    margin-top:23px;
}

.rickvictory-Design-Process-section .nav-link {
    color: black;
    font-size: 22px;
    margin-top:2px;
}

.design-process-all-data {
    display: flex;
    padding: 0px;
    justify-content: space-between;
}
.design-process-single-data{
    display:inline !important;
    text-align:center !important;
    list-style-type:none;
    position:relative !important;
}


.design-process-all-data li::after {
    content: "";
    position: absolute;
    top: 15%;
    right: 128px;
    width: 100%;
    height: 100%;
    background-image: url(../../images/v2/portfolio-img/crickfactory/path.webp);
    background-repeat: no-repeat;
}

.design-process-all-data li:nth-child(1):after {
    background-image:inherit;
}


    .design-process-single-data .design-process-img img {
        background-color: #FFF7E9;
        height: 80px;
        width: 80px;
        padding: 15px;
        border-radius: 15px;
    }

    .design-process-text {
        margin-top: 2px;
        font-size: 22px;
        line-height: 30px;
        font-family: Segoe UI;
    }
.crickvictory-cmn-heading h2 {
    font-size: 40px;
    font-family: Segoe UI;
    font-weight: bold;
    color: black;
}
.crickvictory-cmn-heading p {
    font-size: 20px;
    line-height: 35px;
    color: black;
    font-family: Segoe UI;
}


.App-Show-img img {
    width: 100%;
    border-radius: 40px;
}

.Awesome-Features {
    height: 100%;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    border: 2px dashed #FFB026;
}
.Awesome-Features-data{
    margin-top:5px;
}
    .Awesome-Features-data h5 {
        font-size: 26px;
        font-family: 'Segoe UI Semibold';
        color:black;
    }
    .Awesome-Features-data p {
        font-size: 18px;
        font-family: Segoe UI;
    }
.Final-Result-data h2, .Final-Result-data p{
    color:white;
}
.Final-Result-top .Final-Result-left img {
    max-width: 76%;
}
.Final-Result-top {
    height: inherit !important;
    padding: 43px 0% 30px 0;
    position: inherit;
    background-color: #090528;
}

.logo-sliders {
    margin-top: 50px;
}

.logo-sliders .owl-carousel .owl-item img {
    display: block;
    width: auto;
    max-height: 100%;
    height: 60px;
}

.logo-sliders .item {
    text-align: center;
    display: flex;
    justify-content: center;
}
html {
    overflow-x: hidden;
    width: 100%;
}

body {
    overflow-x: hidden;
    width: 100%;
    scroll-behavior: smooth;
}

.cricvictory-main .banner-content-img img {
    width: 100%;
}
.feature-margin{
    margin-top:20px;
}

.design-process-scroll {
    overflow-y:hidden;
    overflow-x: auto;
    width: 100%;
    position: relative;
}
.last-cricvictory {

    margin-bottom: 40px;
}