@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);* {
    font-family: "Poppins", sans-serif;
    color: black;
    font-size: 14px;
    font-weight: normal;
    scroll-behavior: smooth;
    
}

.modal-backdrop {
    background-color: #00000099;
}



body {
    background-color: #F2F3FB;
    background-image: url("/images/background.png");
    background-size: contain;
    background-repeat: round;
    overflow-x: hidden;
}

h1 {
    font-size: 36px;
    text-transform: capitalize;
    line-height: 45px;
}

.clientPage .h5 {
    color: #399cbd;
    font-weight: 500;
    font-size: 16px;
}



h5 {
    color: #399cbd;
    font-weight: 500;
    font-size: 16px;
}

h5.subHeading {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

.ig-team-btn, .external-team-btn{
    cursor: pointer !important;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.ig-team-btn:hover {
    color: #0416B7 !important;
}
.mobile-only {
    display: none ; /* Hide mobile-specific breaks on larger screens */
}




.clientPage h2.subHeading {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

.clientPage h2 {
    color: #0112B6;
    font-weight: 500;
    font-size: 16px;
}

h6.subHeading {
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}
main.clientPage .trustedBy h5.subHeading
{
    margin-bottom:10px;
    padding-top:10px;
}

main.clientPage .trustedBy .owl-dots
{
    display: none;
}

@media screen  and (min-width=768px)
{

main.clientPage .trustedBy .owl-carousel
{
    margin-right:100px;
    margin-left:100px;
}
.checkbox-center{
    margin-top: 0px !important;
}
}
.btn {
    position: relative;
    outline: none;
    border: none;
    border-radius: 3px;
}

/* .btn:hover {
    box-shadow: 0 0 5px 2px #00000040;
} */
btnhover:hover{
    background: #0112B6;
    color:white;
}
.text-left.btnhover:hover{
    background: #0112B6;
    color:white;
}
.form-field .btn:hover {
    box-shadow: none;
}

.form-field .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}

.form-field .btn:active:focus {
    background-color: unset;
    border: none;
    outline: none;
}

.btn:focus {
    border: none;
    outline: none;
}

.btn:active {
    border: none;
    outline: none;
}

.btn:active:focus {
    background-color: #0112B6;
    border: none;
    outline: none;
}

.btn:active:hover {
    border: none;
    outline: none;
}

.btn.btn-primary {
    background-color:black !important;
    color: #FFFFFF;
    padding: 10px 34px;
    margin: 0px;
    height: auto;
    border-radius: 25px;
    width:auto;
}
.categoryDetailsPage .container .referralpage_newblue{
    color:#399cbd !important;

}

.btn.btn-primary:active:focus {
    background-color: #626bbd!important;
}
.btn.btn-primary:hover{
    background-color: #626bbd!important;
}

.btn-secondary{
    border-radius: 25px;
}
.btn-success{
    border-radius: 25px;
    padding: 10px 34px;
    margin: 0px;
    height: auto;
    width:auto;
}
.btn.btn-outline-primary {
    border: 1px solid #0112B6!important;
    color: #0112B6;
    padding: 12px 34px;
    background-color: transparent;
    border-radius: 25px;
}

.btn.btn-outline-primary:active:focus {
    background-color: transparent!important;
}

.btn.btn-light {
    background-color: #FFFFFF;
    color: #0112B6;
    padding: 12px 34px;    
}

.consultantPage button.btn.btn-light,
.clientPage button.btn.btn-light,
.clientPage button.btn.btn-light {
    border-radius: 25px;
}

.dropdown-item.active {
  color: #fff;
  text-decoration: none;
  background-color: #dae0e5;
}

.dropdown-item.selected.active {
  color: #fff;
  text-decoration: none;
  background-color: #dae0e5;
}


.bootstrap-select .btn.btn-light {
    border-radius: 24px !important;
    padding: 9px 23px;
}

.btn.btn-light:active:focus {
    background-color: #FFFFFF;
}

.btn.icon-button {
    width: 180px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 12px 28px;
    -webkit-box-align: center;
            align-items: center;
}

.btn.icon-button.only-icon {
    width: 60px;
    padding: 7px 18px;
    position: absolute;
    top: 5px;
    right: 5px;
}

form .actions button .prevIcon,
form .actions button .nextIcon,
form button .nextIcon {
    line-height: 24px;
    display: block;
    font-size: 16px;
    color: #FFFFFF;
}

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

.icon {
    display: inline;
    height: 30px;
    width: 30px;
}

.no-bottom-space {
    margin-bottom: 0px !important;
}

a {
    display: inline-block;
    height: 40px;
    line-height: 44px;
    margin: 0px 12px;
    text-decoration: none;
    color: #2552B6 ;
    font-size: 14px;
    font-weight: 600;
    border-bottom: solid 2px #00000000;
    cursor: pointer;
}

a .btn.btn-primary {
    height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

a .btn.btn-primary.icon-button {
    height: 50px !important;
    margin: 20px !important;
    padding: 12px 28px !important;
}

a .icon {
    height: 16px;
    width: 16px;
    /* margin-right: 20px; */
}

a.icon-link {
    margin-left: 40px;
}

a.icon-link img {
    margin-right: 20px;
}

a p {
    color: #0112B6;
    font-size: 16px;
}

a:hover {
    color: #0112B6;
    text-decoration: none;
}

a.no-focus:hover {
    border: none;
}

.dropdown {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.dropdown>span {
    color: #0112B6;
    display: inline-block;
    height: 40px;
    line-height: 44px;
    margin: 0px 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-bottom: solid 2px #00000000;
    cursor: pointer;
    padding-right: 30px;
}

.dropdown>span::after {
    content: "";
    position: absolute;
    line-height: 44px;
    right: 15px;
    font-size: 24px;
    color: #0112B6;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border: solid #0112B6;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    border-radius: 2px;
    top: 16px;
}

.dropdown>span:hover {
    color: #0112B6;
    font-size: 16px;
    text-decoration: none;
    border-bottom: solid 2px #0112B6;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dropdown .dropdown-menu {
    width: auto;
}

.dropdown .inSightGuru-dropdown a,
.dropdown .gurukul-dropdown a {
    line-height: 38px !important;
}

.dropdown .dropdown-menu a {
    display: block;
    margin: 0px;
    padding: 0px 20px;
    line-height: 38px;
    font-size: 14px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    top: unset;
}
.dropdown .dropdown-menu a:hover {
    color: #FFFFFF;
    background-color: #0112B6;
    border-bottom: none;
}

.dropdown.open>span::after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.dropdown.open .dropdown-menu {
    display: block;
    right: 0px;
    left: auto;
}

header {
    padding: 25px 36px !important;
    z-index: 10;
}

.model-header {
    padding: 16px 36px !important;
}

header ul {
    padding: 0;
    margin-bottom: 0px;
}

header li {
    list-style: none;
    display: inline-block;
}

header .actionsWrapper a {
    margin-right: 20px;
}

header .actionsWrapper button {
    margin: 0px 20px;
}

main.staticPage,
.main.staticPage,
section.staticPage {
    background: white;
    margin-top: 150px;
}

main.staticPage>.container,
.main.staticPage>.container,
section.staticPage>.container {
    padding: 30px;
    background: white;
    border-radius: 6px;
    margin: 50px auto;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

main.staticPage>.container h2,
main.staticPage>.container h3,
.main.staticPage>.container h2,
.main.staticPage>.container h3,
section.staticPage>.container h2,
section.staticPage>.container h3 {
    text-align: left;
    color: #399cbd;
}

main.staticPage>.container h4 u,
.main.staticPage>.container h4 u,
section.staticPage>.container h4 u {
    font-weight: 600;
    color: #399cbd;
}
/* Style for invalid inputs */
.is-invalid {
    border-color: #dc3545; /* Red border for invalid input */
}

/* Style for error message */
.error-message {
    color: #dc3545; /* Red color for the error text */
    font-size: 0.875rem; /* You can adjust font size as needed */
    margin-top: 5px;
}

.main.staticPage.newblue .py-2{
    color:#399cbd !important;

}
.row.d-flex.justify-content-end.container-fluid.case_button {
    /* padding-right: 95px; */
    margin-left: inherit;
}
/* .dropdown_padding{ 
    padding-right: 135px ;
}  */




/*
main,
.main,
section {
    min-height: 100vh;
} */

main .title,
.main .title,
section .title {
    padding-top: 50px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: flex;
}

main .title>div,
.main .title>div,
section .title>div {
    margin-left: 10px;
}

main .title h4,
.main .title h4,
section .title h4 {
    margin-bottom: 0px;
}

main .whiteBackground,
.main .whiteBackground,
section .whiteBackground {
    padding: 40px 0px;
    background-color: #FFFFFF;
}

main .blueBackground,
.main .blueBackground,
section .blueBackground {
    background-color: #399cbd;
}

main.clientPage .intro>div,
.main.clientPage .intro>div,
section.clientPage .intro>div {
    padding: 100px 0px;
}

main.clientPage .intro .form-field,
.main.clientPage .intro .form-field,
section.clientPage .intro .form-field {
    margin: 20px 0px;
    width: 100%;
    max-width: 440px;
}

main.clientPage .intro .callout,
.main.clientPage .intro .callout,
section.clientPage .intro .callout {
    max-width: 80%;
}

main.clientPage .intro .carouselWrapper,
.main.clientPage .intro .carouselWrapper,
section.clientPage .intro .carouselWrapper {
    text-align: right;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel,
.main.clientPage .intro .carouselWrapper #categoriesCarousel,
section.clientPage .intro .carouselWrapper #categoriesCarousel {
    width: 80%;
    margin: auto;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-inner,
.main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-inner,
section.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-inner {
    height: 340px;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-item:hover{
    cursor: pointer;
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.carousel-item>img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.carousel-inner>.carousel-item {
    position: relative;
    display: none;
    -webkit-transition: .1s ease-in-out left;
    -webkit-transition: .1ms ease-in-out left;
    transition: .1ms ease-in-out left;
}

.carousel-inner>.carousel-item>img {
    line-height: 1;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators,
.main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators,
section.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators {
    bottom: -50px;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li,
.main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li,
section.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li {
    background-color: #c4c4c4;
    border: none;
    margin: 3px;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li.active,
.main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li.active,
section.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li.active {
    background-color: #626262;
    height: 10px;
    width: 10px;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-caption,
.main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-caption,
section.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-caption {
    padding: 0;
    bottom: -16px;
    right: 20px;
    width: auto;
    left: auto;
    font-size: 16px;
    padding: 8px 36px;
    color: black;
    background-color: #FFFFFF;
    font-weight: 500;
    border-radius: 4px;
    text-shadow: none;
}

main.clientPage .howItWorks,
.main.clientPage .howItWorks,
section.clientPage .howItWorks {
    padding-bottom: 40px;
}

main.clientPage .howItWorks #firstStep,
main.clientPage .howItWorks #secondStep,
main.clientPage .howItWorks #thirdStep,
.main.clientPage .howItWorks #firstStep,
.main.clientPage .howItWorks #secondStep,
.main.clientPage .howItWorks #thirdStep,
section.clientPage .howItWorks #firstStep,
section.clientPage .howItWorks #secondStep,
section.clientPage .howItWorks #thirdStep {
    overflow: hidden;
}

main.clientPage .howItWorks #firstStep>div,
main.clientPage .howItWorks #secondStep>div,
main.clientPage .howItWorks #thirdStep>div,
.main.clientPage .howItWorks #firstStep>div,
.main.clientPage .howItWorks #secondStep>div,
.main.clientPage .howItWorks #thirdStep>div,
section.clientPage .howItWorks #firstStep>div,
section.clientPage .howItWorks #secondStep>div,
section.clientPage .howItWorks #thirdStep>div {
    background-color: #E6E8F8;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative;
    margin: auto;
}

main.clientPage .howItWorks #firstStep>div img,
main.clientPage .howItWorks #secondStep>div img,
main.clientPage .howItWorks #thirdStep>div img,
.main.clientPage .howItWorks #firstStep>div img,
.main.clientPage .howItWorks #secondStep>div img,
.main.clientPage .howItWorks #thirdStep>div img,
section.clientPage .howItWorks #firstStep>div img,
section.clientPage .howItWorks #secondStep>div img,
section.clientPage .howItWorks #thirdStep>div img {
    height: 36px;
    width: 36px;
}

main.clientPage .howItWorks #firstStep h3,
main.clientPage .howItWorks #secondStep h3,
main.clientPage .howItWorks #thirdStep h3,
.main.clientPage .howItWorks #firstStep h3,
.main.clientPage .howItWorks #secondStep h3,
.main.clientPage .howItWorks #thirdStep h3,
section.clientPage .howItWorks #firstStep h3,
section.clientPage .howItWorks #secondStep h3,
section.clientPage .howItWorks #thirdStep h3 {
    font-size: 18px;
    text-align: center;
    max-width: 80%;
    margin: auto;
    font-weight: 600;
    margin-top: 40px;
}

main.clientPage .howItWorks #firstStep p,
main.clientPage .howItWorks #secondStep p,
main.clientPage .howItWorks #thirdStep p,
.main.clientPage .howItWorks #firstStep p,
.main.clientPage .howItWorks #secondStep p,
.main.clientPage .howItWorks #thirdStep p,
section.clientPage .howItWorks #firstStep p,
section.clientPage .howItWorks #secondStep p,
section.clientPage .howItWorks #thirdStep p {
    text-align: center;
    max-width: 70%;
    margin: auto;
    margin-top: 20px;
    font-weight: 600;
    color: #00000045;
}

main.clientPage .howItWorks #firstStep::before,
.main.clientPage .howItWorks #firstStep::before,
section.clientPage .howItWorks #firstStep::before {
    z-index: -1;
    position: absolute;
    left: 50%;
    border: 1px dashed #00000050;
    width: 500px;
    top: 60px;
    height: 2px;
    content: "";
}

main.clientPage .howItWorks #secondStep::before,
.main.clientPage .howItWorks #secondStep::before,
section.clientPage .howItWorks #secondStep::before {
    z-index: -1;
    position: absolute;
    left: 0%;
    border: 1px dashed #00000050;
    width: 1000px;
    top: 60px;
    height: 2px;
    content: "";
}

main.clientPage .howItWorks #thirdStep::before,
.main.clientPage .howItWorks #thirdStep::before,
section.clientPage .howItWorks #thirdStep::before {
    z-index: -1;
    position: absolute;
    right: 50%;
    border: 1px dashed #00000050;
    width: 500px;
    top: 60px;
    height: 2px;
    content: "";
}

main.clientPage .trustedBy,
.main.clientPage .trustedBy,
section.clientPage .trustedBy {
    background-color: #FFFFFF;
/*    padding-bottom: 50px; */
    width: 100%;
}

main.clientPage .trustedBy #clientsCarousal .owl-stage,
.main.clientPage .trustedBy #clientsCarousal .owl-stage,
section.clientPage .trustedBy #clientsCarousal .owl-stage {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}

main.clientPage .trustedBy #clientsCarousal .owl-stage .item,
.main.clientPage .trustedBy #clientsCarousal .owl-stage .item,
section.clientPage .trustedBy #clientsCarousal .owl-stage .item {
    text-align: center;
}

main.clientPage .intro .carouselWrapper #categoriesCarousel .carousel-indicators li.active {
    width: 30px;
    height: 3px;
}

main.clientPage .trustedBy #clientsCarousal .owl-stage .item {
    /* padding: 0px 74px 0px 32px; */
    margin-right: 20px;
    margin-left: 20px;
    min-height: 200px;
}

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: 150px;
    height: auto;
    display: unset;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

main.clientPage .trustedBy #clientsCarousal1 .owl-stage .item {
    /* padding: 0px 74px 0px 32px; */
    margin-right: 20px;
    margin-left: 20px;
    min-height: 200px;
}

main.clientPage .trustedBy #clientsCarousal1 .owl-stage .item img,
.main.clientPage .trustedBy #clientsCarousal1 .owl-stage .item img,
section.clientPage .trustedBy #clientsCarousal1 .owl-stage .item img {
    width: 150px;
    height: auto;
    display: unset;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}


main.clientPage .trustedBy #clientsCarousal2 .owl-stage .item {
    /* padding: 0px 74px 0px 32px; */
    margin-right: 20px;
    margin-left: 20px;
    min-height: 200px;
}

main.clientPage .trustedBy #clientsCarousal2 .owl-stage .item img,
.main.clientPage .trustedBy #clientsCarousal2 .owl-stage .item img,
section.clientPage .trustedBy #clientsCarousal2 .owl-stage .item img {
    width: 150px;
    height: auto;
    display: unset;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.client_logo_title {
    text-align: center;
    padding: 10px 35px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.item>img {
    height: 150px;
}

main.clientPage .mantra,
.main.clientPage .mantra,
section.clientPage .mantra {
    padding-bottom: 100px;
}

main.clientPage .mantra .card,
.main.clientPage .mantra .card,
section.clientPage .mantra .card {
    margin-top: 30px;
    position: relative;
    height: 340px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    padding-bottom: 10px;
    box-shadow: 0 0 10px 1px #00000020;
}

main.clientPage .mantra .card svg,
.main.clientPage .mantra .card svg,
section.clientPage .mantra .card svg {
    margin-bottom: 12px;
}

main.clientPage .mantra .card h4,
.main.clientPage .mantra .card h4,
section.clientPage .mantra .card h4 {
    font-weight: 600;
}

main.clientPage .mantra .card ul,
.main.clientPage .mantra .card ul,
section.clientPage .mantra .card ul {
    padding: 0;
    margin-left: 20px;
    margin-bottom: 40px;
}

main.clientPage .mantra .card ul li,
.main.clientPage .mantra .card ul li,
section.clientPage .mantra .card ul li {
    color: #00000090;
    margin-bottom: 15px;
}

main.clientPage .mantra .card ul li span,
.main.clientPage .mantra .card ul li span,
section.clientPage .mantra .card ul li span {
    color: black;
    font-weight: 600;
}

main.clientPage .mantra .card p,
.main.clientPage .mantra .card p,
section.clientPage .mantra .card p {
    position: absolute;
    bottom: 0px;
}

main.clientPage .mantra .card p.footerQuote,
.main.clientPage .mantra .card p.footerQuote,
section.clientPage .mantra .card p.footerQuote {
    font-style: italic;
}

main.clientPage .mantra .card.active,
.main.clientPage .mantra .card.active,
section.clientPage .mantra .card.active {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left top, left bottom, from(#4F5BC9), to(#0113B6));
    background: linear-gradient(180deg, #4F5BC9 0%, #0113B6 100%);
    color: #FFFFFF !important;
}

main.clientPage .mantra .card.active h3 {
    color: #fff !important;
}

main.clientPage .mantra .card.active,
main.clientPage .mantra .card.active svg path,
.main.clientPage .mantra .card.active svg path,
section.clientPage .mantra .card.active svg path {
    fill: #FFFFFF;
}

main.clientPage .mantra .card.active li,
.main.clientPage .mantra .card.active li,
section.clientPage .mantra .card.active li {
    color: #FFFFFF;
}

main.clientPage .mantra .card.active li span,
.main.clientPage .mantra .card.active li span,
section.clientPage .mantra .card.active li span {
    color: #FFFFFF;
}

main.clientPage .mantra .card.active p,
.main.clientPage .mantra .card.active p,
section.clientPage .mantra .card.active p {
    color: #FFFFFF;
}

main.clientPage .categories,
.main.clientPage .categories,
section.clientPage .categories {
    padding-bottom: 50px;
}

main.clientPage .categories .card,
.main.clientPage .categories .card,
section.clientPage .categories .card {
    margin-top: 30px;
    cursor: default;
    position: relative;
    height: 310px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    padding-bottom: 10px;
    box-shadow: 0 0 10px 1px #00000005;
    border-bottom: 5px solid #FFFFFF;
}

main.clientPage .categories .card svg,
.main.clientPage .categories .card svg,
section.clientPage .categories .card svg {
    margin-bottom: 25px;
}

main.clientPage .categories .card h4,
.main.clientPage .categories .card h4,
section.clientPage .categories .card h4 {
    font-weight: 600;
}

main.clientPage .categories .card .count,
.main.clientPage .categories .card .count,
section.clientPage .categories .card .count {
    position: absolute;
    right: 25px;
    top: 20px;
    font-style: italic;
    font-size: 24px;
    font-weight: bold;
    color: #00000045;
}

main.clientPage .categories .card ul,
.main.clientPage .categories .card ul,
section.clientPage .categories .card ul {
    padding: 0;
    margin-left: 20px;
    margin-bottom: 40px;
}

main.clientPage .categories .card ul li,
.main.clientPage .categories .card ul li,
section.clientPage .categories .card ul li {
    color: #00000045;
    margin-bottom: 15px;
}

main.clientPage .categories .card ul li span,
.main.clientPage .categories .card ul li span,
section.clientPage .categories .card ul li span {
    color: black;
}

main.clientPage .categories .card a.moreLink,
.main.clientPage .categories .card a.moreLink,
section.clientPage .categories .card a.moreLink {
    margin: 0px;
    position: absolute;
    bottom: 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

main.clientPage .categories .card a.moreLink span,
.main.clientPage .categories .card a.moreLink span,
section.clientPage .categories .card a.moreLink span {
    color: #0112B6;
    font-weight: 600;
    display: inline-block;
    margin-right: 30px;
}

main.clientPage .categories .card a.moreLink svg,
.main.clientPage .categories .card a.moreLink svg,
section.clientPage .categories .card a.moreLink svg {
    margin: 0px;
}

main.clientPage .categories .card a.moreLink:hover,
.main.clientPage .categories .card a.moreLink:hover,
section.clientPage .categories .card a.moreLink:hover {
    border-color: transparent;
}

main.clientPage .categories .card:hover,
.main.clientPage .categories .card:hover,
section.clientPage .categories .card:hover {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-bottom: 5px solid #0112B6;
    box-shadow: 0 0 10px 1px #00000020;
}

main.clientPage .calloutContainer,
.main.clientPage .calloutContainer,
section.clientPage .calloutContainer {
    padding: 30px 60px;
    background: linear-gradient(90.37deg, #151B4A 7.65%, #0113B6 98.02%);
    border-radius: 8px;
    margin: 50px 0px;
    margin-bottom: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}

main.clientPage .calloutContainer h5,
.main.clientPage .calloutContainer h5,
section.clientPage .calloutContainer h5 {
    color: #DEDEDE;
    font-weight: 600;
}

main.clientPage .calloutContainer p,
.main.clientPage .calloutContainer p,
section.clientPage .calloutContainer p {
    color: #FFFFFF;
    max-width: 280px;
    font-size: 18px;
    font-weight: 600;
}

main.clientPage .calloutContainer p span,
.main.clientPage .calloutContainer p span,
section.clientPage .calloutContainer p span {
    color: #F3C60C;
    font-size: 18px;
    font-weight: 600;
}

main.clientPage .calloutContainer button,
.main.clientPage .calloutContainer button,
section.clientPage .calloutContainer button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    min-width: 220px;
    max-height: 60px;
}

main.clientPage .calloutContainer button span,
.main.clientPage .calloutContainer button span,
section.clientPage .calloutContainer button span {
    color: #0112B6;
    font-size: 16px;
    font-weight: 600;
}

main.clientPage .calloutContainer button svg path,
.main.clientPage .calloutContainer button svg path,
section.clientPage .calloutContainer button svg path {
    fill: 16px;
}

main.clientPage .consultantProfiles,
.main.clientPage .consultantProfiles,
section.clientPage .consultantProfiles {
    padding-bottom: 50px;
    text-align: center;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-stage,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage .item {
    position: relative;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item img,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item img,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage .item img {
    height: 310px;
    width: 100%;
    margin: auto;
    max-width: 310px;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, .15)!important;
    border-radius: 60px;
    background-size: cover;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 310px;
    padding: 30px;
    display: -webkit-box;
    display: flex;
    margin: auto;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    -webkit-box-pack: justify;
            justify-content: space-between;
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails h4,
main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails h6,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails h4,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails h6,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails h4,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage .item .consultantDetails h6 {
    text-align: left;
    color: #FFFFFF;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item:hover .consultantDetails,
.main.clientPage .consultantProfiles #consultantCarousal .owl-stage .item:hover .consultantDetails,
section.clientPage .consultantProfiles #consultantCarousal .owl-stage .item:hover .consultantDetails {
    opacity: 1;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    width: 100%;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav i,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav i,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav i {
    color: #0212A6;
    font-size: 18px;
    margin: 0px 10px;
    line-height: 30px;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next {
    position: absolute;
    right: 0;
    height: 30px;
    width: 60px;
    /* background-color: #0212A6; */
    text-align: left;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next span,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next span,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next span {
    color: #0212A6;
    display: inline-block;
    padding-left: 14px;
    font-size: 32px;
    line-height: 28px;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next:focus,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next:focus,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-next:focus {
    outline: none;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    height: 30px;
    width: 60px;
    /* background-color: #0212A6; */
    text-align: right;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev span,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev span,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev span {
    color: #0212A6;
    display: inline-block;
    padding-right: 14px;
    font-size: 32px;
    line-height: 28px;
}

main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev:focus,
.main.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev:focus,
section.clientPage .consultantProfiles #consultantCarousal .owl-nav .owl-prev:focus {
    outline: none;
}

main.clientPage .consultantProfiles .btn,
.main.clientPage .consultantProfiles .btn,
section.clientPage .consultantProfiles .btn {
    min-width: 260px;
    margin: 30px auto;
}

main.clientPage .testimonials,
.main.clientPage .testimonials,
section.clientPage .testimonials {
    padding-bottom: 50px;
}

main.clientPage .testimonials #testimonialCarousal .item,
.main.clientPage .testimonials #testimonialCarousal .item,
section.clientPage .testimonials #testimonialCarousal .item {
    background-color: #FFFFFF;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    min-height: 340px;
    width: 800px;
    margin: 50px auto;
    box-shadow: 0 0 40px 4px #00000025;
    -webkit-box-align: center;
            align-items: center;
}

main.clientPage .testimonials #testimonialCarousal .item h5,
.main.clientPage .testimonials #testimonialCarousal .item h5,
section.clientPage .testimonials #testimonialCarousal .item h5 {
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}

main.clientPage .testimonials #testimonialCarousal .item img,
.main.clientPage .testimonials #testimonialCarousal .item img,
section.clientPage .testimonials #testimonialCarousal .item img {
    display: inline-block;
    max-width: 300px;
    padding: 15px;
    width: 100%;
    height: 100%;
}

main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails,
.main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails,
section.clientPage .testimonials #testimonialCarousal .item .testimonialDetails {
    border-radius: 4px;
    padding: 30px;
    display: inline-block;
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#f6f6f6), to(#ffffff));
    background: linear-gradient(90deg, #f6f6f6 0%, #ffffff 100%);
    height: 340px;
}

main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p,
.main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p,
section.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p {
    max-width: 80%;
}

main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p.footerQuote,
.main.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p.footerQuote,
section.clientPage .testimonials #testimonialCarousal .item .testimonialDetails p.footerQuote {
    font-style: italic;
    position: absolute;
    bottom: 20px;
}

main.clientPage .testimonials #testimonialCarousal .owl-dots,
.main.clientPage .testimonials #testimonialCarousal .owl-dots,
section.clientPage .testimonials #testimonialCarousal .owl-dots {
    width: 200px;
    margin: auto;
    margin-top: -10px;
    text-align: center;
}

main.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot,
.main.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot,
section.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 6px;
    background-color: #7E7E7E;
    opacity: 0.25;
}

main.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot.active,
.main.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot.active,
section.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot.active {
    opacity: 1;
}

main.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot:focus,
.main.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot:focus,
section.clientPage .testimonials #testimonialCarousal .owl-dots .owl-dot:focus {
    border: none;
    outline: none;
}

main.clientPage .caseStudies,
.main.clientPage .caseStudies,
section.clientPage .caseStudies {
    padding-bottom: 50px;
}

main.clientPage .caseStudies #caseStudyCarousal .item,
.main.clientPage .caseStudies #caseStudyCarousal .item,
section.clientPage .caseStudies #caseStudyCarousal .item {
    background-color: #FFFFFF;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    height: 380px;
    width: 500px;
    margin: 50px auto;
    box-shadow: 0 0 30px 4px #00000025;
}

main.clientPage .caseStudies #caseStudyCarousal .item h5,
.main.clientPage .caseStudies #caseStudyCarousal .item h5,
section.clientPage .caseStudies #caseStudyCarousal .item h5 {
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}

main.clientPage .caseStudies #caseStudyCarousal .item img,
.main.clientPage .caseStudies #caseStudyCarousal .item img,
section.clientPage .caseStudies #caseStudyCarousal .item img {
    display: inline-block;
    max-width: 300px;
    vertical-align: middle;
    padding: 60px;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails {
    padding: 30px;
    padding-top: 80px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails .categoryLabel,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails .categoryLabel,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails .categoryLabel {
    position: absolute;
    left: 0px;
    top: 25px;
    color: #FFFFFF;
    padding: 5px 15px;
}



.categoryLabel.Finance {
    background-color: #0112B6;
}

.categoryLabel.Marketing {
    background: #F95757;
}

.categoryLabel.Operations {
    background: #3C3C3C;
}

.fix_ht{
    height:121px;
}
.margin_bottom{
    margin-bottom: 3rem;
}

.categoryLabel.HR-and-Organisation {
    background-color: #449c66;
}

.categoryLabel.Information-Technology-and-Digital {
    background: #394592;
}

.categoryLabel.Strategy {
    background: #9f4127;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul {
    margin-top: 20px;
    padding: 0px;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul li,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul li,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: start;
    margin-bottom: 10px;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul li>div.head,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul li>div.head,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails ul li>div.head {
    min-width: 100px;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails p,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails p,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails p {
    max-width: 340px;
}

main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails p.footerQuote,
.main.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails p.footerQuote,
section.clientPage .caseStudies #caseStudyCarousal .item .caseStudyDetails p.footerQuote {
    font-style: italic;
    position: absolute;
    bottom: 20px;
}

main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink,
.main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink,
section.clientPage .caseStudies #caseStudyCarousal .item a.moreLink {
    margin: 0px;
    position: absolute;
    bottom: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink span,
.main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink span,
section.clientPage .caseStudies #caseStudyCarousal .item a.moreLink span {
    color: #0112B6;
    font-weight: 600;
    display: inline-block;
    margin-right: 30px;
}

main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink svg,
.main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink svg,
section.clientPage .caseStudies #caseStudyCarousal .item a.moreLink svg {
    margin: 0px;
}

main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink:hover,
.main.clientPage .caseStudies #caseStudyCarousal .item a.moreLink:hover,
section.clientPage .caseStudies #caseStudyCarousal .item a.moreLink:hover {
    border-color: transparent;
}

main.clientPage .caseStudies #caseStudyCarousal .owl-dots,
.main.clientPage .caseStudies #caseStudyCarousal .owl-dots,
section.clientPage .caseStudies #caseStudyCarousal .owl-dots {
    width: 200px;
    margin: auto;
    margin-top: -10px;
    text-align: center;
}

main.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot,
.main.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot,
section.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 6px;
    background-color: #7E7E7E;
    opacity: 0.25;
}

main.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot.active,
.main.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot.active,
section.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot.active {
    opacity: 1;
}

main.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot:focus,
.main.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot:focus,
section.clientPage .caseStudies #caseStudyCarousal .owl-dots .owl-dot:focus {
    border: none;
    outline: none;
}

main.clientSearchPage,
.main.clientSearchPage,
section.clientSearchPage {
    padding-top: 50px;
}

main.clientSearchPage .form-field,
.main.clientSearchPage .form-field,
section.clientSearchPage .form-field {
    max-width: 400px;
}

main.clientSearchPage .searchResults,
.main.clientSearchPage .searchResults,
section.clientSearchPage .searchResults {
    margin-top: 30px;
    background-color: #FFFFFF;
}

main.clientSearchPage .searchResults .criteria .activeFilters,
.main.clientSearchPage .searchResults .criteria .activeFilters,
section.clientSearchPage .searchResults .criteria .activeFilters {
    margin: 30px 0px;
}

main.clientSearchPage .searchResults .criteria .activeFilters .filter,
.main.clientSearchPage .searchResults .criteria .activeFilters .filter,
section.clientSearchPage .searchResults .criteria .activeFilters .filter {
    display: inline-block;
    background-color: #0112B6;
    padding: 5px 15px;
    border-radius: 30px;
    color: #FFFFFF;
    margin-right: 10px;
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 15px;
}

main.clientSearchPage .searchResults .criteria .activeFilters .resetFilter,
.main.clientSearchPage .searchResults .criteria .activeFilters .resetFilter,
section.clientSearchPage .searchResults .criteria .activeFilters .resetFilter {
    display: inline-block;
    padding: 5px 15px;
    color: #0112B6;
    font-weight: 600;
    cursor: pointer;
}

main.clientSearchPage .searchResults .searchResultsWrapper,
.main.clientSearchPage .searchResults .searchResultsWrapper,
section.clientSearchPage .searchResults .searchResultsWrapper {
    padding: 30px 0px;
}

main.clientSearchPage .searchResults .results,
.main.clientSearchPage .searchResults .results,
section.clientSearchPage .searchResults .results {
    padding: 30px 0px;
}

main.clientSearchPage .searchResults .results .noResults,
.main.clientSearchPage .searchResults .results .noResults,
section.clientSearchPage .searchResults .results .noResults {
    display: -webkit-box;
    display: flex;
    align-self: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative;
}

main.clientSearchPage .searchResults .results .noResults>img,
.main.clientSearchPage .searchResults .results .noResults>img,
section.clientSearchPage .searchResults .results .noResults>img {
    margin-top: -40px;
    max-width: 400px;
}

main.clientSearchPage .searchResults .results .noResults>div,
.main.clientSearchPage .searchResults .results .noResults>div,
section.clientSearchPage .searchResults .results .noResults>div {
    position: absolute;
    bottom: -40px;
    padding: 20px;
    padding-left: 30px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #DFDFDF;
}

main.clientSearchPage .searchResults .results .noResults>div .btn,
.main.clientSearchPage .searchResults .results .noResults>div .btn,
section.clientSearchPage .searchResults .results .noResults>div .btn {
    width: 240px;
    margin-left: 50px;
}

main.clientSearchPage .searchResults .results .card,
.main.clientSearchPage .searchResults .results .card,
section.clientSearchPage .searchResults .results .card {
    margin-left: 0;
    margin-right: 25px;
    height: 300px;
    cursor: pointer;
    display: inline-block;
    width: calc(25% - 30px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px 1px #00000045;
}

main.clientSearchPage .searchResults .results .card img,
.main.clientSearchPage .searchResults .results .card img,
section.clientSearchPage .searchResults .results .card img {
    width: auto;
    height: 100%;
    min-width: 100%;
}

main.clientSearchPage .searchResults .results .card .details,
.main.clientSearchPage .searchResults .results .card .details,
section.clientSearchPage .searchResults .results .card .details {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

main.clientSearchPage .searchResults .results .card .details h4,
main.clientSearchPage .searchResults .results .card .details h6,
.main.clientSearchPage .searchResults .results .card .details h4,
.main.clientSearchPage .searchResults .results .card .details h6,
section.clientSearchPage .searchResults .results .card .details h4,
section.clientSearchPage .searchResults .results .card .details h6 {
    color: #FFFFFF;
}

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: calc(25% - 30px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px 1px #00000045;
    background: -webkit-gradient(linear, left top, left bottom, from(#4F5BC9), to(#0113B6));
    background: linear-gradient(180deg, #4F5BC9 0%, #0113B6 100%);
}

main.clientSearchPage .searchResults .results .calloutCard div,
.main.clientSearchPage .searchResults .results .calloutCard div,
section.clientSearchPage .searchResults .results .calloutCard div {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
}

main.clientSearchPage .searchResults .results .calloutCard div h4,
.main.clientSearchPage .searchResults .results .calloutCard div h4,
section.clientSearchPage .searchResults .results .calloutCard div h4 {
    color: #FFFFFF;
    padding: 20px;
}

main.clientSearchPage .searchResults .results .calloutCard div .btn,
.main.clientSearchPage .searchResults .results .calloutCard div .btn,
section.clientSearchPage .searchResults .results .calloutCard div .btn {
    width: calc(100% - 40px);
    margin: 20px;
    position: absolute;
    bottom: 0px;
    background-color: #FFFFFF25;
}

/* About Us cards */
main.aboutUsPage .categories .card,
.main.aboutUsPage .categories .card,
section.aboutUsPage .categories .card {
    margin-top: 30px;
    cursor: default;
    position: relative;
    height: 490px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    padding-bottom: 10px;
    box-shadow: 0 0 10px 1px #00000005;
    border-bottom: 5px solid #FFFFFF;
}

main.aboutUsPage .categories .card svg,
.main.aboutUsPage .categories .card svg,
section.clientPage .categories .card svg {
    margin-bottom: 25px;
}

main.aboutUsPage .categories .card h4,
.main.aboutUsPage .categories .card h4,
section.aboutUsPage .categories .card h4 {
    font-weight: 600;
}

main.aboutUsPage .categories .card .count,
.main.aboutUsPage .categories .card .count,
section.aboutUsPage .categories .card .count {
    position: absolute;
    right: 25px;
    top: 20px;
    font-style: italic;
    font-size: 24px;
    font-weight: bold;
    color: #00000045;
}

main.aboutUsPage .categories .card ul,
.main.aboutUsPage .categories .card ul,
section.clientPage .categories .card ul {
    padding: 0;
    margin-left: 20px;
    margin-bottom: 40px;
}

main.aboutUsPage .categories .card ul li,
.main.aboutUsPage .categories .card ul li,
section.clientPage .categories .card ul li {
    color: #00000045;
    margin-bottom: 15px;
}

main.aboutUsPage .categories .card ul li span,
.main.aboutUsPage .categories .card ul li span,
section.clientPage .categories .card ul li span {
    color: black;
}

main.aboutUsPage .categories .card a.moreLink,
.main.aboutUsPage .categories .card a.moreLink,
section.clientPage .categories .card a.moreLink {
    margin: 0px;
    position: absolute;
    bottom: 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

main.aboutUsPage .categories .card p.discription,
.main.aboutUsPage .categories .card p.discription,
section.clientPage .categories .card p.discription {
    position: relative;
    width: 221px;
    padding: 6px;
    margin-left: -21px;
    font-size: 10pt;
}

main.aboutUsPage .categories .card a.linkedBtnAboutUs,
.main.aboutUsPage .categories .card a.linkedBtnAboutUs,
section.clientPage .categories .card a.linkedBtnAboutUs {
    position: absolute;
    bottom: 0px;
    right:0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

main.aboutUsPage .categories .card a.moreLink span,
.main.aboutUsPage .categories .card a.moreLink span,
section.aboutUsPage .categories .card a.moreLink span {
    color: #0112B6;
    font-weight: 600;
    display: inline-block;
    margin-right: 30px;
}

main.aboutUsPage .categories .card a.moreLink svg,
.main.aboutUsPage .categories .card a.moreLink svg,
section.aboutUsPage .categories .card a.moreLink svg {
    margin: 0px;
}

main.aboutUsPage .categories .card a.moreLink:hover,
.main.aboutUsPage .categories .card a.moreLink:hover,
section.aboutUsPage .categories .card a.moreLink:hover {
    border-color: transparent;
}

main.aboutUsPage .categories .card:hover,
.main.clienaboutUsPagetPage .categories .card:hover,
section.aboutUsPage .categories .card:hover {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-bottom: 5px solid #399cbd;
    box-shadow: 0 0 10px 1px #00000020;
}
/* close about us card */

/* Team Member */
main.teamMember,
.main.teamMember,
section.teamMember {
    padding-top: 50px;
}


main.teamMember .container-fluid,
.main.teamMember .container-fluid,
section.teamMember .container-fluid {
    background-color: #FFFFFF;
}

main.teamMember .header,
.main.teamMember .header,
section.teamMember .header {
    margin-top: -50px;
    padding: 50px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: flex;
    border-radius: 8px;
    -webkit-box-align: center;
            align-items: center;
    background: linear-gradient(90.37deg, #151B4A 7.65%, #0113B6 98.02%);
}

main.teamMember .header>div,
.main.teamMember .header>div,
section.teamMember .header>div {
    margin-bottom: -10px;
    border-radius: 6px;
    padding: 10px 20px;
    background-color: #FFFFFF;
}

main.teamMember .header h5,
.main.teamMember .header h5,
section.teamMember .header h5,
main.teamMember .header h1,
.main.teamMember .header h1,
section.teamMember .header h1 {
    color: #FFFFFF;
    padding-left: 50px;
    /* text-transform: uppercase; */
}

/* .categoryDetailsPage .container-fluid .pullUp .content p .h1 {
    font-weight: 600;
} */

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

main.teamMember .content p,
main.teamMember .content ul,
.main.teamMember .content p,
.main.teamMember .content ul,
section.teamMember .content p,
section.teamMember .content ul {
    line-height: 24px;
    margin-bottom: 20px;
    font-size: 16px;
}

main.teamMember .content h6,
.main.teamMember .content h6,
section.teamMember .content h6,
main.teamMember .content h2,
.main.teamMember .content h2,
section.teamMember .content h2,
main.teamMember .content h3,
.main.teamMember .content h3,
section.teamMember .content h3 {
    margin-top: 10px;
    color: #0112B6;
    font-weight: 600;
}

/* end team member */

main.viewConsultantPage,
.main.viewConsultantPage,
section.viewConsultantPage {
    padding-top: 200px;
}

.pullUp {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
}

.overlapUp {
    -webkit-transform: translateY(-60px) !important;
            transform: translateY(-60px) !important;
}

main.viewConsultantPage .pullUp,
.main.viewConsultantPage .pullUp,
section.viewConsultantPage .pullUp {
    position: absolute;
    top: 150px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

main.viewConsultantPage .pullUp svg,
.main.viewConsultantPage .pullUp svg,
section.viewConsultantPage .pullUp svg {
    margin-right: 20px;
}

main.viewConsultantPage .consultantDetails,
.main.viewConsultantPage .consultantDetails,
section.viewConsultantPage .consultantDetails {
    margin-top: 30px;
    background-color: #FFFFFF;
    padding-bottom: 100px;
}

main.viewConsultantPage .consultantDetails .profile,
.main.viewConsultantPage .consultantDetails .profile,
section.viewConsultantPage .consultantDetails .profile {
    padding: 30px 20px;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px 1px #00000045;
    margin-top: -60px;
}

main.viewConsultantPage .consultantDetails .profile h5,
.main.viewConsultantPage .consultantDetails .profile h5,
section.viewConsultantPage .consultantDetails .profile h5 {
    font-weight: 600;
}

main.viewConsultantPage .consultantDetails .profile p,
.main.viewConsultantPage .consultantDetails .profile p,
section.viewConsultantPage .consultantDetails .profile p {
    font-weight: 500;
}

main.viewConsultantPage .consultantDetails .profile .highlight,
.main.viewConsultantPage .consultantDetails .profile .highlight,
section.viewConsultantPage .consultantDetails .profile .highlight {
    margin-top: 30px;
}

main.viewConsultantPage .consultantDetails .profile .callToAction,
.main.viewConsultantPage .consultantDetails .profile .callToAction,
section.viewConsultantPage .consultantDetails .profile .callToAction {
    padding-top: 20px;
}

.callToAction {
    padding-top: 0 !important;
}

main.viewConsultantPage .consultantDetails .profile .callToAction p,
.main.viewConsultantPage .consultantDetails .profile .callToAction p,
section.viewConsultantPage .consultantDetails .profile .callToAction p {
    width: 60%;
}

main.viewConsultantPage .consultantDetails .profile .sudoTitle,
.main.viewConsultantPage .consultantDetails .profile .sudoTitle,
section.viewConsultantPage .consultantDetails .profile .sudoTitle {
    color: black;
    margin-bottom: 20px;
    position: relative;
    line-height: 24px;
    width: 100%;
    word-wrap: break-word;
}

main.viewConsultantPage .consultantDetails .profile .sudoTitle::before,
.main.viewConsultantPage .consultantDetails .profile .sudoTitle::before,
section.viewConsultantPage .consultantDetails .profile .sudoTitle::before {
    content: "";
    position: absolute;
    left: -30px;
    right: 0;
    width: 8px;
    background-color: #0112B6;
    height: 100%;
    display: none;
}

main.viewConsultantPage .consultantDetails .profile .pills .pill,
.main.viewConsultantPage .consultantDetails .profile .pills .pill,
section.viewConsultantPage .consultantDetails .profile .pills .pill {
    display: inline-block;
    width: auto;
    font-size: 10px;
    background: #0112B615;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 500;
}

main.viewConsultantPage .consultantDetails .profile .btn,
.main.viewConsultantPage .consultantDetails .profile .btn,
section.viewConsultantPage .consultantDetails .profile .btn {
    margin-top: 20px;
    width: 100%;
}

main.viewConsultantPage .consultantDetails .profile .sidebarDetails,
.main.viewConsultantPage .consultantDetails .profile .sidebarDetails,
section.viewConsultantPage .consultantDetails .profile .sidebarDetails {
    background: #F4F4F4;
    padding: 20px;
    margin-top: 20px;
    border-radius: 4px;
}

main.viewConsultantPage .consultantDetails .profile .sidebarDetails>div:not(:last-child),
.main.viewConsultantPage .consultantDetails .profile .sidebarDetails>div:not(:last-child),
section.viewConsultantPage .consultantDetails .profile .sidebarDetails>div:not(:last-child) {
    margin-bottom: 30px;
}

main.viewConsultantPage .consultantDetails .profile .sidebarDetails>div h6,
.main.viewConsultantPage .consultantDetails .profile .sidebarDetails>div h6,
section.viewConsultantPage .consultantDetails .profile .sidebarDetails>div h6 {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #0112B6;
}

main.viewConsultantPage .consultantDetails .profile .card,
.main.viewConsultantPage .consultantDetails .profile .card,
section.viewConsultantPage .consultantDetails .profile .card {
    margin-left: 0;
    margin-top: -80px;
    height: 300px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

main.viewConsultantPage .consultantDetails .profile .card img,
.main.viewConsultantPage .consultantDetails .profile .card img,
section.viewConsultantPage .consultantDetails .profile .card img {
    width: auto;
    height: 100%;
}

main.viewConsultantPage .consultantDetails .profile .card .details,
.main.viewConsultantPage .consultantDetails .profile .card .details,
section.viewConsultantPage .consultantDetails .profile .card .details {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

main.viewConsultantPage .consultantDetails .profile .card .details h4,
main.viewConsultantPage .consultantDetails .profile .card .details h6,
.main.viewConsultantPage .consultantDetails .profile .card .details h4,
.main.viewConsultantPage .consultantDetails .profile .card .details h6,
section.viewConsultantPage .consultantDetails .profile .card .details h4,
section.viewConsultantPage .consultantDetails .profile .card .details h6 {
    color: #FFFFFF;
}

main.categoryDetailsPage,
.main.categoryDetailsPage,
section.categoryDetailsPage {
    padding-top: 80px;
    background: white;
}


main.categoryDetailsPage .pullUp svg,
.main.categoryDetailsPage .pullUp svg,
section.categoryDetailsPage .pullUp svg {
    /* margin-right: 20px; */
}

main.categoryDetailsPage .container-fluid,
.main.categoryDetailsPage .container-fluid,
section.categoryDetailsPage .container-fluid {
    background-color: #FFFFFF;
}

main.categoryDetailsPage .header,
.main.categoryDetailsPage .header,
section.categoryDetailsPage .header {
    /* margin-top: 50px; */
    padding: 50px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: flex;
    border-radius: 8px;
    -webkit-box-align: center;
            align-items: center;
    background: #399cbd;
}

main.categoryDetailsPage .header>div,
.main.categoryDetailsPage .header>div,
section.categoryDetailsPage .header>div {
    margin-bottom: -10px;
    border-radius: 6px;
    padding: 10px 20px;
    background-color: #FFFFFF;
}

main.categoryDetailsPage .header h5,
.main.categoryDetailsPage .header h5,
section.categoryDetailsPage .header h5,
main.categoryDetailsPage .header h1,
.main.categoryDetailsPage .header h1,
section.categoryDetailsPage .header h1 {
    color: #FFFFFF;
    padding-left: 50px;
    /* text-transform: uppercase; */
}

/* .categoryDetailsPage .container-fluid .pullUp .content p .h1 {
    font-weight: 600;
} */

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

main.categoryDetailsPage .content p,
main.categoryDetailsPage .content ul,
.main.categoryDetailsPage .content p,
.main.categoryDetailsPage .content ul,
section.categoryDetailsPage .content p,
section.categoryDetailsPage .content ul {
    line-height: 24px;
    margin-bottom: 0px;
}
.profile_dropdown{
    margin-top: -180px ;
}



.xdsoft_datetimepicker .xdsoft_year{
    width: 58px !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width: 234px !important;
}
.margin_b{
    margin-bottom: 0rem;

}

.cursor-pointer{
    cursor:pointer;
}
main.categoryDetailsPage .content h6,
.main.categoryDetailsPage .content h6,
section.categoryDetailsPage .content h6,
main.categoryDetailsPage .content h2,
.main.categoryDetailsPage .content h2,
section.categoryDetailsPage .content h2,
main.categoryDetailsPage .content h3,
.main.categoryDetailsPage .content h3,
section.categoryDetailsPage .content h3 {
    margin-top: 10px;
    color:#399cbd;
    font-weight: 600;
}


main.caseStudyPage,
.main.caseStudyPage,
section.caseStudyPage {
    padding-top: 200px;
}

main.caseStudyPage .container-fluid,
.main.caseStudyPage .container-fluid,
section.caseStudyPage .container-fluid {
    background-color: #FFFFFF;
}

main.caseStudyPage .details,
.main.caseStudyPage .details,
section.caseStudyPage .details {
    padding: 30px 0px;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px 1px #00000045;
    margin-top: -60px;
    margin-bottom: 100px;
    padding-top: 150px;
    position: relative;
}

main.caseStudyPage .details .category,
.main.caseStudyPage .details .category,
section.caseStudyPage .details .category {
    position: absolute;
    left: 0;
    top: 50px;
    padding: 10px 40px;
    /* background-color: #0112B6; */
    color: #FFFFFF;
}

.dropdown_posi{
    position:relative;
    left:190px;
}
.button_posi{
    position: relative;
    left:195px;
}
.dropdown_posi_2{
    position:relative;
    left:155px;
}
.button_posi_2{
    position: relative;
    left:165px;
}
/* #loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); 
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    z-index: 9999; 
    visibility: hidden; 
}  */
  .a_copy{
    height: 38px !important;
    /* padding: 0 .25rem 0 1.5rem !important; */
    height: 40px !important;
    margin: 0 ;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0px;
    padding: 0px 20px !important;
    line-height: 38px !important;
    font-size: 14px !important;
    }
  

  

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

main.caseStudyPage .details .duration svg,
.main.caseStudyPage .details .duration svg,
section.caseStudyPage .details .duration svg {
    margin-right: 10px;
}

main.caseStudyPage .details .duration span,
.main.caseStudyPage .details .duration span,
section.caseStudyPage .details .duration span {
    font-weight: 600;
}

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 50px;
}

main.caseStudyPage .details .content h2,
main.caseStudyPage .details .content h5,
.main.caseStudyPage .details .content h2,
.main.caseStudyPage .details .content h5,
section.caseStudyPage .details .content h2,
section.caseStudyPage .details .content h5 {
    font-weight: 600;
}

main.caseStudyPage .details .content>div,
.main.caseStudyPage .details .content>div,
section.caseStudyPage .details .content>div {
    padding: 20px 0px;
    margin-top: 30px;
}

main.caseStudyPage .details .content .tagline,
.main.caseStudyPage .details .content .tagline,
section.caseStudyPage .details .content .tagline {
    opacity: 0.7;
}

main.caseStudyPage .details .content .grayBackground,
.main.caseStudyPage .details .content .grayBackground,
section.caseStudyPage .details .content .grayBackground {
    background: #0112B615;
}

main.caseStudyPage .details .content .feedback h5,
.main.caseStudyPage .details .content .feedback h5,
section.caseStudyPage .details .content .feedback h5 {
    margin-bottom: 20px;
}

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-right: 0;
}

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

main.caseStudyPage .details .content .feedback .grayBackground,
.main.caseStudyPage .details .content .feedback .grayBackground,
section.caseStudyPage .details .content .feedback .grayBackground {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: start;
    justify-content: space-around;
    min-height: 300px;
    padding: 50px 0px;
}

main.caseStudyPage .details .content .feedback .grayBackground img,
.main.caseStudyPage .details .content .feedback .grayBackground img,
section.caseStudyPage .details .content .feedback .grayBackground img {
    padding: 0;
    margin-left: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

main.faqPage .heading,
.main.faqPage .heading,
section.faqPage .heading {
    margin-bottom: 30px;
}

#faqAccordion .card-header {
    border:none;
    background:none;
}
main.faqPage .accordion,
.main.faqPage .accordion,
section.faqPage .accordion {
    width: 700px;
    margin: auto;
    padding: 25px 0px;
}

main.faqPage .accordion .card,
.main.faqPage .accordion .card,
section.faqPage .accordion .card {
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #DADADA;
    width: 100%;
    padding: 20px 40px;
    position: relative;
}

main.faqPage .accordion .card h2,
.main.faqPage .accordion .card h2,
section.faqPage .accordion .card h2 {
    margin: 0px;
}

main.faqPage .accordion .card button,
.main.faqPage .accordion .card button,
section.faqPage .accordion .card button {
    width: 100%;
    text-align: left;
    color: #0112B6;
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}

main.faqPage .accordion .card button:hover,
.main.faqPage .accordion .card button:hover,
section.faqPage .accordion .card button:hover {
    box-shadow: none;
}

main.faqPage .accordion .card button:active,
main.faqPage .accordion .card button:focus,
.main.faqPage .accordion .card button:active,
.main.faqPage .accordion .card button:focus,
section.faqPage .accordion .card button:active,
section.faqPage .accordion .card button:focus {
    background-color: #FFFFFF;
}

main.faqPage .accordion .card .card-header.in::after,
.main.faqPage .accordion .card .card-header.in::after,
section.faqPage .accordion .card .card-header.in::after {
    content: "-";
}

main.faqPage .accordion .card .card-header::after,
.main.faqPage .accordion .card .card-header::after,
section.faqPage .accordion .card .card-header::after {
    content: "+";
    position: absolute;
    font-size: 30px;
    font-weight: 600;
    color: #0112B6;
    right: 40px;
    top: 20px;
}

main.faqPage .accordion .card .card-body,
.main.faqPage .accordion .card .card-body,
section.faqPage .accordion .card .card-body {
    padding-top: 20px;
}

main.aboutUsPage,
.main.aboutUsPage,
section.aboutUsPage {
    padding-top: 40px;
}

main.aboutUsPage .heading,
.main.aboutUsPage .heading,
section.aboutUsPage .heading {
    padding-bottom: 30px;
}

main.aboutUsPage .heading h5,
.main.aboutUsPage .heading h5,
section.aboutUsPage .heading h5 {
    font-size: 14px;
    font-weight: 600;
}

main.aboutUsPage .content>p,
.main.aboutUsPage .content>p,
section.aboutUsPage .content>p {
    margin-bottom: 30px;
    font-size: 16px;
}

main.aboutUsPage .content .cardHolder .card,
.main.aboutUsPage .content .cardHolder .card,
section.aboutUsPage .content .cardHolder .card {
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    width: calc((100%/4) - 20px);
    padding: 20px;
    height: 300px;
    border-radius: 6px;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 4px 50px 40px rgba(0, 0, 0, 0.02);
}

main.aboutUsPage .content .cardHolder .card p,
.main.aboutUsPage .content .cardHolder .card p,
section.aboutUsPage .content .cardHolder .card p {
    opacity: 0.8;
}

main.aboutUsPage .content .cardHolder .card:hover,
.main.aboutUsPage .content .cardHolder .card:hover,
section.aboutUsPage .content .cardHolder .card:hover {
    background-color: #399cbd;
}

main.aboutUsPage .content .cardHolder .card:hover svg path,
.main.aboutUsPage .content .cardHolder .card:hover svg path,
section.aboutUsPage .content .cardHolder .card:hover svg path {
    fill: #FFFFFF;
}

main.aboutUsPage .content .cardHolder .card:hover h5,
main.aboutUsPage .content .cardHolder .card:hover p,
.main.aboutUsPage .content .cardHolder .card:hover h5,
.main.aboutUsPage .content .cardHolder .card:hover p,
section.aboutUsPage .content .cardHolder .card:hover h5,
section.aboutUsPage .content .cardHolder .card:hover p {
    color: #FFFFFF !important;
}

main.aboutUsPage .content .cardHolder .card:not(:last-child),
.main.aboutUsPage .content .cardHolder .card:not(:last-child),
section.aboutUsPage .content .cardHolder .card:not(:last-child) {
    margin-right: 20px;
}

main.aboutUsPage .content .cardHolder .card svg,
.main.aboutUsPage .content .cardHolder .card svg,
section.aboutUsPage .content .cardHolder .card svg {
    min-height: 60px;
}

main.aboutUsPage .content .teamMembers,
.main.aboutUsPage .content .teamMembers,
section.aboutUsPage .content .teamMembers {
    padding-top: 50px;
}

main.aboutUsPage .content .teamMembers .person,
.main.aboutUsPage .content .teamMembers .person,
section.aboutUsPage .content .teamMembers .person {
    margin: 30px 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
    margin-bottom: 60px;
}

main.aboutUsPage .content .teamMembers .person .details,
.main.aboutUsPage .content .teamMembers .person .details,
section.aboutUsPage .content .teamMembers .person .details {
    padding: 30px 56px 30px 17px;
}

main.aboutUsPage .content .teamMembers .person .details h5,
.main.aboutUsPage .content .teamMembers .person .details h5,
section.aboutUsPage .content .teamMembers .person .details h5 {
    font-size: 20px;
    font-weight: 600;
    color: black;
}

main.aboutUsPage .content .teamMembers .person .details p,
.main.aboutUsPage .content .teamMembers .person .details p,
section.aboutUsPage .content .teamMembers .person .details p {
    font-size: 14px;
}

main.aboutUsPage .content .teamMembers .person img,
.main.aboutUsPage .content .teamMembers .person img,
section.aboutUsPage .content .teamMembers .person img {
    border-radius: 6px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.22);
}

main.aboutUsPage .content .quote,
.main.aboutUsPage .content .quote,
section.aboutUsPage .content .quote {
    text-align: center;
    padding: 50px 0px;
}

main.aboutUsPage .content .quote svg,
.main.aboutUsPage .content .quote svg,
section.aboutUsPage .content .quote svg {
    opacity: 0.2;
}

main.aboutUsPage .content .quote h3,
.main.aboutUsPage .content .quote h3,
section.aboutUsPage .content .quote h3 {
    opacity: 0.5;
    font-size: 22px;
}

main.selfServiceDashboard h5,
.main.selfServiceDashboard h5,
section.selfServiceDashboard h5 {
    font-weight: 600;
}

main.selfServiceDashboard .viewStatus,
.main.selfServiceDashboard .viewStatus,
section.selfServiceDashboard .viewStatus {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}

main.selfServiceDashboard .viewStatus>div,
.main.selfServiceDashboard .viewStatus>div,
section.selfServiceDashboard .viewStatus>div {
    color: #04DC00;
    background-color: #04DC0025;
    padding: 10px 15px;
    border-radius: 4px;
}

main.selfServiceDashboard .searchBox,
.main.selfServiceDashboard .searchBox,
section.selfServiceDashboard .searchBox {
    padding: 0px 30px;
    margin: 30px 0px;
    box-shadow: 0 0 5px 1px #00000045;
    border-radius: 4px;
}

main.selfServiceDashboard .searchBox .actions,
.main.selfServiceDashboard .searchBox .actions,
section.selfServiceDashboard .searchBox .actions {
    margin-top: 10px;
    -webkit-box-pack: end;
            justify-content: flex-end;
}

main.selfServiceDashboard .searchBox .actions button,
.main.selfServiceDashboard .searchBox .actions button,
section.selfServiceDashboard .searchBox .actions button {
    width: 260px;
    margin-left: 20px;
}

main.selfServiceDashboard .searchResults,
.main.selfServiceDashboard .searchResults,
section.selfServiceDashboard .searchResults {
    vertical-align: top;
}

main.selfServiceDashboard .searchResults .card,
.main.selfServiceDashboard .searchResults .card,
section.selfServiceDashboard .searchResults .card {
    cursor: pointer;
    width: calc(50% - 20px);
    display: -webkit-inline-box;
    display: inline-flex;
    border-radius: 6px;
    box-shadow: 0 0 5px 1px #00000025;
    margin-bottom: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

main.selfServiceDashboard .searchResults .card:not(:nth-child(even)),
.main.selfServiceDashboard .searchResults .card:not(:nth-child(even)),
section.selfServiceDashboard .searchResults .card:not(:nth-child(even)) {
    margin-right: 35px;
}

main.selfServiceDashboard .searchResults .card .image,
.main.selfServiceDashboard .searchResults .card .image,
section.selfServiceDashboard .searchResults .card .image {
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
            flex: auto 1;
}

main.selfServiceDashboard .searchResults .card .image img,
.main.selfServiceDashboard .searchResults .card .image img,
section.selfServiceDashboard .searchResults .card .image img {
    width: 100%;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 340px;
}

main.selfServiceDashboard .searchResults .card .image>div,
.main.selfServiceDashboard .searchResults .card .image>div,
section.selfServiceDashboard .searchResults .card .image>div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
            align-items: flex-end;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

section.selfServiceDashboard .searchResults .card .image>div h6 {
    width: 228px !important;
}

main.selfServiceDashboard .searchResults .card .image>div h5,
main.selfServiceDashboard .searchResults .card .image>div h6,
main.selfServiceDashboard .searchResults .card .image>div div,
.main.selfServiceDashboard .searchResults .card .image>div h5,
.main.selfServiceDashboard .searchResults .card .image>div h6,
.main.selfServiceDashboard .searchResults .card .image>div div,
section.selfServiceDashboard .searchResults .card .image>div h5,
section.selfServiceDashboard .searchResults .card .image>div h6,
section.selfServiceDashboard .searchResults .card .image>div div {
    color: #FFFFFF;
}

main.selfServiceDashboard .searchResults .card .details,
.main.selfServiceDashboard .searchResults .card .details,
section.selfServiceDashboard .searchResults .card .details {
    padding: 20px;
}

main.selfServiceDashboard .searchResults .card .details h5,
.main.selfServiceDashboard .searchResults .card .details h5,
section.selfServiceDashboard .searchResults .card .details h5 {
    margin-top: 0;
    margin-bottom: 20px;
    color: black;
    line-height: 20px;
    min-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

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

main.selfServiceDashboard .searchResults .calloutForPayment,
.main.selfServiceDashboard .searchResults .calloutForPayment,
section.selfServiceDashboard .searchResults .calloutForPayment {
    position: absolute;
    width: calc(50% - 30px);
    display: -webkit-inline-box;
    display: inline-flex;
    min-height: 520px !important;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 0 5px 1px #00000025;
    margin-bottom: 35px;
    background: -webkit-gradient(linear, left top, left bottom, from(#4F5BC9), to(#0113B6));
    background: linear-gradient(180deg, #4F5BC9 0%, #0113B6 100%);
}

.calloutForPayment {
    min-height: 50rem !important;
}

.calloutPayment {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}

.calloutPayment span {
    color: white;
}

main.selfServiceDashboard .searchResults .calloutForPayment h4,
.main.selfServiceDashboard .searchResults .calloutForPayment h4,
section.selfServiceDashboard .searchResults .calloutForPayment h4 {
    color: #FFFFFF;
}

main.selfServiceDashboard .searchResults .calloutForPayment button,
.main.selfServiceDashboard .searchResults .calloutForPayment button,
section.selfServiceDashboard .searchResults .calloutForPayment button {
    width: calc(100% - 40px);
    margin: 20px;
    margin-left: 0px;
    position: absolute;
    bottom: 0px;
    background-color: #FFFFFF25;
}

main.selfServiceDashboard .shortlisted,
main.selfServiceDashboard .selectedConsultants,
.main.selfServiceDashboard .shortlisted,
.main.selfServiceDashboard .selectedConsultants,
section.selfServiceDashboard .shortlisted,
section.selfServiceDashboard .selectedConsultants {
    padding-bottom: 50px;
    position: relative;
    border-top: 1px solid #D9D9D9;
    padding-top: 50px;
}

main.selfServiceDashboard .shortlisted h6.count,
main.selfServiceDashboard .selectedConsultants h6.count,
.main.selfServiceDashboard .shortlisted h6.count,
.main.selfServiceDashboard .selectedConsultants h6.count,
section.selfServiceDashboard .shortlisted h6.count,
section.selfServiceDashboard .selectedConsultants h6.count {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(79, 91, 201, 0.75)), to(rgba(1, 19, 182, 0.75)));
    background: linear-gradient(180deg, rgba(79, 91, 201, 0.75) 0%, rgba(1, 19, 182, 0.75) 100%);
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 0px;
    height: 70px;
    width: 40px;
    margin: 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: end;
            align-items: flex-end;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

main.selfServiceDashboard .shortlisted .bolder,
main.selfServiceDashboard .selectedConsultants .bolder,
.main.selfServiceDashboard .shortlisted .bolder,
.main.selfServiceDashboard .selectedConsultants .bolder,
section.selfServiceDashboard .shortlisted .bolder,
section.selfServiceDashboard .selectedConsultants .bolder {
    font-weight: 600;
}

main.selfServiceDashboard .shortlisted p,
main.selfServiceDashboard .selectedConsultants p,
.main.selfServiceDashboard .shortlisted p,
.main.selfServiceDashboard .selectedConsultants p,
section.selfServiceDashboard .shortlisted p,
section.selfServiceDashboard .selectedConsultants p {
    font-size: 12px;
}

main.selfServiceDashboard .shortlisted p span,
main.selfServiceDashboard .selectedConsultants p span,
.main.selfServiceDashboard .shortlisted p span,
.main.selfServiceDashboard .selectedConsultants p span,
section.selfServiceDashboard .shortlisted p span,
section.selfServiceDashboard .selectedConsultants p span {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

main.selfServiceDashboard .shortlisted p span a,
main.selfServiceDashboard .selectedConsultants p span a,
.main.selfServiceDashboard .shortlisted p span a,
.main.selfServiceDashboard .selectedConsultants p span a,
section.selfServiceDashboard .shortlisted p span a,
section.selfServiceDashboard .selectedConsultants p span a {
    font-size: 12px;
    padding: 0;
    margin: 0 2px;
}

main.selfServiceDashboard .shortlisted .consultantList .consultantDetails,
main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails,
.main.selfServiceDashboard .shortlisted .consultantList .consultantDetails,
.main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails,
section.selfServiceDashboard .shortlisted .consultantList .consultantDetails,
section.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
}

main.selfServiceDashboard .shortlisted .consultantList .consultantDetails:not(:last-child),
main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails:not(:last-child),
.main.selfServiceDashboard .shortlisted .consultantList .consultantDetails:not(:last-child),
.main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails:not(:last-child),
section.selfServiceDashboard .shortlisted .consultantList .consultantDetails:not(:last-child),
section.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}

main.selfServiceDashboard .shortlisted .consultantList .consultantDetails:hover h5,
main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails:hover h5,
.main.selfServiceDashboard .shortlisted .consultantList .consultantDetails:hover h5,
.main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails:hover h5,
section.selfServiceDashboard .shortlisted .consultantList .consultantDetails:hover h5,
section.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails:hover h5 {
    color: #0112B6;
}

main.selfServiceDashboard .shortlisted .consultantList .consultantDetails h5,
main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails h5,
.main.selfServiceDashboard .shortlisted .consultantList .consultantDetails h5,
.main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails h5,
section.selfServiceDashboard .shortlisted .consultantList .consultantDetails h5,
section.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails h5 {
    color: black;
}

main.selfServiceDashboard .shortlisted .consultantList .consultantDetails .dimmed,
main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails .dimmed,
.main.selfServiceDashboard .shortlisted .consultantList .consultantDetails .dimmed,
.main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails .dimmed,
section.selfServiceDashboard .shortlisted .consultantList .consultantDetails .dimmed,
section.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails .dimmed {
    opacity: 0.7;
}

main.selfServiceDashboard .shortlisted .consultantList .consultantDetails button,
main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails button,
.main.selfServiceDashboard .shortlisted .consultantList .consultantDetails button,
.main.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails button,
section.selfServiceDashboard .shortlisted .consultantList .consultantDetails button,
section.selfServiceDashboard .selectedConsultants .consultantList .consultantDetails button {
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 12px;
    padding: 5px 15px;
}

.modal#loginModal .modal-dialog {
    width: 400px;
}

.modal#loginModal form {
    padding: 30px;
    padding-top: 0px;
}

.modal#loginModal form h4 {
    margin-bottom: 20px;
}

.modal#loginModal form button {
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    margin: 10px 0px;
}

.modal#loginModal form input {
    background-color: #F8F8F8;
    font-size: 14px;
    padding: 12px 24px;
    margin-bottom: 10px;
}

.modal#loginModal form .secondary-btn {
    margin-top: 30px;
    margin-bottom: 0px;
}

.modal#loginModal .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

.modal#signupModal .modal-dialog {
    width: 400px;
}

.modal#signupModal form {
    padding: 30px;
    padding-top: 0px;
}

.modal#signupModal form h4 {
    margin-bottom: 11px;
    margin-top: -8px;
}

.modal#signupModal form button {
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    /* margin: 10px 0px; */
}

.modal .form-field {
    margin-bottom: 10px;
}

.modal#signupModal form input {
    background-color: #F8F8F8;
    font-size: 14px;
    padding: 12px 24px;
}

.modal#signupModal form .secondary-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal#signupModal .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

#signupModal .bootstrap-select > .dropdown-toggle {
    min-height: 48px;
    border: 1px solid #D9D9D9;
    padding: 10px 25px;
    line-height: 26px;
    max-height: 24px;
    
}
#signupModal .bootstrap-select.select_width {
   width: 100% !important; 
}

.modal#advanceFilter .modal-dialog {
    width: 640px;
}

.modal#advanceFilter .form-field {
    max-width: 100%;
}

.modal#advanceFilter header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.modal#advanceFilter header svg {
    margin-right: 20px;
}

.modal#advanceFilter .filterForm {
    padding: 0px 30px;
}

.modal#advanceFilter .filterForm input {
    font-size: 14px;
    margin-bottom: 10px;
}

.modal#advanceFilter .filterForm .actions {
    margin-top: 20px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
}

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

.modal#advanceFilter .modal-close-btn {
    position: absolute;
    right: 0px;
    top: 40px;
    background-color: transparent;
    border: none;
    outline: none;
}

.modal#selfServiceThankYou .modal-dialog,
.modal#consultantThankYou .modal-dialog,
.modal#enquiryThankYou .modal-dialog {
    width: 440px;
    height: 400px;
}

.modal#selfServiceThankYou .modal-close-btn,
.modal#consultantThankYou .modal-close-btn,
.modal#enquiryThankYou .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

.actions a {
    min-width:115px;
    text-decoration: underline !important;
    color: #0112B6 !important;
    margin: 0px 11px 0px 11px;
}

.actions .icon-button {
    width:180px;
}

.modal#selfServiceThankYou .thanksMessage,
.modal#consultantThankYou .thanksMessage,
.modal#enquiryThankYou .thanksMessage {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 20px;
    text-align: center;
}

.modal#selfServiceThankYou .thanksMessage p,
.modal#consultantThankYou .thanksMessage p,
.modal#enquiryThankYou .thanksMessage p {
    width: 90%;
    text-align: center;
}

.modal#selfServiceThankYou .thanksMessage p.pb-5,
.modal#consultantThankYou .thanksMessage p.pb-5,
.modal#enquiryThankYou .thanksMessage p.pb-5 {
    padding-bottom: 50px;
}

.modal#selfServiceThankYou .thanksMessage .actions,
.modal#consultantThankYou .thanksMessage .actions,
.modal#enquiryThankYou .thanksMessage .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: start;
}

.modal#selfServiceThankYou .thanksMessage .actions button,
.modal#consultantThankYou .thanksMessage .actions button,
.modal#enquiryThankYou .thanksMessage .actions button {
    font-weight: 600;
    width:215px;
}

.modal#selectConfirm .modal-dialog {
    width: 400px;
    height: 400px;
}

.modal#selectConfirm .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

.modal#selectConfirm .warning {
    color: #F95757;
    background-color: #F9575725;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 12px;
}

.modal#selectConfirm .thanksMessage {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 20px;
    text-align: center;
}

.modal#selectConfirm .thanksMessage p {
    width: 90%;
    text-align: center;
}

.modal#selectConfirm .thanksMessage .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    width: 100%;
}

.modal#selectConfirm .thanksMessage .actions button {
    font-weight: 600;
    margin-left: 20px;
}

.modal#contactDetails .modal-dialog {
    width: 400px;
}

.modal#contactDetails .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    border: none;
    outline: none;
    background-color: #FFFFFF;
    padding: 5px;
    z-index: 1;
    height: 34px;
}

.modal#contactDetails .contactCard {
    width: 100%;
    display: inline-block;
    border-radius: 6px;
    box-shadow: 0 0 5px 1px #00000025;
}

.modal#contactDetails .contactCard:not(:nth-child(even)) {
    margin-right: 35px;
}

.modal#contactDetails .contactCard h6 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
}

.modal#contactDetails .contactCard h6 svg {
    margin-right: 20px;
}

.modal#contactDetails .contactCard .image {
    height: 240px;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    position: relative;
}

.modal#contactDetails .contactCard .image img {
    width: 100%;
    border-radius: 6px;
}

.modal#contactDetails .contactCard .image>div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
            align-items: flex-end;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.modal#contactDetails .contactCard .image>div h5,
.modal#contactDetails .contactCard .image>div h6,
.modal#contactDetails .contactCard .image>div div {
    color: #FFFFFF;
}

.modal#contactDetails .contactCard .details {
    padding: 20px;
}

.modal#contactDetails .contactCard .details h5 {
    margin-top: 0;
    margin-bottom: 20px;
    color: black;
    line-height: 20px;
}

.modal#contactDetails .contactCard .details button {
    width: 100%;
}

.modal#contactDetails .thanksMessage {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 20px;
    text-align: center;
}

.modal#contactDetails .thanksMessage p {
    width: 90%;
    text-align: center;
}

.modal#contactDetails .thanksMessage .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    width: 100%;
}

.modal#contactDetails .thanksMessage .actions button {
    font-weight: 600;
    margin-left: 20px;
}

.modal#shortlistConfirm .modal-dialog {
    width: 400px;
    height: 400px;
}

.modal#shortlistConfirm .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

.modal#shortlistConfirm .warning {
    color: #F95757;
    background-color: #F9575725;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 12px;
}

.modal#shortlistConfirm .thanksMessage {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 20px;
    text-align: center;
}

.modal#shortlistConfirm .thanksMessage p {
    width: 90%;
    text-align: center;
}

.modal#shortlistConfirm .thanksMessage .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    width: 100%;
}

.modal#shortlistConfirm .thanksMessage .actions button {
    font-weight: 600;
    margin-left: 20px;
}

.modal#assistanceThankYou .modal-dialog {
    width: 400px;
    height: 400px;
}

.modal#assistanceThankYou .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

.modal#assistanceThankYou .thanksMessage {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 20px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal#assistanceThankYou .thanksMessage p {
    width: 60%;
    text-align: center;
}

.modal#assistanceThankYou .thanksMessage .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: start;
}

.modal#assistanceThankYou .thanksMessage .actions button {
    font-weight: 600;
    padding: 0px;
}

.modal#viewProject .modal-dialog {
    width: 600px;
}

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

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

.modal#viewProject .modal-content .main>p {
    opacity: 0.7;
}

.modal#viewProject .modal-content .main>div {
    margin-top: 20px;
}

.modal#viewProject .modal-content .main>div h6 {
    color: #0112B6;
    text-transform: uppercase;
    font-weight: 600;
}

.modal#viewProject .modal-content .main>div p {
    opacity: 0.7;

}

.modal#viewProject .modal-content .main .discription p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.modal#viewProject .modal-content .footer {
    text-align: right;
    padding-top: 30px;
}

.modal#viewProject .modal-content .footer button {
    margin-left: 30px;
}

.modal#viewProject h5.subHeading {
    text-align: left;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    padding-top: 20px;
}

.modal#viewProject .category {
    position: absolute;
    top: 0px;
    padding: 5px 25px;
    color: #FFFFFF;
}

.modal#viewProject .category.finance {
    background-color:#F95757;
}

.modal#viewProject .modal-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

footer {
    background: #3D3D3D;
    padding: 40px;
}

footer .logoWrapper {
    margin-bottom: 10px;
}

footer h6 {
    max-width: 250px;
    color: #FFFFFF45;
    font-size: 14px;
    line-height: 20px;
}

footer * {
    font-size: 16px;
    color: #FFFFFF !important;
    font-weight: normal;
}

footer .socialLinks {
    margin-top: 20px;
}

footer .socialLinks a:first-child {
    margin-left: 0px;
}

footer a:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer .contactDetails .addressHolder {
    font-style: italic;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.75;
    margin-bottom: 20px;
}

footer .contactDetails a {
    margin-left: 0px;
}

footer .contactDetails a svg,
footer .contactDetails a span {
    display: inline-block;
    vertical-align: middle;
}

footer .contactDetails a svg {
    margin-right: 20px;
}

main.contactPage .getInTouchDetails>.row {
    background: #F3F3F3;
    padding: 10px;
    margin: 0px;
    margin-bottom: 20px;
}

main.contactPage .getInTouchDetails>.row .iconTitle {
    text-align: left;
}

main.contactPage .getInTouchDetails>.row .iconTitle svg,
main.contactPage .getInTouchDetails>.row .iconTitle span {
    display: inline-block;
    vertical-align: middle;
}

main.contactPage .getInTouchDetails>.row .iconTitle svg {
    margin-right: 12px;
}

main.contactPage .getInTouchDetails>.row .iconTitle span {
    color: #0112B6;
    font-weight: 600;
}

main.contactPage .getInTouchDetails>.row p {
    padding-left: 40px;
}

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

main.consultantPage .intro h5 {
    font-weight: 600;
}

main.consultantPage .intro .consultantBanner {
    display: block;
    width: 450px;
    margin: auto;
    position: relative;
    height: 450px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 20px;
    position: absolute;

}

main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(1) {
    top: 0px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(1)>div {
    background-color: white;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(2) {
    top: 133px;
    left: -60px;
    right: 60px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(2)>div {
    background-color: white;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(3) {
    top: 265px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial:nth-child(3)>div {
    background-color: white;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial>div {
    margin-right: 30px;
    padding: 5px 10px;
    border-radius: 4px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial>div h5 {
    color: black;
    font-size: 14px;
    font-weight: 600;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial>div h5 span {
    font-weight: normal;
    font-size: 12px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial>div p {
    font-size: 12px;
}

main.consultantPage .intro .consultantBanner .consultantTestimonial img {
    width: 100px;
    border: 3px solid #0916B150;
    height: 100px;
    border-radius: 50%;
}

main.consultantPage .intro .consultantBanner::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background-color: #399cbd;
    top: -20px;
    z-index: 0;
}

main.consultantPage .howItWorks {
    padding-bottom: 100px;
}

main.consultantPage .howItWorks #firstStep,
main.consultantPage .howItWorks #secondStep,
main.consultantPage .howItWorks #thirdStep {
    overflow: hidden;
}

main.consultantPage .howItWorks #firstStep>div,
main.consultantPage .howItWorks #secondStep>div,
main.consultantPage .howItWorks #thirdStep>div {
    background-color: #E6E8F8;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative;
    margin: auto;
}

main.consultantPage .howItWorks #firstStep>div img,
main.consultantPage .howItWorks #secondStep>div img,
main.consultantPage .howItWorks #thirdStep>div img {
    height: 36px;
    width: 36px;
}

main.consultantPage .howItWorks #firstStep h4,
main.consultantPage .howItWorks #secondStep h4,
main.consultantPage .howItWorks #thirdStep h4 {
    font-size: 18px;
    text-align: center;
    max-width: 80%;
    margin: auto;
    font-weight: 600;
    margin-top: 40px;
}

main.consultantPage .howItWorks #firstStep p,
main.consultantPage .howItWorks #secondStep p,
main.consultantPage .howItWorks #thirdStep p {
    text-align: center;
    max-width: 70%;
    margin: auto;
    margin-top: 20px;
    font-weight: 600;
    color: #00000045;
}

main.consultantPage .howItWorks #firstStep::before {
    z-index: -1;
    position: absolute;
    left: 50%;
    border: 1px dashed #00000050;
    width: 500px;
    top: 82px;
    height: 2px;
    content: "";
}

main.consultantPage .howItWorks #secondStep::before {
    z-index: -1;
    position: absolute;
    left: 0%;
    border: 1px dashed #00000050;
    width: 1000px;
    top: 82px;
    height: 2px;
    content: "";
}

main.consultantPage .howItWorks #thirdStep::before {
    z-index: -1;
    position: absolute;
    right: 50%;
    border: 1px dashed #00000050;
    width: 500px;
    top: 82px;
    height: 2px;
    content: "";
}

main.consultantPage .projectList>h5 {
    margin-bottom: 10px;
}

main.consultantPage .projectList>p {
    text-align: center;
    display: block;
    width: 500px;
    margin: auto;
    opacity: 0.7;
}

main.consultantPage .projectList #projectsCarousel {
    padding-top: 60px;
}

main.consultantPage .projectList #projectsCarousel .project {
    width: 260px;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    margin-top: 5px;
}

main.consultantPage .projectList #projectsCarousel .project .header {
    display: -webkit-box;
    display: flex;
    padding: 20px 20px;
    padding-bottom: 10px;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}

main.consultantPage .projectList #projectsCarousel .project .header h3 {
    margin: 0;
    font-size: 18px;
    color: black;
    font-weight: 600;
}

main.consultantPage .projectList #projectsCarousel .project .header .projectRightArrow {
    max-height:34px;
    max-width:34px;
}


main.consultantPage .projectList #projectsCarousel .project .title {
    display: inline-block;
    padding: 5px 10px;
}

main.consultantPage .projectList #projectsCarousel .project .title.marketing {
    background: #F95757;
    color: #FFFFFF;
}

main.consultantPage .projectList #projectsCarousel .project .content {
    padding: 10px 20px;
    width: 80%;
}

main.consultantPage .projectList #projectsCarousel .project .content h5 {
    font-size: 18px;
    color: black;
    margin-bottom: 20px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    min-height:120px;
}

main.consultantPage .projectList #projectsCarousel .project .content p {
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height:72px;
}

main.consultantPage .projectList #projectsCarousel .owl-nav,
.main.consultantPage .projectList #projectsCarousel .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    width: 100%;
}

main.consultantPage .projectList #projectsCarousel .owl-nav i,
.main.consultantPage .projectList #projectsCarousel .owl-nav i{
    color: #0212A6;
    font-size: 18px;
    margin: 0px 10px;
    line-height: 30px;
}

main.consultantPage .projectList #projectsCarousel .owl-nav .owl-next,
.main.consultantPage .projectList #projectsCarousel .owl-nav .owl-next {
    position: absolute;
    right: -31px;
    height: 30px;
    width: 60px;
    /* background-color: #0212A6; */
    text-align: left;
}

main.consultantPage .projectList #projectsCarousel .owl-nav .owl-next span,
.main.consultantPage .projectList #projectsCarousel .owl-nav .owl-next span{
    color: #ffffff;
    display: inline-block;
    padding-left: 14px;
    font-size: 32px;
    line-height: 28px;
}

main.consultantPage .projectList #projectsCarousel .owl-nav .owl-next:focus,
.main.consultantPage .projectList #projectsCarousel .owl-nav .owl-next:focus{
    outline: none;
}

main.consultantPage .projectList #projectsCarousel .owl-nav .owl-prev,
.main.consultantPage .projectList #projectsCarousel .owl-nav .owl-prev {
    position: absolute;
    left: -34px;
    height: 30px;
    width: 60px;
    /* background-color: #0212A6; */
    text-align: right;
}

main.consultantPage .projectList #projectsCarousel .owl-nav .owl-prev span,
.main.consultantPage .projectList #projectsCarousel .owl-nav .owl-prev span {
    color: #ffffff;
    display: inline-block;
    padding-right: 14px;
    font-size: 32px;
    line-height: 28px;
}

main.consultantPage .projectList #projectsCarousel .owl-nav .owl-prev:focus,
.main.consultantPage .projectList #projectsCarousel .owl-nav .owl-prev:focus {
    outline: none;
}

@media only screen and (min-width: 998px) {
    main.consultantPage .projectList #projectsCarousel .owl-item.active.firstProject {
        opacity: 0.2;
        z-index: 1;
        margin-left: 80px;
    }

    main.consultantPage .projectList #projectsCarousel .owl-item.active.secondProject {
        opacity: 0.7;
        z-index: 2;
        margin-left: -44px;
    }

    main.consultantPage .projectList #projectsCarousel .owl-item.active.thirdProject {
        cursor: pointer;
        margin-left: -44px;
        z-index: 3;
    }

    main.consultantPage .projectList #projectsCarousel .owl-item.active.thirdProject .project {
        background: #0112B6;
    }

    main.consultantPage .projectList #projectsCarousel .owl-item.active.thirdProject .project .header h3,
    main.consultantPage .projectList #projectsCarousel .owl-item.active.thirdProject .project .content h5,
    main.consultantPage .projectList #projectsCarousel .owl-item.active.thirdProject .project .content p {
        color: #FFFFFF;
    }

    main.consultantPage .projectList #projectsCarousel .owl-item.active.fourthProject {
        margin-left: -44px;
        opacity: 0.7;
    }

    main.consultantPage .projectList #projectsCarousel .owl-item.active.fifthProject {
        margin-left: -44px;
        opacity: 0.2;
        margin-right: 100px !important;
    }
}

main.consultantPage .showcase {
    padding-top: 100px;
    position: relative;
    display: -webkit-box;
    display: flex;
}

main.consultantPage .showcase>div {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
            align-items: center;
    width: 50%;
}

main.consultantPage .showcase>div img {
    max-width: 519px;
    max-height: 349px;
    border-radius: 8px;
}

main.consultantPage .showcase>div .content {
    width: 70%;
    margin: auto;
}

main.consultantPage .showcase>div .content p {
    margin-bottom: 10px;
}

main.consultantPage .pricing {
    padding-top: 50px;
    padding-bottom: 50px;
}

main.consultantPage .testimonials {
    padding-bottom: 100px;
}

main.consultantPage .testimonials #testimonialCarousal .item {
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    min-height: 300px;
    width: 800px;
    margin: auto;
}

main.consultantPage .testimonials #testimonialCarousal .item h5 {
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}

main.consultantPage .testimonials #testimonialCarousal .item img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-top: 20px;
}

main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails {
    padding: 30px;
    display: inline-block;
    position: relative;
}

main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails p.footerQuote {
    font-style: italic;
    position: absolute;
    bottom: 10px;
    font-weight: 600;
}

main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails p.footerSubQuote {
    font-style: italic;
    position: absolute;
    bottom: -5px;
    font-size: 12px;
}

main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails .container_testmonial {
    position: relative;
 }

 main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails .container_testmonial img {
    display: block;
 }

 main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails .container_testmonial a .fa-video {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 22px;
    padding-left: 48rem;
 }

main.consultantPage .testimonials #testimonialCarousal .owl-dots {
    width: 240px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

main.consultantPage .testimonials #testimonialCarousal .owl-dots .owl-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 6px;
    background-color: #7E7E7E;
    opacity: 0.25;
}

main.consultantPage .testimonials #testimonialCarousal .owl-dots .owl-dot.active {
    opacity: 1;
}

main.consultantPage .testimonials #testimonialCarousal .owl-dots .owl-dot:focus {
    border: none;
    outline: none;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item {
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    min-height: 300px;
    width: 800px;
    margin: auto;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item h5 {
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-top: 20px;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails {
    padding: 30px;
    display: inline-block;
    position: relative;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails p.footerQuote {
    font-style: italic;
    position: absolute;
    bottom: 10px;
    font-weight: 600;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails p.footerSubQuote {
    font-style: italic;
    position: absolute;
    bottom: -5px;
    font-size: 12px;
}

main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails .container_testmonial {
    position: relative;
 }

 main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails .container_testmonial img {
    display: block;
 }

 main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails .container_testmonial a .fa-video {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 22px;
    padding-left: 48rem;
 }

main.clientPage .testimonials #consultant-testimonialCarousal .owl-dots {
    width: 240px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

main.clientPage .testimonials #consultant-testimonialCarousal .owl-dots .owl-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 6px;
    background-color: #7E7E7E;
    opacity: 0.25;
}

main.clientPage .testimonials #consultant-testimonialCarousal .owl-dots .owl-dot.active {
    opacity: 1;
}

main.clientPage .testimonials #consultant-testimonialCarousal .owl-dots .owl-dot:focus {
    border: none;
    outline: none;
}

main.consultantPage .calloutContainer {
    padding: 30px 60px;
    background: linear-gradient(90.37deg, #151B4A 7.65%, #0113B6 98.02%);
    border-radius: 8px;
    margin: 50px 0px;
    margin-bottom: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}

main.consultantPage .calloutContainer h5 {
    color: #DEDEDE;
    font-weight: 600;
}

main.consultantPage .calloutContainer p {
    color: #FFFFFF;
    max-width: 280px;
    font-size: 18px;
    font-weight: 600;
}

main.consultantPage .calloutContainer p span {
    color: #F3C60C;
    font-size: 18px;
    font-weight: 600;
}

main.consultantPage .calloutContainer button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    min-width: 220px;
    max-height: 60px;
}

main.consultantPage .calloutContainer button span {
    color: #0112B6;
    font-size: 16px;
    font-weight: 600;
}

main.consultantPage .calloutContainer button svg path {
    fill: 16px;
}

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

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

main.consultantSearchPage .searchKey {
    font-weight: 600;
}

main.consultantSearchPage .searchResults {
    margin-top: 30px;
    background-color: #FFFFFF;
    padding-bottom: 100px;
}

main.consultantSearchPage .searchResults .criteria .activeFilters {
    margin: 30px 0px;
}

main.consultantSearchPage .searchResults .criteria .activeFilters .filter {
    display: inline-block;
    background-color: #0112B6;
    padding: 5px 15px;
    border-radius: 30px;
    color: #FFFFFF;
    margin-right: 10px;
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 15px;
}

main.consultantSearchPage .searchResults .criteria .activeFilters .resetFilter {
    display: inline-block;
    padding: 5px 15px;
    color: #0112B6;
    font-weight: 600;
    cursor: pointer;
}

main.consultantSearchPage .searchResults .searchResultsWrapper {
    padding: 30px 0px;
}

main.consultantSearchPage .searchResults .projectList>h5 {
    margin-bottom: 10px;
}

main.consultantSearchPage .searchResults .projectList>p {
    text-align: center;
    display: block;
    width: 500px;
    margin: auto;
    opacity: 0.7;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel {
    padding-top: 60px;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project {
    width: 260px;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    position: relative;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .header {
    display: -webkit-box;
    display: flex;
    padding: 20px 20px;
    padding-bottom: 10px;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .header h3 {
    margin: 0;
    font-size: 18px;
    color: black;
    font-weight: 600;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .title {
    display: inline-block;
    padding: 5px 10px;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .title.marketing {
    background: #F95757;
    color: #FFFFFF;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .content {
    padding: 10px 20px;
    width: 80%;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .content h5 {
    font-size: 18px;
    color: black;
    margin-bottom: 20px;
    line-height: 24px;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project .content p {
    line-height: 18px;
    font-size: 12px;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active {
    opacity: 0.2;
    z-index: 1;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project {
    opacity: 0.7;
    z-index: 2;
    margin-left: -44px;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project+.project {
    cursor: pointer;
    margin-left: -44px;
    z-index: 3;
    background: #0112B6;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project+.project .header h3,
main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project+.project .content h5,
main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project+.project .content p {
    color: #FFFFFF;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project+.project+.project {
    margin-left: -44px;
    opacity: 0.7;
}

main.consultantSearchPage .searchResults .projectList #projectsCarousel .project.active+.project+.project+.project+.project {
    margin-left: -44px;
    opacity: 0.2;
}

main.consultantSearchPage .searchResults .results {
    padding: 30px 0px;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project {
    width: calc((100% / 4) - 23px);
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    margin-right: 20px;
    margin-bottom: 30px;
    height: 400px;
    vertical-align: top;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .header {
    display: -webkit-box;
    display: flex;
    padding: 20px 20px;
    padding-bottom: 10px;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .header h3 {
    margin: 0;
    font-size: 18px;
    color: black;
    font-weight: 600;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .title {
    display: inline-block;
    padding: 5px 10px;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .title.marketing {
    background: #F95757;
    color: #FFFFFF;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .content {
    padding: 10px 20px;
    width: 100%;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .content h5 {
    font-size: 18px;
    color: black;
    margin-bottom: 20px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project .content p {
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project:hover {
    cursor: pointer;
    background: #0112B6;
}

main.consultantSearchPage .searchResults .results #projectsCarousel .project:hover .header h3,
main.consultantSearchPage .searchResults .results #projectsCarousel .project:hover .content h5,
main.consultantSearchPage .searchResults .results #projectsCarousel .project:hover .content p {
    color: #FFFFFF;
}

main.consultantSearchPage .searchResults .results .noResults {
    display: -webkit-box;
    display: flex;
    align-self: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative;
}

main.consultantSearchPage .searchResults .results .noResults>img {
    margin-top: -40px;
    max-width: 400px;
}

main.consultantSearchPage .searchResults .results .noResults>div {
    position: absolute;
    bottom: -40px;
    padding: 20px;
    padding-left: 30px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #DFDFDF;
}

main.consultantSearchPage .searchResults .results .noResults>div .btn {
    width: 240px;
    margin-left: 50px;
}

main.consultantSearchPage .searchResults .results .card {
    margin-left: 0;
    margin-right: 25px;
    height: 300px;
    cursor: pointer;
    display: inline-block;
    width: calc(25% - 30px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px 1px #00000045;
}

main.consultantSearchPage .searchResults .results .card img {
    width: 100%;
}

main.consultantSearchPage .searchResults .results .card .details {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* table.dtr-inline.collapsed  td.dtr-control::before {
    content: '+';
    width: 21px;
    height: 21px;
    background-color: #0112B6;
    border-radius: 50%;
    display: inline-block;
    color: white;
    padding: 0px 3px 0px 4px;
    text-align: center;
    cursor: pointer;
} */

main.consultantSearchPage .searchResults .results .card .details h4,
main.consultantSearchPage .searchResults .results .card .details h6 {
    color: #FFFFFF;
}

main.consultantSearchPage .searchResults .results .calloutCard {
    margin-left: 0;
    margin-right: 25px;
    height: 300px;
    cursor: pointer;
    display: inline-block;
    width: calc(25% - 30px);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px 1px #00000045;
    background: -webkit-gradient(linear, left top, left bottom, from(#4F5BC9), to(#0113B6));
    background: linear-gradient(180deg, #4F5BC9 0%, #0113B6 100%);
}

main.consultantSearchPage .searchResults .results .calloutCard div {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
}

main.consultantSearchPage .searchResults .results .calloutCard div h4 {
    color: #FFFFFF;
    padding: 20px;
}

main.consultantSearchPage .searchResults .results .calloutCard div .btn {
    width: calc(100% - 40px);
    margin: 20px;
    position: absolute;
    bottom: 0px;
    background-color: #FFFFFF25;
}

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

.formHolder .steps .step.active {
    opacity: 1;
    background-color: #0112B6;
    color: #FFFFFF;
}

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

.formHolder form {
    padding: 30px 0;
}

.formHolder form.stepForm {
    min-height: 500px;
    display: none;
}

.formHolder form.stepForm.active {
    display: block;
}

.formHolder form.stepForm .prevBtn {
    border: none;
    display: -webkit-box;
    display: flex;
    width: 150px;
    /* font-weight: 600; */
    margin-right: 30px;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
}

.formHolder form.stepForm .prevBtn:hover {
    box-shadow: none;
}

.formHolder form.stepForm .prevBtn:active {
    color: #0112B6;
}

.formHolder form .divider {
    border-bottom: 1px solid #00000025;
    margin-top: 45px;
    margin-bottom: 20px;
}

.formHolder form .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: start;
}

.formHolder form .actions.spaceBetween {
    -webkit-box-pack: justify;
            justify-content: space-between;
}

.icon-button a {
    line-height: 22px;
    font-size: 14px;
    height:24px;
}

/*
.formHolder form>div {
    display: block;
}
*/

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

.formHolder form input {
    font-size: 14px;
    padding: 12px 24px;
    /* margin-bottom: 10px; */
    min-width: 100%;
}

.pricing-table{
    border-spacing: 30px;
}
.pricing-table td{
    text-align: center;
}
.pricing-table th{
    background-color: #6971a6;
    color:white;
}
.pricing-table th span{
    color: white !important;
}
.stepForm .row .col-md-3 .form-field .btn-group .btn {
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    min-height: 48px;
}

.stepForm .row .col-md-1 .form-field .btn-group .btn {
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    min-height: 48px;
}

.stepForm .row .col-md-2 .form-field .btn-group .btn {
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    min-height: 48px;
}

.formHolder form textarea {
    font-size: 14px;
    min-width: 500px;
    padding: 12px 24px;
    margin-bottom: 10px;
    min-width: 100%;
    min-height: 200px;
}

.formHolder .plansWrapper {
    max-width: 800px;
}

.formHolder .plansWrapper.consultant {
    margin-top: 50px;
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
            align-items: center;
}

.formHolder .plansWrapper .plans .plan {
    position: relative;
    cursor: pointer;
    vertical-align: top;
    height: 400px;
    display: inline-block;
    width: 250px;
    padding: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 1px #00000025;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.formHolder .plansWrapper .plans .plan:not(:last-child) {
    margin-right: 20px;
}

.formHolder .plansWrapper .plans .plan.selected {
    color: #FFFFFF;
    background-color: #0112B6;
}

.formHolder .plansWrapper .plans .plan.selected h4 {
    color: #fff;
}

.formHolder .plansWrapper .plans .plan.selected p,
.formHolder .plansWrapper .plans .plan.selected li {
    color: #FFFFFF !important;
}

.formHolder .plansWrapper .plans .plan.selected .price {
    background-color: #FFFFFF;
    color: #0112B6;
}

.formHolder .plansWrapper .plans .plan.selected::after {
    content: "";
    background-image: url("/images/new_icons/selected.svg");
    position: absolute;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    right: 15px;
    top: 15px;
}

.formHolder .plansWrapper .plans .plan p {
    margin-top: 30px;
    font-size: 12px;
}

.formHolder .plansWrapper .plans .plan p.asBullet {
    margin-top: 0;
}

.formHolder .plansWrapper .plans .plan ul {
    margin-top: 20px;
    padding: 0px;
}


.formHolder .plansWrapper .plans .plan ul li {
    list-style: none;
    background: url("/images/new_icons/star.svg") no-repeat left;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
}
.check-plan{
    background:url("/images/new_icons/icons8-ok-16.png") no-repeat left !important;
}

.close-plan {
    background:  url("/images/new_icons/icons8-cancel-16.png") no-repeat left !important;
    color: #6c757d !important;
}
.formHolder .plansWrapper .plans .plan ul li.striked {
    text-decoration: line-through;
    opacity: 0.7;
}

.formHolder .plansWrapper .plans .plan .price {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    left: 20px;
    padding: 10px;
    background-color: #0112B6;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    min-height: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

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

.formHolder .plansWrapper .plans.consultant .plan::after {
    content: "";
    background-image: none;
}

.formHolder .plansWrapper .plans.consultant .plan h4 {
    margin-bottom: 30px;
}

.formHolder .plansWrapper .planTerms {
    background-color: #0112B615;
    padding: 20px;
    border-radius: 4px;
    margin-top: 20px;
}

.formHolder .plansWrapper .planTerms .term>div {
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: top;
}

.formHolder .plansWrapper .planTerms .term>div h6 {
    color: #0112B6;
    font-weight: 500;
}

.formHolder .plansWrapper .planTerms .term>div ul {
    padding: 0;
}

.formHolder .plansWrapper .planTerms .term>div ul li {
    margin-left: 15px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.form-field {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

label.is-invalid {
    font-weight: normal;
    font-size: 12px;
    color: red;
    position: inherit !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 0.5rem !important;
}

.stepForm .col-md-4 .form-field .bootstrap-select .btn,
.form-field input{
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    width: 100%;
    padding: 0px 25px;
    min-height: 48px;
}

.form-field textarea {
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    padding: 18px 30px;
    width: 100%;
}


.form-field input:hover,
.form-field textarea:hover {
    box-shadow: none;
    border-color: #0112B6;
}

.form-field input[type=search],
.form-field textarea[type=search] {
    min-width: 80%;
}

.form-field.file-input {
    margin-bottom: 10px;
}


.form-field input[type=file] {
    height: 46px;
    margin-bottom: 0;
    padding: 9px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-field .file-input-label {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: #FFFFFF;
    padding: 12px 20px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    color: #00000066;
    max-height:50px;
}

.partner-logo .form-field .file-input-label
{
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 23px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: normal;
    background-color: #FFFFFF;
    padding: 12px 20px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    color: #00000066;
    max-height:50px;
}

.form-field.with-clear-btn  {
    width:calc(100% - 50px);
}

.form-field.coll-clear-btn  {
    width:calc(100% - 53px);
}

.coll-clear-btn + .clear-selection-btn {
    height:49px;
}

.with-clear-btn + .clear-selection-btn {
    height:44px;
}

.bootstrap-select + .clear-selection-btn
{
    height:47px;
    border: none;
    background: none !important;
}
.bootstrap-select + .clear-selection-btn:hover
{
    box-shadow: 0 0 5px 2px #00000040 !important;
}

.form-field .file-input-label:hover {
    box-shadow: none;
    border-color: #0112B6;
}

.other-field .otherInput {
        font-size: 14px;
        background-color: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 3px;
        outline: none;
        padding: 13px 30px;
        width: 100%;
        margin-bottom: 10px;
}

.form-field .chosen-container {
    width: 100% !important;
}



.form-field .chosen-container.chosen-container-single .chosen-single {
    display: inline-block;
    font-size: 14px;
    padding: 10px 24px !important;
    margin: 0px;
    height: 46px;
    min-width: 100%;
    background-color: #FFFFFF !important;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    background: url("/images/new_icons/down.svg") no-repeat right;
    -webkit-appearance: none;
    background-position-y: 10px;
    box-shadow: none;
}

.form-field .chosen-container.chosen-container-single .chosen-single:hover {
    box-shadow: none;
    border-color: #0112B6;
}

.form-field .chosen-container.chosen-container-single .chosen-single:active {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
}

.form-field .chosen-container.chosen-container-single .chosen-single span {
    margin-right: 0px;
    opacity: 0.9;
}

select::data-placeholder {
    color: grey;
}

.form-field .chosen-container.chosen-container-single .chosen-single div {
    height: 18px;
    top: 12px;
    right: 8px;
    display: none;
}

.form-field .chosen-container.chosen-container-active .chosen-choices {
    box-shadow: none !important;
    border-color: #0112B6;
}

.form-field .chosen-container.chosen-container-multi .chosen-choices li.search-choice {
    background: white;
    border: 1px solid #D9D9D9;
    padding: 4px 8px;
    padding-right: 18px;
}

.form-field .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 6px;
}

.form-field .chosen-container .chosen-choices {
    font-size: 14px;
    padding: 12px 24px;
    margin-bottom: 10px;
    min-width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: none;
    padding: 9px 20px;
    width: 100%;
    text-align: left;
    background: url("/images/new_icons/down.svg") no-repeat right;
    -webkit-appearance: none;
    background-position-y: 10px;
}

.form-field .chosen-container .chosen-choices input {
    font-family: "Poppins", sans-serif !important;
    width: 100% !important;
}

.form-field .chosen-container .chosen-choices a {
    margin: 0px;
}

.form-field .chosen-container .chosen-choices a:hover {
    border-bottom: none;
}

.form-field .chosen-container .chosen-drop {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

.form-field .chosen-container .chosen-drop .chosen-search-input {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

.form-field select:hover {
    box-shadow: none;
    border-color: #0112B6;
}

.form-field select:active {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
}

.form-field .dropdown .dropdown-menu {
    width: 100%;
}

.form-field .dropdown .dropdown-menu .dropdown-item {
    display: block;
    margin: 0;
    padding: 0 15px;
}

.form-field .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #0112B6;
    color: #FFFFFF;
}

.form-field label.checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 5px 20px;
    padding-left: 40px;
    font-weight: 500;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DADADA;
    margin-right: 10px;
    margin-bottom: 10px;
}

.form-field label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form-field label.checkbox .checkmark {
    position: absolute;
    top: 6px;
    left: 6px;
    height: 20px;
    width: 20px;
    background-color: #E4E4E4;
    border-radius: 4px;
}

.form-field label.checkbox:hover input~.checkmark {
    background-color: #ccc;
}

.form-field label.checkbox input:checked~.checkmark {
    background-color: #0112B6;
}

.form-field label.checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.form-field label.checkbox input:checked~.checkmark:after {
    display: block;
}

.form-field label.checkbox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inline-contents {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: center;
            align-items: center;
}

.other-option {
    line-height: 44px;
    color: #00000045;
    font-weight: 600;
    margin: 0px 30px;
    padding-left: 20px;
}


/* Helpers */

.d-flex {
    display: -webkit-box !important;
    display: flex !important;
}

.align-item-center {
    -webkit-box-align: center;
            align-items: center;
}

.align-item-inherit {
    -webkit-box-align: inherit;
            align-items: inherit;
}

.color-primary {
    color: #0112B6 !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

.table {
    width: 100% !important;
    margin-bottom: 1rem;
    color: #212529;
}


/* .checkbox-custom {
    padding-top: 12px;
} */

.accept-terms-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 12px 0 12px 0;
}

.w-100 {
    width: 100%;
}

.m-0 {
    margin: 0 !important;
}

.mb-1 {
    margin-bottom: 0.5rem;
}

.mt-2 {
    margin-top: 1rem;
}

.mb-2 {
    margin-bottom: 1rem;
}

.mb-3 {
    margin-bottom: 2rem;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-10 {
    margin-bottom: 10px;
}

.justify-content-between {
    -webkit-box-pack: justify;
            justify-content: space-between;
}

.form-group .form-input {
    font-size: 14px;
    padding: 14px 24px;
    min-width: 100%;
}

.bg-white {
    background: #fff !important;
    border: 1px solid #D9D9D9;
}

.bg-white:hover {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}


/* .find-project-profiles {
    height: 50px;
    overflow: hidden;
} */

.find-project-profiles {
    --max-lines: 3;
    position: relative;
    max-height: calc(1.4rem * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem;
    /* space for ellipsis */
    height: 56px;
}

.find-project-profiles::before {
    position: absolute;
    content: "...";
    /* tempting... but shows when lines == content */
    /* top: calc(var(--lh) * (var(--max-lines) - 1)); */
    /*
    inset-block-end: 0;
    inset-inline-end: 0;
    */
    bottom: 0;
    right: 0;
}

.find-project-profiles::after {
    content: "";
    position: absolute;
    /*
    inset-inline-end: 0;
    */
    right: 0;
    /* missing bottom on purpose*/
    width: 1rem;
    height: 1rem;
    background: white;
}


/* .find-project-profiles:hover {
    height: auto !important;
    z-index: 1000;
} */

.consultantTestimonial:hover {
    z-index: 1000;
}


/* Client finish form */

.chosen-choices .search-choice {
    border: none;
    background: transparent !important;
}

.chosen-container .chosen-choices {
    background: #fff !important;
    overflow: auto !important;
    height: 48px !important;
}

.search-choice {
    border: none !important;
}

.nextBtn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}

.nextBtn span #payNow {
    color: white;
}

.thanksMessage .actions {
    -webkit-box-align: center;
            align-items: center;
}

.custom-form input {
    padding: 10px 30px !important;
}

.custom-form input::-webkit-input-placeholder {
    font-size: 14px !important;
}

.custom-form input::-moz-placeholder {
    font-size: 14px !important;
}

.custom-form input:-ms-input-placeholder {
    font-size: 14px !important;
}

.custom-form input::-ms-input-placeholder {
    font-size: 14px !important;
}

.custom-form input::placeholder {
    font-size: 14px !important;
}

.closeButton {
    background: #000;
    opacity: 1;
}

.closeButton:focus {
    border: none;
    outline: none;
}

.closeButton span {
    font-size: 24px;
    padding: 5px;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}


/* Icons */

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-datepicker-calendar {
    background: white;
}

.ui-datepicker {
    background: white !important;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* Icons */

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.bg-none {
    background: #fff !important;
}


/* TOOLTIP */

#packages .tooltip>.tooltip-inner {
    max-width: 500px;
    width: 500px;
    color: white;
}

.tooltest .tooltip-inner {
    min-width: 350px;
    width: 350px;
    text-align: left;
}

#packages .tooltip > .tooltip-inner > div {
    text-align: left;
    color: white;
}

#packages .tooltip > .tooltip-inner > div > h6 {
    text-align: left;
    color: white;
}

#packages .tooltip > .tooltip-inner > div > ul > li {
    text-align: left;
    color: white;
}

.question_icon {
    font-size: 18px;
}

.fa-icon-size {
    font-size: 19px;
}

.ticon-size {
    font-size: 18px;
    margin: 0px;
}


.img-profile {
    margin: 0px 0px;
    height: 200px;
    width: 200px;
}


/* show password css */

.password-icon {
    font-size: 19px;
    color: #8c8b8b !important;
    position: relative;
    top: -32px;
    right: 22px;
    float: right;
    cursor: pointer;
    height: 20px;
}

.admin-password-icon {
    font-size: 19px;
    color: #bfbfbf !important;
    position: relative;
    top: -37px;
    right: 12px;
    float: right;
    cursor: pointer;
    height: 20px;
    z-index: 999;
}

.cng-admin-password-icon
{
    font-size: 19px;
    color: #bfbfbf !important;
    position: relative;
    top: -34px;
    right: 17px;
    float: right;
    cursor: pointer;
    height: 20px;
    z-index: 999;
}

.addadmin-password-icon {
    font-size: 19px;
    color: #bfbfbf !important;
    position: relative;
    top: -34px;
    right: 24px;
    float: right;
    cursor: pointer;
    height: 20px;
    z-index: 999;
}

.login-password-icon {
    font-size: 19px;
    color: #8c8b8b !important;
    position: relative;
    top: -43px;
    right: 22px;
    float: right;
    cursor: pointer;
    height: 20px;
}

.signup-password-icon {
    font-size: 19px;
    color: #8c8b8b !important;
    position: relative;
    top: -34px;
    right: 22px;
    float: right;
    cursor: pointer;
    height: 20px;
}

.plan_line_height {
    line-height: 1.4;
}

.banner-text {
    padding: 60px 70px 70px 40px;
    line-height: 40px;
}

.cons-banner-text {
    padding: 45px 70px 70px 40px;
    line-height: 30px;
}

.iconsize {
    width: 4%;
}


/*Loader*/

.loader {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100vw;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

.circle {
    width: 25px;
    height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(#7864f4), to(#3072d3));
    background: linear-gradient(#7864f4, #3072d3);
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    margin: 10px;
}

.circle:before {
    content: '';
    width: 25px;
    height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(#7864f4), to(#3072d3));
    background: linear-gradient(#7864f4, #3072d3);
    border-radius: 50%;
    opacity: 0.7;
    -webkit-animation: loading 1.3s;
            animation: loading 1.3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes loading {
    100% {
        -webkit-transform: scale(2, 2);
                transform: scale(2, 2);
        opacity: 0;
    }
}

@keyframes loading {
    100% {
        -webkit-transform: scale(2, 2);
                transform: scale(2, 2);
        opacity: 0;
    }
}

.circle:nth-child(2):before {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}

.circle:nth-child(3):before {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}

.circle:nth-child(4):before {
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
}

.circle:nth-child(5):before {
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
}

.loading-text {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 0%;
    text-align: center;
}

.display1 {
    display: block;
}

.display2 {
    display: none;
}

.gurukul_logo {
    width: 25%;
}


/* Collapse start */

#summary {
    font-size: 14px;
    line-height: 1.5;
}

#summary div.collapse:not(.show) {
    height: 83px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

#summary div.collapsing {
    min-height: 83px !important;
}

#summary a.collapsed:after {
    content: '+ Read More';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}

#summary p.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* Collapse end */

@media only screen and (min-width: 1024px) {}

@media screen and (min-width: 576px) {
    .key-note .card-columns {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
    .key-note .card-columns .card {
        width: 65%;
    }
    .panel-discussion .card-columns {
        -webkit-column-count: 5;
           -moz-column-count: 5;
                column-count: 5;
    }
}

@media only screen and (max-width: 576px) {
    main.consultantPage .testimonials #testimonialCarousal .item .testimonialDetails .container_testmonial a .fa-video {
        padding-left: 20rem;
    }
    main.clientPage .testimonials #consultant-testimonialCarousal .item .testimonialDetails .container_testmonial a .fa-video {
        padding-left: 20rem;
    }
}


nav.header {
    padding: 20px 15px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.button-primary {
    background-color: #0112B6 !important;
    color: #FFFFFF !important;
    padding: 12px 34px !important;
}

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

.header .nav-item a {
    display: inline-block;
    text-decoration: none;
    color: #0112B6 !important;
    font-size: 16px;
    font-weight: 600;
    border-bottom: solid 2px #00000000;
    cursor: pointer;
    margin: 0 14px;
}

.header a:hover {
    color: #0112B6;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header a:focus {
    /* background: none !important; */
    box-shadow: none !important;
}

.header a:active {
    /* background: none !important; */
    box-shadow: none !important;

}

.header .active-dropdown:active, .header .active-dropdown:focus
{
    color: white !important;
}

.navbar-brand {
    padding: 0 14px !important;
}

.items-center {
    position: absolute;
    width: 100%;
    left: 40%;
    text-align: center;
    margin: 0 auto;
}

.navbar-toggle {
    z-index: 3;
}

.navbar-nav>li>a {
    padding: 10px 5px !important;
    margin: 6px;
}

.dropdown .dropdown-menu a {
    height: 38px;
    margin: 0;
}

.dropdown .dropdown-menu a:hover,
.dropdown .dropdown-menu a:focus,
.dropdown .dropdown-menu a:active {
    color: #FFFFFF !important;
    background-color: #0112B6;
    border-bottom: none;
}

.navbar-toggler {
    border: none;
}

.mini-header {
    padding: 2px 0;
    overflow: hidden;
    background-color: #f9f9f9 !important;
}

.mini-respo-btn {
    padding: 8px 14px !important;
}

.mini-nav-link {
    display: block;
    padding: 0rem 0rem;
}

main.caseStudyPage .details .content .feedback,
.main.caseStudyPage .details .content .feedback,
section.caseStudyPage .details .content .feedback {
    margin-right: 0px;
    margin-left: 0px;
}

.fix-height-50 {
    height: 50px;
}

.fix-height-50 a {
    display: inline;
    margin: 0px;
    padding: 0px;
}

.signupBtns button {
    display: inline-block;
    width: calc(50% - 2px) !important;
}

.is-invalid {
    color: red !important;
}

.form-control.is-invalid {
    color: black !important;
}

input::-webkit-input-placeholder
{
    color: black;
    opacity: 0.3;
}

input::-moz-placeholder
{
    color: black;
    opacity: 0.3;
}

input:-ms-input-placeholder
{
    color: black;
    opacity: 0.3;
}

input::-ms-input-placeholder
{
    color: black;
    opacity: 0.3;
}

input::placeholder
{
    color: black;
    opacity: 0.3;
}

textarea::-webkit-input-placeholder
{
    color: black;
    opacity: 0.3;
}

textarea::-moz-placeholder
{
    color: black;
    opacity: 0.3;
}

textarea:-ms-input-placeholder
{
    color: black;
    opacity: 0.3;
}

textarea::-ms-input-placeholder
{
    color: black;
    opacity: 0.3;
}

textarea::placeholder
{
    color: black;
    opacity: 0.3;
}

.view-resume
{
    height: 0px;
    line-height: 28px;
}

.client-view-logo{
    height: 0px;
    line-height: 0px;
}

td .btn.btn-primary {
    padding: .375rem .75rem;
    margin: 1px;
}

.btn.text-body.rating-clear {
    padding: 8px;
}

.tnc-margin
{
    margin: 0px;
}

.tnc .nav-link, .tnc-box h4 u, .tnc-box h3, .tnc-box h2
{
    color: #399cbd;
}
.tnc-box h4 u, .tnc-box h2, main.staticPage>.container h2
{
    font-weight: 600;
}

.tnc .nav-link:hover, .tnc li a h5:hover
{
    color: #000000;
}

button.close {
    padding-top: 4px;
}

/* To adjust Reset button in dropdown
dropDown_list custom class to set max width as 88%*/
.bootstrap-select.dropDown_list{
    width: 82%!important;
}

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

.pvtRendererArea div{
    height: 100%;
    width: calc(100% - 144px);
    overflow-x: scroll;
}

.keynote-person .card {
    height: 265px;
}
.keynote-person .card .card-img-top{
    height: 200px;
}

/* sticky nav for desktop */
.is-sticky{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #F2F3FB url(/images/background.png) no-repeat right;

}
.mt-is-sticky{
    margin-top: 7rem;
}
.newCaseStudyPage .domain {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #FFFFFF;
    padding: 5px 15px;
}

.newCaseStudyPage .industry {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #020202;
}
.newCaseStudyPage .card .card-header{
    background-color: white;
    border-bottom: unset;
}

.newCaseStudyPage .card .card-body ul {
    margin-top: 20px;
    padding: 0px;
}

.newCaseStudyPage .card .card-body ul li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: start;
    margin-bottom: 10px;
}

.newCaseStudyPage .card .card-body ul li>div.head{
    min-width: 100px;
}

.carousel-nav-common .owl-dots {
    width: 200px;
    margin: auto;
    margin-top: -10px;
    text-align: center;
}

.carousel-nav-common .owl-dots .owl-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 6px;
    background-color: #7E7E7E;
    opacity: 0.25;
}

.carousel-nav-common .owl-dots .owl-dot.active {
    opacity: 1;
}

.carousel-nav-common .owl-dots .owl-dot:focus {
    border: none;
    outline: none;
}


.carousel-nav-common .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    width: 100%;
}

.carousel-nav-common .owl-nav i {
    color: #399cbd !important;
    font-size: 18px;
    margin: 0px 10px;
    line-height: 30px;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background: unset!important;
}

.carousel-nav-common .owl-nav .owl-next {
    position: absolute;
    right: -55px;
    height: 30px;
    width: 60px;
    /* background-color: #0212A6; */
    text-align: left;
}

.carousel-nav-common .owl-nav .owl-next span {
    color: #0212A6;
    display: inline-block;
    padding-left: 14px;
    font-size: 32px;
    line-height: 28px;
}

.carousel-nav-common .owl-nav .owl-next:focus {
    outline: none;
}

.carousel-nav-common .owl-nav .owl-prev {
    position: absolute;
    left: -60px;
    height: 30px;
    width: 60px;
    /* background-color: #0212A6; */
    text-align: right;
}

.carousel-nav-common .owl-nav .owl-prev span {
    color: #0212A6;
    display: inline-block;
    padding-right: 14px;
    font-size: 32px;
    line-height: 28px;
}

.carousel-nav-common .owl-nav .owl-prev:focus {
    outline: none;
}

.Demystifying_ESG .event-data-img{
    width: auto;
    height: 574px;
}

.latest-blogs .card{
    background: unset !important;
    border: unset !important;
    border-bottom: unset !important;
    background-color: unset !important;
}


.youtube-video{
    border-radius: 15px;
}

.yt-slider .carousel-caption{
    position: relative !important;
    z-index: 10 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: rgb(66, 53, 215) !important;
    text-align: center !important;
    left:3px;
}

.yt-slider .carousel-indicators li{
    background-color: #2900ff8f;
}

.yt_client .carousel-caption{
    position: relative !important;
    z-index: 10 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: rgb(66, 53, 215) !important;
    text-align: center !important;
    left: 3px;
}
.carousel-control-next{
    position: absolute;
    right: -76px;
    height: 30px;
    width: 60px;
    top: 95px;
    background-color: #0212A6 !important;
    text-align: left;
    border-radius: 20px;
}

.carousel-control-prev{
    position: absolute;
    left: -83px;
    height: 30px;
    width: 60px;
    top: 95px;
    background-color: #0212A6;
    text-align: right;
    border-radius: 20px;
}



.tech_certifications .card{
    background: #0425ba33;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(4,37,186,0.1);
    border-radius: 40px;
}

.tech_certifications .card svg{
    margin-top: 10px;
}
.new_color{
    color: #399cbd;
}
.hov_eff:hover{
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-bottom: 5px solid #399cbd !important;
    box-shadow: 0 0 10px 1px #00000020;
}



.tech_certifications .card  .fullstack svg{
    margin: 0px;
}
    #notificationsList {
  list-style-type: none;
  padding: 0;
}

#notificationsList .li-div  {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin: 2px;
}

div.dataTables_wrapper div.dataTables_processing {
    top: 0;
}
#scrollButton {
    font-size: 35px;
    text-align: center;
    position: fixed;
    bottom: 90px;
    /* Position it at the bottom of the page */
    right: 25px;
    /* Align it to the right */
    background-color: #0112B6;
    color: white;
    border: none;
    padding-bottom: 10px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1000;
    /* Ensures it's above other content */
    width: 60px;
    height: 60px;
    border: 2px solid #0112B6;
    outline: none;
}

.hover-dropdown .dropdown-item:hover {
    background-color: grey !important; /* Change this to any shade of grey you prefer */
  }

  .hover-dropdown .dropdown-menu {
    background-color: white; /* Default color */
    /* transition: background-color 0.5s ease; Transition effect */
  }

  .loader2 {
    position: relative;
    width: 2.5em;
    height: 2.5em;
    -webkit-transform: rotate(165deg);
            transform: rotate(165deg);
    
   }
   
   .loader2:before, .loader2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
   }
   
   .loader2:before {
    -webkit-animation: before8 2s infinite;
            animation: before8 2s infinite;
   }
   
   .loader2:after {
    -webkit-animation: after6 2s infinite;
            animation: after6 2s infinite;
   }
   
   @-webkit-keyframes before8 {
    0% {
     width: 0.5em;
     box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
   
    35% {
     width: 2.5em;
     box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
   
    70% {
     width: 0.5em;
     box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
   
    100% {
     box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
   }
   
   @keyframes before8 {
    0% {
     width: 0.5em;
     box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
   
    35% {
     width: 2.5em;
     box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
   
    70% {
     width: 0.5em;
     box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
   
    100% {
     box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
   }
   
   @-webkit-keyframes after6 {
    0% {
     height: 0.5em;
     box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
   
    35% {
     height: 2.5em;
     box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
   
    70% {
     height: 0.5em;
     box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
   
    100% {
     box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
   }
   
   @keyframes after6 {
    0% {
     height: 0.5em;
     box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
   
    35% {
     height: 2.5em;
     box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
   
    70% {
     height: 0.5em;
     box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
   
    100% {
     box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
   }
   
.loader2 {
    position: absolute;
    top: calc(50% - 1.25em);
    left: calc(50% - 1.25em);
}

.footer-sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: left;
            justify-content: left;
    -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;
}
.overlay {

    text-align: center;
    color:white;
    -webkit-animation: fadeIn 2.5s;
            animation: fadeIn 2.5s;
}


  
.contractingprocess{
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    position: relative;

    border-radius: 10%;
    border:1px solid black;
    margin-left:190px;

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

    border-radius: 10%;
    border:4px solid black;
    margin-bottom:30px;


}

.curate{
    margin-left:100px;
}
.mobile-footer {
    display: none;
}
.services-section {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row;
    -webkit-box-align: center;
            align-items: center;
    padding: 20px;
}
.service-card {
    width: 90%;
    max-width: 400px;
    margin: 10px 0;
    -webkit-perspective: 1000px;
            perspective: 1000px;
}
.justify{
    text-align: justify !important;
    
}
.card-inner {
    position: relative;
    width: 100%;
    height: 250px;
    text-align: justify;
    -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: 210px;
}
/* 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 */
/* } */ 

.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;
}
.our-services{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
            flex-direction:row;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    max-width: 100%;
    scroll-behavior: smooth;

}
.our-services::-webkit-scrollbar {
    display: none; /* Hide scrollbar for a clean look */
}


.modal-content{
    border-radius: 1.3rem !important;
}

.form-control{
    border-radius: 24px !important;
    min-height: 45px !important;
}


.teamwork_font{
    font-size: 40px ;
}
   
span.select2-selection.select2-selection--multiple {
    border-radius: 24px !important;
    padding: 10px 23px !important;
    margin-top: 0px !important;
    cursor: pointer !important;
}

textarea.select2-search__field {
    margin-bottom: 5px !important;
    margin-top:0px !important;
}

textarea.select2-search__field {
    cursor: pointer;
}
span.select2-selection.select2-selection--multiple:focus {
    color: #495057 !important;
    background-color: #fff !important ;
    border-color: rgb(56.5901639344, 75.1229508197, 253.9098360656) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(1, 18, 182, 0.25) !important;
    
}
span.select2-selection.select2-selection--multiple {
    border: 1px solid #D9D9D9 !important;
    /* color: #999 !important; */
}

.checkbox-center{
    margin-top: 33px;
}

.button_posi{
    -webkit-box-pack: end;
            justify-content: end;
    top:45px;
}

.overlap_bgcolor{
    margin-top: -120px;
}

.button_size{
    width:288px !important;
    margin-bottom:10px !important;
}
.fl-main-container .fl-container.fl-flasher .fl-content {
    background-color: rgb(15, 23, 42) !important;
}
.fl-message{
    color: white !important;
}

.title_posi{
    position: relative;
    top: 65px;
    left: -15px;
}
.filter_button{
    bottom: 3px;
    right: -70px;
}
.custom-card {
    -webkit-box-flex: 1;
            flex: 1 1 calc(16.5% - 10px); /* 20% width minus spacing */
    max-width: calc(16.5% - 10px);
    margin: 5px;
}

.custom-card2 {
    -webkit-box-flex: 1;
            flex: 1 1 calc(15% - 10px); /* 16.5% width minus spacing */
    max-width: calc(15% - 10px);
    margin: 5px;
}

.footer-certification {
    max-width: 150px;
    display: block;
}

.info-box {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    border: 2px solid black;
    background-color: white;
    border-radius: 20px;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
    cursor: pointer;
}


.info-box:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); 
}

.font-headercard{
    font-size: 1.275rem !important;
}

.fullview-modal {
    display: none ; 
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}

.fullview-modal-content {
    max-width: 70%;
    max-height: 80%;
    border-radius: 10px;
    display: block;
    margin: auto;
}

.fullview-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}


.custom-modal-size {
    max-width: 90%; /* Controls width */
    width: 90%; 
}

.custom-modal-body {
    max-height: 60vh; /* Limits the modal height to 60% of the viewport */
    overflow-y: auto;  /* Enables scrolling if content exceeds this limit */
}

.fa-bounceable:hover i{
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px);
    }
}

.orgFixedHeight{
    max-height: 150px;
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.scroll-top-btn {
    -webkit-box-align: center;
            align-items: center;
    background: #399cbd;
    border: 2px solid #399cbd;
    border-radius: 50%;
    bottom: 1.875rem;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    font-size: 1.875rem;
    height: 60px;
    width: 60px;
    -webkit-box-pack: center;
            justify-content: center;
    line-height: 2.813rem;
    position: fixed;
    top: 80%;
    right: 1.875rem;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 9999;
    display: none;
}

.scroll-top-btn span svg
{
    margin-top: 10px;
}

.scroll-top-btn:hover {
    background: #ffffff;
    border: 1px solid #399cbd;
}

.scroll-top-btn:hover svg path {
    fill: #399cbd;
}

.tawk-image{
    background-color: white !important;
}