.company_slides h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    overflow: hidden;
    height: 70px;
}
.our-service-checkboxes br{
display: none;
}
.troo-job-success .elementor-widget-container {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.troo-bio-language .elementor-icon-list-items {
    gap: 10px;
}

.troo-bio-language .elementor-icon-list-items li {
    padding: 6px 15px;
    background-color: #8752961A;
    border: 1px solid #87529633;
    border-radius: 20px;
}

.single-post .troo-upwork-bio .troo-list-link .elementor-icon-list-items li a span {
    color: #875296;
}

.diamond_hubs>div {
    position: relative;
}

.diamond_hubs>div::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -198px;
    width: 425px;
    height: 134px;
    background: url(/wp-content/uploads/2026/05/diamond-graphic-image.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.trusted_by {
    fill: #f9f9f9;
    box-shadow:
        0 -16px 16px 0 #efe9da inset,
        0 16px 16px 0 rgba(255, 255, 255, 0.28) inset;
    filter: drop-shadow(0 -1px 34px rgba(161, 161, 161, 0.2));
    backdrop-filter: blur(12px);
}

.brown_border .e-con-inner {
    border-radius: 40px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 16px 16px 0px #ffffff47 inset;
    box-shadow: 0px -16px 16px 0px #efe9da inset;
    box-shadow: 0px -1px 34px 0px #a1a1a133;
}

.custom-button.white .elementor-button:after {
    content: none;
}

.custom-button.white a:hover svg path {
    fill: #ffffff !important;
    transition: fill 0.3s ease;
}

/* Global css start hh */
.purple-txt span {
    color: #875296;
}

/*.purple-txt.new span {*/
/*    color: #91509F;*/
/*}*/
.orng-txt span {
    color: #ff4800;
}

.skyblue-txt span {
    color: #00A2E1;
}

.limegreen-txt span {
    color: #3AB125;
}

/* Global css end */

/* home page css start hh*/
.stnt-box-ctm-img img {
    transition: all ease 0.5s;
}

.stnt-box-ctm-img:hover img {
    scale: 1.04;
}

.get-in-touch-box {
    /*filter: drop-shadow(0 -1px 34px rgba(164, 179, 255, 0.2));*/
    /*background-size: 100% 100% !important;  */
    backdrop-filter: blur(23.61px);
    -webkit-backdrop-filter: blur(23.61px);
    box-shadow: inset 0 16.87px 16.87px rgba(255, 255, 255, 0.28), inset 0 -16.87px 16.87px rgba(164, 179, 255, 0.28), 0 -1px 34px rgba(164, 179, 255, 0.2);
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(265.5deg, rgba(255, 255, 255, 0.2) -69.05%, rgba(255, 255, 255, 0.2) 93.04%);
}

.hs-platinum-banner {
    background-size: 100% 100% !important;
}

.clients-logo-slider {
    overflow: hidden;
}

.clients-logo-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.clients-logo-slider:before {
    content: "";
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.94%);
    position: absolute;
    width: 159px;
    height: 100%;
    left: -80px;
    top: 0px;
    z-index: 3;
}

.clients-logo-slider:after {
    content: "";
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.94%);
    position: absolute;
    width: 159px;
    height: 100%;
    right: -80px;
    top: 0px;
    transform: scaleX(-1);
    z-index: 3;
}

.ceo-img-ctm {
    max-width: 70px !important;
    width: 100%;
}

.sc-card-info {
    background-size: 100% 100%;
}

.blue-black-banner {
    background-position: right 120px top -1px !important;
}

.hs-platinum-banner {
    /*filter: drop-shadow(0px -1px 34px rgba(161, 161, 161, 0.2)); */
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow:
        inset 0 16px 16px rgba(255, 255, 255, 0.28),
        inset 0 -16px 16px rgba(239, 233, 218, 1),
        0 -1px 34px rgba(161, 161, 161, 0.2);
}

.our-process-ctm .process-step {
    position: relative;
}

.our-process-ctm .process-step::after {
    content: "";
    position: absolute;
    top: 44px;
    right: -80px;
    width: 132px;
    height: 2px;
    background: #F0F0F0;
    z-index: 0;
}
.custom-close-popup a.dialog-close-button {
    background: #fff;
}
.our-process-ctm .process-step:last-child::after {
    display: none;
}

/*Get in Touch With Us form css start*/
.get-in-touch .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: none;
}

.get-in-touch .wpcf7-form-control-wrap .wpcf7-not-valid-tip:last-child {
    display: block;
}
.custom-close-popup ..our-service-group.form-row{
    display: inline-flex;
}
.get-in-touch .form-row {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.get-in-touch .form-col {
    flex: 1;
}

.get-in-touch .full-width {
    flex: 100%;
}

.get-in-touch .form-row input,
.get-in-touch .form-row select,
.get-in-touch .form-row textarea {
    width: 100%;
    padding: 11px 20px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #C8C8C8;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    outline: none;
    transition: 0.3s ease;
    box-sizing: border-box;
    color: #4A4A4A !important;
}



.get-in-touch input::placeholder,
.get-in-touch select::placeholder,
.get-in-touch textarea::placeholder,
.our-service-main input::placeholder,
.our-service-main select::placeholder,
.our-service-main textarea::placeholder {
    color: #4A4A4A !important;
}

.get-in-touch input:focus,
.get-in-touch select:focus,
.get-in-touch textarea:focus,
.our-service-main input:focus,
.our-service-main select:focus,
.our-service-main textarea:focus {
    border-color: #1f2c3b !important;
}

.get-in-touch textarea {
    height: 100px;
    resize: none;
    display: flex;
}

.submit-btn {
    position: relative;
    overflow: visible;
}

.get-in-touch .custom-submit-btn:hover {
    background-color: #875296;
}

.get-in-touch .custom-submit-btn::after {
    content: '';
    position: absolute;
    width: 95px;
    height: 19px;
    transform: rotate(6deg);
    top: -6px;
    right: -15px;
    background: rgba(255, 255, 255, 0.5);
    filter: blur(10px);
    pointer-events: none;
    transition: left 0.6s ease;
}

.get-in-touch .tb_btn_wrapper .custom-submit-btn {
    background-color: #152638;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    color: var(--e-global-color-2132bbc);
    box-shadow: 0px 10px 25px 0px #15273838;
    border-radius: 100px 100px 100px 100px;
    padding: 12px 25px 12px 25px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    max-width: 100%;
    width: 100%;
    border: 0;
    margin-top: 10px;
}

.get-in-touch .tb_btn_wrapper .custom-submit-btn:hover {
    background-color: #875296 !important;
    cursor: pointer;
}

.tb_btn_wrapper:after {
    content: '';
    position: absolute;
    width: 95px;
    height: 19px;
    transform: rotate(6.33deg);
    top: -6px;
    right: -15px;
    background: #FFFFFF80;
    filter: blur(10px);
}

.tb_get_in_touch_btn_icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 34px;
    margin: 0;
}

.tb_get_in_touch_btn_icon svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform .2s ease-in-out;
    transform: translateY(0px);
}

.tb_btn_wrapper:hover .tb_get_in_touch_btn_icon svg {
    transform: translateY(-50px);
}

/*.get-in-touch .file-upload input[type="file"]{*/
/*    height: 48px;*/
/*}*/
.get-in-touch .file-upload input[type="file"] {
    height: 48px;
    padding: 12px 20px 12px 46px;
    background-color: #ffffff;
    cursor: pointer;
    background-image: url("/wp-content/uploads/2026/02/upload-icon-871.svg");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
}

.get-in-touch .file-upload input[type="file"]::file-selector-button {
    display: none;
}

.get-in-touch .file-upload input[type="file"]::-webkit-file-upload-button {
    display: none;
}

.get-in-touch .file-upload input[type="file"]:hover {
    background-color: #e9e9e9;
}

.get-in-touch .form-col.full-width select , .our-service-main select{
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 35px;
}

.get-in-touch .ctm-select select option,
.our-service-main select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.get-in-touch .form-col.full-width.ctm-select {
    position: relative;
}
/* .our-service-arrow{
    display: none;
} */
/* , .our-service-main select, .our-service-dropdown-trigger */
.get-in-touch .ctm-select select {
    background-image: url(/wp-content/uploads/2026/02/down-angle-651.svg) !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
    background-position: right 21px center !important;
}

/* Remove default arrow (IE) */
.get-in-touch .ctm-select select::-ms-expand {
    display: none;
}

.get-in-touch .wpcf7-spinner {
    display: none !important;
}

.get-in-touch .form-row:last-child {
    margin-bottom: 0 !important;
}

/*How HubSpot Integration Works css start*/
.integration-work .process-step::after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    width: 1px;
    height: 100%;
    background: #D9D9D9;
    z-index: 0;
}

.integration-work .process-step:last-child::after,
.integration-work .process-step:last-child::before {
    display: none;
}

.integration-work .process-step::before {
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background: #FF4800;
    background-image: url(/wp-content/uploads/2026/04/arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: calc(100% + -2px);
    transform: translateY(-50%);
    z-index: 1;
}

/*How HubSpot Integration Works css End*/

/* hubspot-vs-activecampaign start */
.pros-and-cons-box-main .pros-and-cons-box {
    background: linear-gradient(266deg, rgba(255, 255, 255, 0.20) -57.1%, rgba(255, 255, 255, 0.20) 93.91%), #FFF;
    box-shadow: 0 -1px 34px 0 rgba(164, 179, 255, 0.20), 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset;
    backdrop-filter: blur(11.807229995727539px);
}

.activecampaign-hero-img img {
    aspect-ratio: 1/0.64;
}

.platform-img img {
    aspect-ratio: 1/0.72;
}

.comparison_table.ac-table {
    border: 1px solid #C8C8C8;
    background: linear-gradient(266deg, rgba(255, 255, 255, 0.20) -57.1%, rgba(255, 255, 255, 0.20) 93.91%), #FFF;
    box-shadow: 0 -1px 34px 0 rgba(164, 179, 255, 0.20), 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset;
    backdrop-filter: blur(11.807229995727539px);
}

.comparison_table.ac-table .compare_table_tr>.compare_table_tr_content:first-of-type:after {
    display: none;
}

.comparison_table.ac-table .compare_table_tr:last-of-type .compare_table_tr_content {
    border-bottom: 0 !important;
}

.comparison_table.ac-table .compare_table_tr:last-of-type .compare_table_tr_content:first-of-type,
.comparison_table.ac-table .compare_table_tr:last-of-type .compare_table_tr_content:last-of-type {
    border-radius: 0 0 0 0;
}

.comparison_table.ac-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    width: 100%;
}

.comparison_table.ac-table::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.comparison_table.ac-table::-webkit-scrollbar-track {
    background: #ffe5d9;
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.comparison_table.ac-table::-webkit-scrollbar-thumb {
    background: #FF4800;
    border-radius: 10px;
}

.comparison_table.ac-table::-webkit-scrollbar-thumb:hover {
    background: #cc3a00;
}

.comparison_table.ac-table .ac-table-inner {
    min-width: 700px;
}

/* hubspot-vs-activecampaign end */

@media (max-width: 1024px) {
    .company_slides h2 {
    height: unset;
}
    .diamond_hubs>div::before {
    bottom: -127px;
    width: 325px;
    height: 104px;
}

    .get-in-touch .form-row {
        gap: 20px;
        margin-bottom: 20px;
    }
}

/*How HubSpot Integration Works css start*/
@media (max-width:880px) {
    .diamond_hubs>div::before {
    bottom: -132px;
}

    .get-in-touch .form-row input,
    .get-in-touch .form-row select,
    .get-in-touch .form-row textarea {
        padding: 11px 15px;

    }

    .integration-work .process-step:nth-child(2)::after,
    .integration-work .process-step:nth-child(2)::before {
        display: none;
    }
}

/*How HubSpot Integration Works css End*/

@media (max-width: 768px) {
    .our-service-main .our-service-group,
    .our_global_layout_form .form-row {
    gap: 15px;
    margin-bottom: 15px;

    flex-direction: column;
}
    .get-in-touch .form-row {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
    }
}

/*How HubSpot Integration Works css start*/
@media (max-width:767px) {
    .diamond_hubs>div::before {
        bottom: -126px;
        width: 280px;
        height: 85px;
    }

    .integration-work .process-step:nth-child(2)::after,
    .integration-work .process-step:nth-child(2)::before {
        display: block;
    }

    .integration-work .process-step::after {
        top: 100%;
        right: 50%;
        width: 1px;
        height: 70px;
        bottom: 0;
    }

    .integration-work .process-step:last-child {
        padding-bottom: 0 !important;
    }

    .integration-work .process-step::before {
        top: unset;
        bottom: -17px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        z-index: 1;
    }
}

/*How HubSpot Integration Works css end*/

/*Get in Touch With Us form css end*/

/* Purple Circle Holder */
.tb_approach .tb_purple_circle {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
    max-height: 100px;
    min-height: 100px;
    height: 100%;
    background: linear-gradient(0deg, #875296 0%, #D47EE6 100%);
    border-radius: 50%;
    box-shadow: 0px 9px 9px 0px #812E934D;
    margin: 0 auto;
}

.tb_approach .tb_purple_circle_number {
    position: absolute;
    position: absolute;
    top: -9px;
    left: 0;
    background-color: #FFF;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #875296;
    border-radius: 50%;
}

.tb_approach .tb_purple_circle_number>.elementor-widget-container {
    height: auto !important;
}

/* Purple Circle Holder end*/


@media (max-width: 1200px) {
    .our-process-ctm .process-step::after {
        right: -64px;
        width: 90px;
    }
}

@media (max-width: 1024px) {
    .our-process-ctm .process-step::after {
        right: -40px;
        width: 63px;
        top: 48px;
    }
}

@media (max-width: 767px) {
    .our-process-ctm .process-step::after {
        width: 2px;
        height: 70px;
        top: unset;
        bottom: -85px;
        left: 50%;
        transform: translate(-50%, -0%);
    }
}

/* home page css end */

/*who-we-are page css start*/
.video-pop-ctm .elementor-custom-embed-image-overlay img {
    height: 550px;
}

.counter-icon-ctm .elementor-widget-container {
    /*box-shadow: 0px 16.87px 16.87px 0px #FFFFFF47 inset;*/
    /*box-shadow: 0px -16.87px 16.87px 0px #A4B3FF47 inset;*/
    /*backdrop-filter: blur(23.614459991455078px)*/
    /*box-shadow: 0px -1px 4px 0px #0000000D;*/
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#ffffff, #ffffff);
    box-shadow: inset 0px 16.87px 16.87px #ffffff47, inset 0px -16.87px 16.87px #A4B3FF47, 0px -1px 4px #0000000d;
    backdrop-filter: blur(23.61px);
    -webkit-backdrop-filter: blur(23.61px);
}

.testi-slider-ctm .elementor-testimonial__content {
    margin-top: 78px;
}

.testi-slider-ctm .elementor-testimonial__content:after {
    content: "";
    background-image: url(/wp-content/uploads/2026/03/quotes-icon-31.svg);
    position: absolute;
    top: 30px;
    width: 60px;
    height: 60px;
    background-size: cover;
}

.testi-slider-ctm .elementor-swiper-button {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    bottom: -40px !important;
    top: unset !important;
    right: 30px !important;
    left: unset !important;
    background-color: #ffffff;
    transition: 0.3s all;
}
.testi-slider-ctm .elementor-swiper-button:hover{
    background-color: #152638;
}

.testi-slider-ctm .elementor-swiper-button:hover:after{
    filter: brightness(30);
}
.testi-slider-ctm .elementor-swiper-button.elementor-swiper-button-prev {
    border-radius: 50%;
    top: unset !important;
    right: 85px !important;
}

/*.testi-slider-ctm .elementor-main-swiper .swiper-slide:after {*/
/*    content: "";*/
/*    background-image: url(/wp-content/uploads/2026/03/shape-1312442.svg);*/
/*    position: absolute;*/
/*    right: 63px;*/
/*    top: -2px;*/
/*    width: 62px;*/
/*    height: 52px;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-color: white;*/
/*}*/
.testi-slider-ctm .elementor-main-swiper .swiper-slide:before {
    content: "";
    background-image: url(/wp-content/uploads/2026/03/shape-1312442.svg);
    position: absolute;
    right: 63px;
    top: -1.2px;
    width: 48px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    z-index: 120;
}

.happy-clients-img {
    min-width: 104px !important;
}

.testi-slider-ctm .elementor-main-swiper {
    width: 100% !important;
}

.testi-slider-ctm .elementor-main-swiper .swiper-slide {
    overflow: visible;
    margin-bottom: 1px;
}

.testi-slider-ctm .elementor-swiper-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 13px;
    background: url(https://trooinbound.troothemes.com/wp-content/uploads/2026/03/testimonial-arrow.svg);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.elementor-swiper-button.elementor-swiper-button-next:after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.testi-slider-ctm .elementor-swiper-button svg {
    display: none;
}

@media (max-width: 767px) {
    .video-pop-ctm .elementor-custom-embed-image-overlay img {
        height: 300px;
    }

    .testi-slider-ctm .elementor-main-swiper .swiper-slide:before {
        right: 30px;
    }
}

.vacancy_card:hover .back_img_color_curve_left,
.vacancy_card:hover .back_img_color_curve_right,
.vacancy_card:hover .vacancy_card_content{
    background: #f3edf4 !important;
    border-color: #f3edf4 !important;
}


/*who-we-are page css end*/

/*Team page css start*/
.tro-pillars-card:hover {
    box-shadow: 0px 4px 20px 0px #1527381F;
}

.delivery-leaders-card:hover {
    box-shadow: 0px 4px 20px 0px #1527381F;
}

.social-icon-ctm a.elementor-social-icon {
    background-color: unset !important;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(23.6px);
    -webkit-backdrop-filter: blur(23.6px);
    box-shadow: 0px 16.87px 16.87px 0px rgba(255, 255, 255, 0.28) inset,
        0px -16.87px 16.87px 0px rgba(164, 179, 255, 0.28) inset,
        0px -1px 4px 0px rgba(0, 0, 0, 0.05);
}

.social-icon-ctm a.elementor-social-icon svg {
    width: 15px;
}

.social-icon-ctm a.elementor-social-icon:hover {
    background-color: #875296 !important;
}

.social-icon-ctm a.elementor-social-icon:hover svg {
    filter: brightness(0) invert(1);
}

.tro-pillars-card .elementor-social-icon svg {
    width: 15px;
}

.delivery-leaders-card .elementor-social-icon svg {
    width: 15px;
}

.pillar-pop-ctm.elementor-popup-modal .dialog-close-button svg {
    visibility: hidden;
}

/*.pillar-pop-ctm.elementor-popup-modal .dialog-close-button a:after {*/
/*    content: "";*/
/*    background-image: url(/wp-content/uploads/2026/03/close-btn-black.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    z-index: 10; */
/*    position: absolute;*/
/*}*/
.pillar-pop-ctm.elementor-popup-modal a.dialog-close-button {
    background-image: url(/wp-content/uploads/2026/03/close-btn-black.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.pillar-pop-ctm .dialog-widget-content.dialog-lightbox-widget-content {
    max-width: calc(100% - 20px);
}

@media (min-width: 768px) {
    .pillar-pop-ctm .pillar-pop-ctm-wrapper {
        max-height: 750px;
        height: 100%;
        display: flex;
        overflow: hidden;
    }

    .pillar-pop-ctm .pillar-pop-ctm-wrapper .pillar-pop-ctm-right {
        /*flex: 1;*/
        max-height: 750px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .pillar-pop-ctm-wrapper .pillar-pop-ctm-right::-webkit-scrollbar-thumb,
    .history_slider_left p::-webkit-scrollbar-thumb {
        background: #875296;
        border-radius: 10px;
    }

    .pillar-pop-ctm-wrapper .pillar-pop-ctm-right::-webkit-scrollbar-track,
    .history_slider_left p::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .pillar-pop-ctm-wrapper .pillar-pop-ctm-right::-webkit-scrollbar,
    .history_slider_left p::-webkit-scrollbar {
        width: 5px;
    }
}

@media (max-width: 767px) {

    .pillar-pop-ctm .dialog-message.dialog-lightbox-message::-webkit-scrollbar-thumb,
    .history_slider_left p::-webkit-scrollbar-thumb {
        background: #875296;
        border-radius: 10px;
    }

    .pillar-pop-ctm .dialog-message.dialog-lightbox-message::-webkit-scrollbar-track,
    .history_slider_left p::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .pillar-pop-ctm .dialog-message.dialog-lightbox-message::-webkit-scrollbar,
    .history_slider_left p::-webkit-scrollbar {
        width: 5px;
    }

    .pillar-pop-ctm-wrapper {
        max-height: 90vh;
        /*overflow: auto !important; */
    }
}

/*Team page css end*/

/*see-how-it-works page css start*/
.fem-box {
    /*filter: drop-shadow(0px -1px 34px rgba(164, 179, 255, 0.2))*/
    /*    drop-shadow(0px -1px 10px rgba(164, 179, 255, 0.15)) !important;*/
    backdrop-filter: blur(23.61px);
    box-shadow: inset 0px 16.87px 16.87px 0px #FFFFFF47, inset 0px -16.87px 16.87px 0px #A4B3FF47, 0px -1px 34px 0px #A4B3FF33;
}

.fem-box-small-icon .elementor-widget-container {
    height: 30px !important;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rvn-playbook-icon .elementor-widget-container {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(23.6px);
    -webkit-backdrop-filter: blur(23.6px);
    box-shadow: inset 0px 16.87px 16.87px rgba(255, 255, 255, 0.28), inset 0px -16.87px 16.87px rgba(164, 179, 255, 0.28), 0px -1px 4px rgba(0, 0, 0, 0.05);
    filter: drop-shadow(0px 12px 8.43px rgba(135, 82, 150, 0.2));
    position: relative;
    z-index: 1;
}

.rvn-playbook-icon {
    min-width: 70px !important;
}

.rvn-playbook-icon .elementor-widget-container::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: 0px 12px 8.43px rgba(135, 82, 150, 0.2);
    z-index: -1;
}

.rvn-playbook-icon.orange-icon .elementor-widget-container::after {
    box-shadow: unset;

}

.rvn-playbook-icon.orange-icon .elementor-widget-container {
    background: linear-gradient(268deg, rgba(255, 255, 255, 0.20) -0.06%, rgba(255, 255, 255, 0.20) 97.65%);
    box-shadow: 0 12px 8.434px 0 rgba(255, 72, 0, 0.20), 0 -1px 4px 0 rgba(0, 0, 0, 0.05), 0 -16.867px 16.867px 0 rgba(164, 179, 255, 0.28) inset, 0 16.867px 16.867px 0 rgba(255, 255, 255, 0.28) inset;
    backdrop-filter: blur(11.807229995727539px);
}

.first-dot-ctm:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0px;
    background-color: #F0F0F0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.last-dot-ctm:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 0px;
    background-color: #F0F0F0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

/*see-how-it-works page css end*/