/* SMARTPHONES PORTRAIT */

    /* 1445 */
    @media only screen and (max-width: 1445px) {
        #navbarSupportedContent>ul>li>a{
            margin-left: 5PX !important;
            margin-right: unset !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .button_size{
            margin-bottom: 10px !important ;
        }
        .scroll_btn{
            right:29px !important;
        }
        .button_posi_mobile{
            bottom: 39px;
            right: 150px;
        }
        .filter_button{
            bottom: 3px;
            right: 0px;
        }
        .custom-card {
            -webkit-box-flex: 1;
                    flex: 1 1 100%;
            max-width: 100%;
        }
        .dropdown .dropdown-menu .full_text{
            max-width: none !important;
            margin-top: 3px !important;
        }


        .responsive-container {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            gap: 10px;
        }
    
        .responsive-container .top-row,
        .responsive-container .bottom-row {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                    align-items: center;
            flex-wrap: nowrap;
        }
    
        .top-row .filter_button {
            text-align: right;
        }
    
        .bottom-row {
            -webkit-box-pack: space-evenly;
                    justify-content: space-evenly;
        }
    
        .bottom-row .dropdown,
        .bottom-row .add-client {
            -webkit-box-flex: 1;
                    flex: 1;
            text-align: center;
        }
    
        .bottom-row .btn {
            width: 100%;
            max-width: 150px;
        }
        .dropdown_posi{
            position:relative;
            left:0px !important;
        }
        .button_posi{
            position: relative;
            left:0px !important;
        }
        .dropdown_posi_2{
            position:relative;
            left:0px !important;
        }
        .button_posi_2{
            position: relative;
            left:0px !important;
        }
        .fix_ht{
            height: auto;
        }
        .margin_bottom{
            margin-bottom: 1.5rem !important;
        }
        .scroll-image {
            opacity: 0;
            -webkit-transform: scale(1.4);
                    transform: scale(1.4);
            -webkit-animation: fadeInZoom 2s ease-out forwards;
                    animation: fadeInZoom 2s ease-out forwards;
            width: 100%;
            height: auto;
            -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
            transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        }
       
        
        @-webkit-keyframes fadeInZoom {
            from {
                opacity: 0;
                -webkit-transform: scale(1.3);
                        transform: scale(1.3);
            }
            to {
                opacity: 1;
                -webkit-transform: scale(1);
                        transform: scale(1);
            }
        }
       
        
        @keyframes fadeInZoom {
            from {
                opacity: 0;
                -webkit-transform: scale(1.3);
                        transform: scale(1.3);
            }
            to {
                opacity: 1;
                -webkit-transform: scale(1);
                        transform: scale(1);
            }
        }

        .slide-image {
            opacity: 0;
            -webkit-transform: translateX(-100px);
                    transform: translateX(-100px);
            -webkit-animation: slideIn 1.2s ease-out forwards;
                    animation: slideIn 1.2s ease-out forwards;
        }
        
        @-webkit-keyframes slideIn {
            from {
                opacity: 0;
                -webkit-transform: translateX(-100px);
                        transform: translateX(-100px);
            }
            to {
                opacity: 1;
                -webkit-transform: translateX(0);
                        transform: translateX(0);
            }
        }
        
        @keyframes slideIn {
            from {
                opacity: 0;
                -webkit-transform: translateX(-100px);
                        transform: translateX(-100px);
            }
            to {
                opacity: 1;
                -webkit-transform: translateX(0);
                        transform: translateX(0);
            }
        }
        /*Header*/
        .header-mobile {
            padding: 25px 0 !important;
        }
        .mobile-logo-wrapper {
            display: -webkit-box;
            display: flex;
            text-align: center;
        }
        .header-mid-links,
        .actionsWrapper {
            margin-top: 12px
        }
        .no-focus,
        .company-contact {
            margin: 0 !important;
        }
        .no-focus img {
            width: 90%;
        }
        .actionsWrapper {
            text-align: center;
        }
        /*Landing Page*/
        main.clientPage .intro>div {
            padding: 0px 0;
        }
        .intro .intro-wrpper-main .intro-form {
            padding: 0 12px;
        }
        .other-option {
            padding: 0;
        }
        .intro div h5,
        .intro div h1 {
            padding: 0 15px;
        }

        h1 {
            font-size: 29px;
        }

        main.clientPage .intro .callout {
            max-width: 100%;
        }
        #packages .tooltip>.tooltip-inner {
            max-width: 100%;
            width: 94%;
            color: white !important;
        }
        #packages .tooltip>.tooltip-inner>div {
            text-align: left;
            color: white !important;
        }
        .tooltip>.tooltip-inner {
            max-width: 100%;
            width: 100%;
            text-align: left;
        }
        .tooltest .tooltip-inner {
            min-width: 350px;
            width: 350px;
            text-align: left;
        }
        .banner-text {
            padding: 1.5rem 0px 1.5rem 0px !important;
        }
        .iconsize {
            width: 13%;
        }
        .display1 {
            display: none;
        }
        .display2 {
            display: block;
        }
        main.clientPage .calloutContainer{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            padding: 56px 56px;
           
        }
        .calloutContainer {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }
        .caseStudyCarousal .item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }
        body {
            background: #f9f9f9 !important;
        }
        /* main {
            margin-top: 9rem;
        } */
        .inline-contents {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }
        .inline-contents .icon-button {
            padding: 12px 23px;
            width: 100% !important;
        }
        .inline-contents .other-option {
            margin-top: 10px;
        }
        main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-inner {
            height: 182px;
        }
        .howItWorks .steps {
            margin-bottom: 12px;
            margin-top: 12px
        }
        main.clientPage .howItWorks {
            padding-bottom: 50px;
        }
        main.clientPage .trustedBy {
            padding-bottom: 0px;
        }
        main.clientPage .trustedBy .subHeading {
            margin-bottom: 2rem;
        }
        main.clientPage .calloutContainer {
            margin: 10px 0;
        }
        h5.subHeading {
            margin-bottom: 30px
        }
        #consultantCarousal {
            margin-top: 2rem;
        }
        main.clientPage .testimonials #testimonialCarousal .item {
            display: contents;
            width: 100%;
        }
        main.clientPage .testimonials #testimonialCarousal .item img {
            padding: 0;
            max-width: 100%
        }
        main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p {
            max-width: 100% !important;
        }
        main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p.footerQuote {
            position: relative;
            bottom: 0;
        }
        main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails {
            background: -webkit-gradient(linear, left top, right top, color-stop(100%, #f6f6f6), to(#fff));
            background: linear-gradient(90deg, #f6f6f6 100%, #fff 100%);
            height: 100% !important;
            overflow-y: auto;
            max-height: 400px; 
        }
        main.clientPage .caseStudies #caseStudyCarousal .item {
            height: 550px;
            width: 100%;
            border: 1px solid #aeaeae;
        }
        main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-caption {
            bottom: 15px;
        }
        main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li.active {
            width: 30px;
            height: 3px;
        }
        main.clientPage .trustedBy #clientsCarousal .owl-stage .item {
            /* padding: 0px 74px 0px 85px; */
        }
        main.clientPage .trustedBy #clientsCarousal .owl-stage .item img,
        .main.clientPage .trustedBy #clientsCarousal .owl-stage .item img,
        section.clientPage .trustedBy #clientsCarousal .owl-stage .item img {
            width: 80%;
            height: auto;
            display: unset;
        }


        footer a {
            margin: 0;
        }
        main.clientSearchPage .searchResults .results .card,
        .main.clientSearchPage .searchResults .results .card,
        section.clientSearchPage .searchResults .results .card {
            margin-left: 0;
            margin-right: 25px;
            margin-bottom: 2rem;
            height: 300px;
            cursor: pointer;
            display: inline-block;
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 0 5px 1px #00000045;
        }
        main.clientSearchPage .searchResults .results .calloutCard,
        .main.clientSearchPage .searchResults .results .calloutCard,
        section.clientSearchPage .searchResults .results .calloutCard {
            margin-left: 0;
            margin-right: 25px;
            height: 300px;
            cursor: pointer;
            display: inline-block;
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 0 5px 1px #00000045;
            background: linear-gradient(90.37deg, #151B4A 7.65%, #0113B6 98.02%);
        }
        a.icon-link {
            margin-left: 0;
        }
        a.icon-link img {
            margin-right: 8px;
        }
        main.clientSearchPage .searchResults .searchResultsWrapper {
            padding: 0;
        }
        main.clientSearchPage .searchResults .criteria .activeFilters {
            margin-bottom: 0 !important;
        }
        main.clientSearchPage .searchResults .criteria .activeFilters .resetFilter {
            padding: 0;
        }

        .edit-prifile-nuttons .custom-buttons {
            margin-left: 0 !important;
        }
        main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(2) {
            right: 1px;
            left: 1px;
        }
        main.consultantPage .projectList #projectsCarousel .project {
            width: 100%;
            margin-bottom: 1rem;
        }
        main.consultantPage .intro .consultantBanner {
            width: 100%;
        }
        main.consultantPage .intro .consultantBanner::before {
            width: 100%;
        }
        .projectList .subHeading {
            width: 100%;
        }
        main.consultantPage .showcase {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }
        main.consultantPage .showcase>div,
        main.consultantPage .showcase>div .content,
        main.consultantPage .showcase>div img,
        main.consultantPage .projectList>p,
        .formHolder .plansWrapper .plans.consultant .plan {
            width: 100%;
        }
        main.consultantPage .showcase>div img {
            margin-top: 1rem;
        }
        .showcase .content .icon-button {
            width: 100% !important;
        }
        .showcase .content .icon-button img {
            width: 8%;
            margin-top: 0!important
        }
        .showcase .content h5 {
            margin-top: 1rem;
        }
        .formHolder .plansWrapper .plans.consultant .plan {
            margin-bottom: 1rem;
        }
        main.aboutUsPage .content .cardHolder .card,
        .main.aboutUsPage .content .cardHolder .card,
        section.aboutUsPage .content .cardHolder .card {
            width: 100%;
            margin-bottom: 10px;
        }

        .modal#loginModal .modal-dialog {
            width: 100%;
            padding: 0.5rem;
            margin: 0rem;
        }

        .modal#signupModal .modal-dialog {
            width: 100%;
            padding: 0.5rem;
            margin: 0rem;
        }

        .gurukul-dropdown {
            width:calc(100vw - 65px) !important;
        }

        .mobile-nav {
            background: #E3E3E3;
            border-radius: 4px;
            margin-top: 15px;
        }

        .mobile-nav .nav-link {
            line-height:20px;
        }

        .mobile-nav .public-links {
            border-bottom: 1px solid #CECECE;
        }

        main.consultantSearchPage {
            padding-top:20px;
        }

        main.consultantSearchPage .form-field {
            max-width:100%;
        }

        main.selfServiceDashboard .searchBox .actions,
        .main.selfServiceDashboard .searchBox .actions,
        section.selfServiceDashboard .searchBox .actions {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                    flex-direction: column-reverse;
            -webkit-box-align: center;
                    align-items: center;
        }

        main.selfServiceDashboard .searchResults .card, .main.selfServiceDashboard .searchResults .card, section.selfServiceDashboard .searchResults .card {
            width: 100%;
        }

        main.selfServiceDashboard .searchResults .calloutForPayment, .main.selfServiceDashboard .searchResults .calloutForPayment, section.selfServiceDashboard .searchResults .calloutForPayment {
            width: 100%;
            position: unset;
        }

        main.selfServiceDashboard .searchResults .calloutForPayment button, .main.selfServiceDashboard .searchResults .calloutForPayment button, section.selfServiceDashboard .searchResults .calloutForPayment button {
            width: calc(100% - 70px);
            bottom: 35px;
        }

        main.selfServiceDashboard .viewStatus, .main.selfServiceDashboard .viewStatus, section.selfServiceDashboard .viewStatus {
            -webkit-box-align: start;
                    align-items: start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }

        main.selfServiceDashboard h5, .main.selfServiceDashboard h5, section.selfServiceDashboard h5 {
            margin-bottom: 20px;

        }

        main.selfServiceDashboard .viewStatus > div, .main.selfServiceDashboard .viewStatus > div, section.selfServiceDashboard .viewStatus > div
        {
            width: 100%;
        }

        .steps
        {
            width: 100%;
        }

        .formHolder form > div.width-60 {
            max-width: 100%;
       }

       .formHolder .steps .step:not(:last-child)::after {
        content: "";
        width: 23px;
        border: 1px solid #0C17B015;
        height: 2px;
        position: absolute;
        right: -25px;
        top: 50%;
        }

        .formHolder .steps .step {
            display: inline-block;
            background-color: #0C17B015;
            color: #0112B6;
            padding: 5px 15px;
            font-weight: 600;
            position: relative;
            margin-right: 27px;
            opacity: 0.5;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .formHolder .plansWrapper .plans .plan
        {
            width: 100%;
            margin-bottom: 20px;
        }

        .modal#selfServiceThankYou .modal-dialog, .modal#consultantThankYou .modal-dialog, .modal#enquiryThankYou .modal-dialog {
            width: 100%;
            height: 400px;
            padding: 0.5rem;
            margin: 0rem;
        }

        main.clientPage .caseStudies #caseStudyCarousal .item, .main.clientPage .caseStudies #caseStudyCarousal .item, section.clientPage .caseStudies #caseStudyCarousal .item {
            box-shadow: unset;
        }

        .client_logo_title
        {
            text-align: center;
            padding: 10px 15px;
        }

        main.consultantPage .intro {
            padding-top: 20px;
        }

        .cons-respo-pt
        {
            padding-top: 3rem !important;
        }

        .cons-testo-respo
        {
            background-color: unset;
            margin-right: 0px;
        }

        .modal#viewProject .modal-content {
            padding: 30px;
            width: 100%;
        }

        .modal#viewProject .modal-content .main > h5, .modal#viewProject .modal-content .main > p {
            width: 100%;
            line-height: 20px;
            padding: 0.5rem;
            margin: 0rem;
        }

        .btn.icon-button span, .btn.icon-button img {
            line-height: 24px;
            display: block;
            font-size: 14px;
        }

        main.consultantSearchPage .searchResults .results #projectsCarousel .project
        {
            width: 100%;
        }

        .modal#advanceFilter .modal-dialog {
            width: 100%;
            padding: 0.5rem;
            margin: 0rem;
        }

        .adv-fil-respo
        {
            padding-top: 1rem !important;
        }

        .adv-fli-text
        {
            padding-top: 20px;
        }

        .gurukul_logo {
            width: 65%;
        }

        main.faqPage .accordion, .main.faqPage .accordion, section.faqPage .accordion {
            width: 95%;
            margin: auto;
        }

        main.faqPage .accordion .card, .main.faqPage .accordion .card, section.faqPage .accordion .card
        {
            padding: 20px 11px;
        }

        main.faqPage .accordion .card .card-header::after, .main.faqPage .accordion .card .card-header::after, section.faqPage .accordion .card .card-header::after
        {
            right: 19px;
        }

        .loging-button {
            margin-right: 1.5rem !important;
        }

        .foot-respo-right
        {
            text-align: right;
        }

        main.clientPage .testimonials #testimonialCarousal .item img, .main.clientPage .testimonials #testimonialCarousal .item img, section.clientPage .testimonials #testimonialCarousal .item img {
            padding: 0px;
            width: 500px; 
            height: 160px;
            -o-object-fit: contain;
               object-fit: contain;
            display: block;
            margin: 0 auto;
        }

        main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails {
            padding: 30px 20px;
            width: 42%;
        }

        main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails {
            padding: 30px 20px;
            width: 40%;
         
            max-height: 550px;
            margin-left:20px;
            
        
        }
        main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails .desc_constestimonials{
            overflow-y: auto;
            max-height: 300px;
        }


        main.caseStudyPage .details .content h2, main.caseStudyPage .details .content h5, main.caseStudyPage .details .content p, main.caseStudyPage .details .content img, .main.caseStudyPage .details .content h2, .main.caseStudyPage .details .content h5, .main.caseStudyPage .details .content p, .main.caseStudyPage .details .content img, section.caseStudyPage .details .content h2, section.caseStudyPage .details .content h5, section.caseStudyPage .details .content p, section.caseStudyPage .details .content img {
            padding: 0px 22px;
        }

        main.caseStudyPage .details .category, .main.caseStudyPage .details .category, section.caseStudyPage .details .category {
            position: absolute;
            left: 0;
            top: 50px;
            padding: 10px 23px;
            color: #FFFFFF;
        }

        main.caseStudyPage .details .duration, .main.caseStudyPage .details .duration, section.caseStudyPage .details .duration {
            position: absolute;
            right: auto;
            left: 0px;
            top: 100px;
            display: -webkit-box;
            display: flex;
            padding: 10px 20px;
        }

        main.clientPage .howItWorks #firstStep::before, .main.clientPage .howItWorks #firstStep::before, section.clientPage .howItWorks #firstStep::before {
            display:none;
        }

        main.clientPage .howItWorks #secondStep::before, .main.clientPage .howItWorks #secondStep::before, section.clientPage .howItWorks #secondStep::before {
            display:none;
        }

        main.clientPage .howItWorks #thirdStep::before, .main.clientPage .howItWorks #thirdStep::before, section.clientPage .howItWorks #thirdStep::before {
            display:none;
        }

        main.consultantPage .howItWorks #firstStep::before, .main.consultantPage .howItWorks #firstStep::before, section.consultantPage .howItWorks #firstStep::before {
            display:none;
        }

        main.consultantPage .howItWorks #secondStep::before, .main.consultantPage .howItWorks #secondStep::before, section.consultantPage .howItWorks #secondStep::before {
            display:none;
        }

        main.consultantPage .howItWorks #thirdStep::before, .main.consultantPage .howItWorks #thirdStep::before, section.consultantPage .howItWorks #thirdStep::before {
            display:none;
        }

        main.clientPage .calloutContainer p
        {
            text-align: center;
            padding: 0px 0px 20px 0px;
        }

        main.clientPage .calloutContainer h5
        {
            text-align: center;
        }

        .dropdown .dropdown-menu a {
            height: 40px;
            margin: 0;
            text-overflow: ellipsis;
            width: 100%;
            overflow: hidden;
        }

        .dropdown .dropdown-menu {
            width: auto;
            max-width: calc(100% - 35px);
            margin: auto;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        main.caseStudyPage .details .content .feedback > div:first-child, .main.caseStudyPage .details .content .feedback > div:first-child, section.caseStudyPage .details .content .feedback > div:first-child {
            padding-left: 0;
        }

        main.categoryDetailsPage .content, .main.categoryDetailsPage .content, section.categoryDetailsPage .content {
            padding: 50px 15px;
        }

        main.consultantPage .calloutContainer div
        {
            text-align: center;
        }

        .bootstrap-select.dropDown_list{
            width: 83%!important;
        }

        .bootstrap-select.select_width{
            width: 83%!important;
        }

        .actions .btn.icon-button
        {
            padding: 9px;
        }

        .modal#advanceFilter .filterForm .actions button {
            margin-left: 0px;
            font-weight: 600;
            width: 280px;
        }

        .mobile-nav
        {
            padding-bottom: 18px;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu .inner-dropdown
        {
            width: 100%;
        }

        .modal#viewProject .modal-dialog {
            width: 100%;
            padding: 0.5rem;
            margin: 0rem;
        }

        .login-respo-align
        {
                margin-left: 5%;
        }

        .formHolder .plansWrapper .plans.consultant .plan {
            height: 407px;
        }


        .modal#consultantThankYou .modal-dialog .actions a
        {
            margin: 0px 9px 0px 9px;
        }

        .modal#selfServiceThankYou .modal-dialog .actions a
        {
            margin: 0px 9px 0px 9px;
        }

        .home_page_video{
            width: auto
        }

        .ig_intro{
            margin-top: 1rem;
        }

        .gig-event-img-1{
            height: 55% !important;
        }

        .txt-btwn-img{
            margin-bottom: 40px !important;
        }
        main.categoryDetailsPage .header>div,
        .main.categoryDetailsPage .header>div,
        section.categoryDetailsPage .header>div {
            margin-bottom: -10px;
            border-radius: 6px;
            padding: 0 !important;
            background-color: #FFFFFF;
        }
        main.categoryDetailsPage .header .gig-report-header,
        .main.categoryDetailsPage .header .gig-report-header,
        section.categoryDetailsPage .header .gig-report-header {
            padding: 10px !important;
        }

        main.categoryDetailsPage .header .gig-header-img,
        gig-header-img .main.categoryDetailsPage .header .gig-header-img,
        section.categoryDetailsPage .header .gig-header-img{
            width: 100px !important;
        }

        .gig-heading-h1{
            padding-left: 1.5rem !important;
        }

        #gigReportThankYou .thanksMessage h4{
            font-size: 1rem !important;
        }

        .is-sticky {
            position: unset;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030;
            background: unset !important;
        }

        .mt-is-sticky {
            margin-top: 7rem !important;
        }


        .event-data-img{
            width: 100%;
        }

        .Demystifying_ESG .event-data-img {
            width: 100%;
            height: auto;
        }
        .beyond-work-readmore{
            padding-left: unset;
        }

        .modal-confirm{
            width: auto !important;
        }
        .our-speaker-future .card{
            width: 350px !important;
        }
        #myModal {
            width: 88% !important;
        }

        
        .mobile-carousel-nav-common .owl-nav {
            position: relative;
            top: calc(50% - 30px);
            left: 0;
            width: 100%;
            margin-top: 10px;
        }
        .mobile-carousel-nav-common .owl-nav .owl-next {
            position: absolute;
            right: 0px;
            height: 30px;
            width: 45px;
            text-align: center;
            background-color: #0212A6; /* Ensure background is transparent */
            -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
            transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
            transition: transform 0.2s ease, background-color 0.2s ease;
            transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
            border-radius: 20px;
        }
        .mobile-carousel-nav-common .owl-nav .owl-prev {
            position: absolute !important;
            left: 75%;
            height: 30px;
            width: 45px;
            background-color: #0212A6;
            text-align: center;
            -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
            transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
            transition: transform 0.2s ease, background-color 0.2s ease;
            transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
        }

        .mobile-carousel-nav-common .owl-nav i {
            color: #0212A6;
            font-size: 18px;
            margin: 0px 10px;
            line-height: 30px;
        }

        .mobile-carousel-nav-common .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
            color: white;
            border: none;
            padding: 0 !important;
            font: inherit;
            border-radius: 20px;

        }
        /* .owl-carousel .owl-nav button.owl-next{
            color: white;
            border: none;
            padding-right: 10px !important;
            font: inherit;
            border-radius: 20px;
            
            

        } */

        /* Hover effect */
        .mobile-carousel-nav-common .owl-nav .owl-next:hover,
        .mobile-carousel-nav-common .owl-nav .owl-prev:hover {
            background-color: rgba(114, 126, 237, 0.8);
        }

        /* Active effect */
        .mobile-carousel-nav-common .owl-nav .owl-next:active,
        .mobile-carousel-nav-common .owl-nav .owl-prev:active {
            -webkit-transform: scale(0.95);
                    transform: scale(0.95);
        }

        .abc{
            width: auto;
            height:auto;
            display: block;
        }

        .upskilling_lastline{
            padding-left: 20px;
            padding-right: 20px;
        }
        /* .testimonials{
            padding-left: 20px;
        }
        .owl-next{
            text-align: center;
        }
        /* .active .item .card{
            margin-right:60px;
        } */
        .owl-item .item .card{
        width:300px;

       }

       .testhome .owl-item .item .card2{
        width:100%;
       }
        carousel-nav-common .owl-nav i {
            font-size: 18px;
            margin: 0px 10px;
            line-height: 30px;

        }

    .testimonials .subHeading {
        color: #0112B6;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
      }
    

    .curation:hover {
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        position: relative;

        border-radius: 10%;
        border:1px solid black;
    }
    .contractingprocess{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        position: relative;
      
        border-radius: 10%;
        border:1px solid black;
        margin-left:0px;
        margin-top:40px;

    }
    .curationprocess{
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
        position: relative;

        border-radius: 10%;
        border:1px solid black;
        margin-top:40px;


    }
    .curate{
        margin-left:0px;

    }
    .mobile-footer {
        display: block; /* Visible on mobile */
    }

    .curation_process{
        margin-bottom: 20px;
    }

    .curation_process:hover{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        position: relative;
        z-index: 10; 
        border-radius: 10%;
        border:1px solid black;
        
    }
    .fixheader{
        position: -webkit-sticky ;
        position: sticky ;
        background: #f9f9f9 !important;
        top:0;
        z-index: 9999;   
     }
    .containertop{
        position: relative;
        text-align: center;
        color: white;
    }
    .centered.h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color:white;
    }
    .coldomain{
        margin-left:90px;
        margin-top:10px;
    }
    .coldomain2{
        margin-left:50px;
        margin-top:10px;
    }

    .image-container-1 {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        gap: 20px;
    }
      
    .card-1{
        -webkit-perspective: 1000px;
                perspective: 1000px;
        width: 100%;
        height: 300px; /* Adjust as needed */
        position: relative;
    }
      
    .front-1, .back-1{
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    }
      
    .front-1 {
        background: #f0f0f0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-align: center;
                align-items: center;
        -webkit-box-pack: center;
                justify-content: center;
    }
      
    .back-1 {
        background: #ddd;
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
    }
      
    .card-1:hover .front {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
    }
      
    .card-1:hover .back {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }
      
    /* .read-more {
        margin-top: 10px;
        padding: 8px 12px;
        background: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      } */
      
      /* .read-more:hover {
        background: #0056b3;
      } */

      .hero {
        height: 70vh;
        /* background: url('https://www.datatobiz.com/wp-content/uploads/2023/01/Why-Do-You-Need-Business-Intelligence-Consulting.gif') center/cover no-repeat; */
       /* position: relative;*/
      }
      
    .overlay {

        text-align: center;
        color:white;
        -webkit-animation: fadeIn 2.5s;
                animation: fadeIn 2.5s;
    }
      
    @-webkit-keyframes fadeIn {
        0% { opacity: 0; -webkit-transform: translateY(400px); transform: translateY(400px); }
        100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    }
      
    @keyframes fadeIn {
        0% { opacity: 0; -webkit-transform: translateY(400px); transform: translateY(400px); }
        100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    }


    .button-container {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        gap: 20px;
        margin-top: 40px;
        margin-bottom:40px;
        position: relative;
    }
      
    .cta-btn {
        background: #0112B6;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        /* width:160px !important; */
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
    }

      
    
    .fixed-footer {
        position: fixed;
        bottom: -25px;
        left: 0px;
        right: 85px;
        /* background-color: #fff; */
        text-align: center;
        z-index: 1000;
        
    }
    
      
    /* .cta-btn:hover {
        background: #0024FF;
    } */

    .services-section {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-align: center;
                align-items: center;
        padding: 20px;
    }
    .service-card {
        width: 90%;
        max-width: 400px;
        margin: 10px 0;
        -webkit-perspective: 1000px;
                perspective: 1000px;
    }
    .card-inner {
        position: relative;
        width: 100%;
        height: 250px;
        text-align: center;
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
    }

    .card-inner.flip {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
    }
    .card-front, .card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }
    .card-front {
        background: #f9f9f9;
    }
    .card-front {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-pack: justify;
                justify-content: space-between; /* Ensures space for the button */
        padding: 10px; /* Adds spacing inside the card */
      }
    .card-front img {
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
    }

    .card-back {
        background: #ffffff;
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: center;
                align-items: center;
        padding: 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .read-more {
        /* display: inline-block; */
        margin-top: 180px;
        padding: 8px 16px;
        /* background: #0112B6 !important; */
        color: #fff;
        text-decoration: none;
        border-radius: 50%;
        cursor: pointer;
        position: relative; /* Ensure it stays within the front card */
        z-index: 10; /* Keeps it above the image */
        border:none;
        padding:13px;
        margin-left:220px
    }
    /* Default style for the button */
    .read-more {
        -webkit-transform: none;
                transform: none;
        direction: ltr;
    }
  
    /* Apply transformation when the button content is "Back" */
    
       
    .card-back .return {
        display: block;
        margin-top: 20px;
        padding: 8px 16px;
        /* background: #0112B6 !important; */
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;

    }
      
    /* .card-front .read-more {
        display: inline-block;
    }
      
    .card-inner.flip .card-front .read-more {
        display: none; /* Hide 'Read More' button when flipped */
    /* }
      
    .card-inner:not(.flip) .card-back .return {
        display: none; /* Hide 'Return' button when not flipped */
    /* } */ 
    .footer-sticky {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: white;
        display: -webkit-box;
        display: flex;
        justify-content: space-around;
        -webkit-box-align: center;
                align-items: center;
        padding: 10px 0;
        /* box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); */
        z-index:9999;
    }
    .footer-sticky button {
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        background-color: #0112B6 ;
        color: white;
        font-size: 16px;
        cursor: pointer;
    }
    .card-inner {
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
    }
    
    .card-inner.flip {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
    }
    
    .card-front,
    .card-back {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;

    }
    
    /* .card-back {
        transform: rotateX(180deg);
    } */
    .servicesbackheading{
        font-weight: bold;
    }


    
    .modal-dialog{
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        min-height: calc(100% - 3.5rem);
    }


    main.staticPage>.container
    {
        padding: 15px;
    }

    .tnc a, .tnc-box a
        {
            height: auto;
            line-height: normal;
        }
    
        .tnc ol li, .tnc-box ol li
        {
            margin-bottom: 0rem;
        }

}