@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

* {
    margin: 0;
    padding: 0;

}
p {
    text-align: justify;
}

:root {
    --primary-color: linear-gradient(90.59deg, #dacaf0, #9847FF);
    --primary-bg: #9847FF;
    --primary-2: #9847FF;
    --text-color: RGB(3, 21, 33);
    --sub-text-color: RGB(107, 107, 132);
    --text-grey: #666666;
    --bg-color: #F7F7F7;
    --heading-color: #1B1B1B;
    --bg-grey-color: #fafafa;
    --bg-grey: #EFEFEF;
    --bg-box-color: #FFF;
    --gradient-bg: linear-gradient(90deg, #dacaf0 0%, #9847FF 100%);

}

.dark {
    --bg-color: #000000;
    --bg-grey-color: #0e0e0e;
    --bg-box-color: #000000;
    --bg-grey: #0E0E0E;
    --text-color: #ffffff;
    --sub-text-color: #cfcfcf;
    --heading-color: #fff;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: auto;
    scroll-behavior: smooth;
    color: var(--text-color);
    background-color: #FFF;
    font-family: "PT Sans", sans-serif;
}

html {
    margin-bottom: 0 !important;
}

#loom-companion-mv3 {
    display: none !important;
}


ul {
    list-style: none;
}

a {
    text-decoration: none;

}

p {
    font-size: 16px;
    font-weight: 400;
    color: #1B1B1B;
}


.navbar-toggler {
    padding: 0.3em;
}

@media screen and (max-width: 768px) {

    .navbar-nav {
        gap: 0.5em !important;
    }

}

.navbar-toggler-icon {
    color: #ffff !important;
}

@media screen and (max-width: 768px) {
    button {
        font-size: 14px;
    }
}

.nav-item {
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
}

.nav-link:hover {
    color: var(--primary-bg);
}

.active-nav {
    border-bottom: 2px solid var(--primary-bg);
}
li.nav-item.contact_btnn {
    border: 0;
}

@media screen and (max-width: 768px) {
    .active-nav {
        border: none;
        color: var(--primary-bg);
    }
    .navbar-nav {
        margin-top: 1em;
        align-items: start !important;
    }
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    color: #2B2B2B ;
}

.primary-color-bg {
    background: linear-gradient(90.59deg, #ffe4a9, #ffaf00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.min-width {
    min-width: 300px;
}

h2 {
    font-size: 34px;
    font-weight: 600;
    color: var(--heading-color);
}

@media screen and (max-width: 768px) {

    h2 {
        font-size: 38px;
    }

}

/*header css start*/
.navbar {
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(20px);
    border-radius: 8px;
    padding: 0.7em 1em;
}

.navbar .d-flex {
    width: 100%;
    padding: 0;
}

.navbar-brand {
    padding: 0;
}

.fixed-top {
    top: 20px;
}

.nav-item.contact_btnn a {
    background: #9847FF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 6px;
    color: #FFF;
    border-radius: 4px;
    padding: 8px 18px;
}


/*mega menu css start*/

.dropdown-content {
    position: absolute;
    background-color: transparent;
    width: 100%;
    max-width: 96%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease-out;
    border-top: 18px solid transparent;
}

.nav-item.dropdown {
    position: static;
}

.nav-item.dropdown:hover .dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.nav-item.dropdown .nav-link {
    cursor: pointer;
    display: flex ;
        align-items: center;
        gap: 0px 6px;

}

.dropdown-content .dropdown-content-inner {
    background: #FFF;
}

/* width */
.dropdown-content .dropdown-content-inner::-webkit-scrollbar {
    width: 4px;
  }
  
  /* Track */
  .dropdown-content .dropdown-content-inner::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .dropdown-content .dropdown-content-inner::-webkit-scrollbar-thumb {
    background: #888; 
  }


.dropdown-content-space {
    display: block;
    position: relative;
    padding-bottom: 50px;
}

.dropdown-content-space.insu_no_space {
    padding-bottom: 0;
}

.dropdown-content-space .drop_head {
    display: block;
    padding: 0px 0px 0px;
}

.dropdown-content-space .drop_head h2 {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
    color: #1B1B1BCC;
    margin: 0px 0px 5px;
}

.dropdown-content-space .drop_head p {
    color: #494949CC;
}

.dropdown-content-space .down_botom {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 20px;
    margin: 40px 0px 0px;
}

.dropdown-content-inner {
    padding: 20px 40px 0px 40px;
}

.dropdown-content-space .down_botom .drop_col {
    flex: 1;
}

.dropdown-content-space .down_botom .drop_col h3 {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    margin: 0px 0px 20px;
}

.dropdown-content-space .down_botom .drop_col h3 a {
    color: #2B2B2B;
}

.dropdown-content-space .down_botom .drop_col h3 a:hover {
    color: #5f6060;
}

.dropdown-content-space .down_botom .drop_col  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dropdown-content-space .down_botom .drop_col ul li {
    margin: 0px 0px 7px;
}

.dropdown-content-space .down_botom .drop_col ul a {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    color: #000;
    transition: all .25s ease-out;
}

.dropdown-content-space .down_botom .drop_col ul a:hover {
    color: #5f6060;
}

.dropdown-content-space .down_botom .drop_col ul a span {
    display: block;
}

.dropdown-content-space::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 8px;
    background: #9847FF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

li.nav-item {
    border-bottom: 2px solid transparent;
    transition: all .25s ease-out;
}

li.nav-item:hover {
    border-color: var(--primary-bg);
}

.dropdown-content-space .down_botom .drop_col .case_nt {
    margin-bottom: 30px;
}

.dropdown-content-space .down_botom .drop_col .case_nt h3 {
    margin: 0px 0px 5px;
}

.dropdown-content-space .down_botom .drop_col .case_nt p {
    display: block;
    white-space: normal;
    color: #494949CC;
    font-size: 14px;
}

.dropdown-content-space  .drop_head.indust {
    display: flex;
    align-items: flex-end;
    gap: 0px 20px;
}

.dropdown-content-space .drop_head.indust .drop_head_col_1 {
    flex: 2;
}

.dropdown-content-space .drop_head.indust .drop_head_col_2 {
    flex: 1;
}
.dropdown-content-space .drop_head.indust .drop_head_col_2 h2 {
    font-size: 16px;
}

/*mega menu css end*/

/*header css end*/

/* banner css start */
.main_banner {
    display: block;
}

.main_banner img {
    max-width: 100%;
    display: block;
    object-fit: cover;
    margin: 0 auto;
}

.hero_container .container {
    backdrop-filter: blur(15px);
    box-shadow: 0px 4px 20px 0px #0000000D;
    background: rgba(255,255,255,0.25);
    position: absolute;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -80px;
    padding: 0px 40px;
    border-radius: 8px;
}

.hero_container  .banner_text {
    display: flex;
    /*align-items: center;*/
    padding: 50px 0px;
    position: relative;
}

.hero_container .banner_text .banner_text_divide {
    flex: 3;
}

.hero_container .banner_text 
 .banner_text_divide-rt {
    flex: 2;
}

.hero_container .banner_text .banner_text_divide h2 {
    font-weight: 400;
    font-size: 48px;
    margin: 0px 0px 20px;
    line-height: 1.3em;
}

.hero_container .banner_text .banner_text_divide  a {
    background: #1B1B1B;
    border-radius: 4px;
    padding: 10px 17px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px 10px;
    color: #FFF;
}

.hero_container {
    margin-bottom: 100px;
    position: relative;
}

.hero_container .banner_text:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    background: #9847FF;
    height: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


/* banner css end */

/****recomended read start****/
.main_recommended_reads {
    display: block;
    margin: 15% 0px 0px;
}

.comman_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comman_head h2 {
    margin: 0;
    font-weight: 400;
    font-size: 45px;
    line-height: 100%;
    color: #212529;
    letter-spacing: normal;
    flex: 1;
}

.comman_head p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    margin: 0;
    text-align: right;
    flex: 1.5;
}

/*  */
.card_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
    margin: 50px 0px 0px 0px;
}

.card_grid .card_repeat {
    display: block;
    position: relative;
}

.card_grid .card_repeat img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
}

.card_grid .card_repeat h2.go_up {
    font-size: 14px;
    position: absolute;
    background: #00000033;
    backdrop-filter: blur(10px);
    top: 15px;
    left: 15px;
    margin: 0;
    color: #FFF;
    padding: 7px 20px;
    font-weight: 400;
    border-radius: 50px;
}

.card_grid .card_repeat .case_sty {
    background: #FFFFFF80;
    backdrop-filter: blur(15px);
    border-radius: 6px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 15px;
    right: 15px;
}

.card_grid .card_repeat .case_sty h3 {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0px 0px 10px;
}

.card_grid .card_repeat .case_sty h3 span {
    color: #21252980;
    padding: 0px 0px 0px 3px;
}

.card_grid .card_repeat .case_sty  h2 {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    color: #212529;
    margin: 0;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card_grid .card_repeat a.read-more {
    font-size: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

/* */
.main_recommended_reads .blog-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
    margin: 50px 0px 0px 0px;
}

.main_recommended_reads .blog-container .blog-post {
    display: block;
    position: relative;
}

.main_recommended_reads .blog-container .blog-post .post-top img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: cover;
}

.main_recommended_reads .blog-container .blog-post .post-top {
    position: relative;
}

.main_recommended_reads .blog-container .blog-post .post-top .post-category {
    font-size: 14px;
    position: absolute;
    background: #00000033;
    backdrop-filter: blur(10px);
    top: 15px;
    left: 15px;
    margin: 0;
    color: #FFF;
    padding: 7px 20px;
    font-weight: 400;
    border-radius: 50px;
}

.main_recommended_reads .blog-container .blog-post .post-bottom {
    background: #FFFFFF80;
    backdrop-filter: blur(15px);
    border-radius: 6px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 15px;
    right: 15px;
}
.main_recommended_reads .blog-container .blog-post .post-bottom  h3 {
    padding: 0;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0;
    display: block;
    margin: 0px 0px 10px;
}

.main_recommended_reads .blog-container .blog-post .post-bottom span.post-date {
    color: #21252980;
    padding: 0px 0px 0px 3px;
}

.main_recommended_reads .blog-container .blog-post .post-bottom h2.post-title {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    color: #212529;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main_recommended_reads .blog-container .blog-post a.read-more {
    font-size: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

/* */

.main_Capabilities_reads {
    display: block;
    margin: 90px 0px -130px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F1E6FF 100%);
    padding-bottom: 130px;
}

.main_Capabilities_reads .grid_card_mini {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
    margin: 50px 0px 0px;
}

.main_Capabilities_reads .mini_inner {
    display: block;
    position: relative;
        overflow: hidden;
    border-radius: 5px;
    transition: all .25s ease-out;
}

.main_Capabilities_reads .mini_inner:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.main_Capabilities_reads .mini_inner img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.main_Capabilities_reads .mini_inner h2 {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #00000080;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #FFF;
    padding: 12px 15px;
    margin: 0;
}

.main_Capabilities_reads .mini_inner.mini_inner_1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
}

.main_Capabilities_reads .mini_inner.mini_inner_2 {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.main_Capabilities_reads .mini_inner.mini_inner_3 {
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
}

.main_Capabilities_reads .mini_inner.mini_inner_4 {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}

.main_Capabilities_reads .mini_inner.mini_inner_5 {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
}

.main_Capabilities_reads .mini_inner.mini_inner_6 {
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
}

.main_Capabilities_reads .mini_inner.mini_inner_7 {
    grid-column: 3 / span 1;
    grid-row: 2 / span 2;
}


/****recomended read end****/

/******beyond tech css start*******/
.main_technology {
    display: block;
    margin: 50px 0px 50px;
}

.main_technology .beyond_teh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #1B1B1B;
    padding: 50px 40px;
    gap: 10px;
}

.main_technology .beyond_teh .leftbeyond {
    flex: 1;
}

.main_technology .beyond_teh .leftbeyond h2 {
    font-weight: 400;
    font-size: 44px;
    letter-spacing: 0;
    color: #FFFFFF;
    margin: 0px 0px 10px;
}

.main_technology .beyond_teh .leftbeyond p {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    color: #FFF;
    text-align: left;
}

.main_technology .beyond_teh a {
    border: 1px solid #FFFFFF;
    color: #FFF;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 10px;
    border-radius: 4px;
    padding: 8px 20px;
}

/******beyond tech css end*******/

/***manufacture css start*****/
.main_manufacturing {
    display: block;
    padding: 180px 0px;
    background-image: url(./assets/manufator_banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.main_manufacturing .someting_inner {
    display: block;
    max-width: 680px;
}

.main_manufacturing .someting_inner h2 {
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0;
    margin: 0px 0px 50px;
    color: #FFF;
}

.main_manufacturing .someting_inner p {
    color: #FFF;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.7em;
    max-width: 85%;
    margin: 0px 0px 60px;
}

.main_manufacturing .someting_inner a {
    border: 1px solid #FFFFFF;
    color: #FFF;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px 10px;
    border-radius: 4px;
    padding: 8px 20px;
}
/***manufacture css end*****/

/*****plant css start******/
.main_plant {
    display: block;
    margin: 0px 0px 0px;
    position: relative;
}

.main_plant .inner_plant {
    display: flex;
    flex-wrap: wrap;
}

.main_plant .inner_plant .plant_text {
    width: 45%;
    background: #9847FF;
    display: flex;
    align-items: center;
    padding: 0px 60px;
}
.main_plant .inner_plant .plant_text span {
    color: #FFF;
    display: block;
    margin-bottom: 10px;
        text-align: justify;
}

.main_plant .inner_plant .plant_image {
    width: 55%;
}

.main_plant .inner_plant .plant_image img {
    max-width: 100%;
    display: block;
    margin:  0 auto;
    width: 100%;
}

.main_plant .inner_plant .plant_text  p {
    font-weight: 400;
    font-size: 45px;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #FFF;
        text-align: left;
}

.main_plant .stay_update {
    position: absolute;
    bottom: 30px;
    left: 60px;
    display: flex;
    align-items: center;
    gap: 0px 60px;
    background: #621BBC;
    border-radius: 8px;
    padding: 30px;
    max-width: 70%;
    width: 100%;
    right: 0;
}

.main_plant .stay_update h2 {
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0;
    color: #FFF;
    margin: 0;
    flex: 1;
}

.main_plant .stay_update .form_update {
    position: relative;
}

.main_plant .stay_update .form_update form {
    position: relative;
}

.main_plant .stay_update .form_update form input {
    background: #FFFFFFBF;
    box-shadow: none;
    outline: none;
    border: 0;
    padding: 0px 135px 0px 10px;
    height: 50px;
    border-radius: 8px;
    width: 100%;
}

.main_plant .stay_update .form_update form input::placeholder {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
}

.main_plant .stay_update .form_update  button {
    position: absolute;
    right: 5px;
    border-radius: 4px;
    padding: 0px 20px;
    box-shadow: none;
    outline: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
    color: #621BBC;
    gap: 0px 10px;
}

/*****plant css end******/

/****footer css start****/
footer {
    display: block;
    padding: 40px 0px 40px;
}

.footer_inn {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.footer_inn .footer_left {
    width: 60%;
}

.footer_inn .footer-right {
    width: 40%;
    text-align: right;
}

.footer_inn .footer_left .fooetr_top {
    display: flex;
    flex-wrap: wrap;
}

.footer_inn .footer_left .fooetr_top .footer_column {
    flex: 1;
}

.footer_inn .footer_left .fooetr_top .footer_column h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0px 0px 15px;
}

.footer_inn .footer_left .fooetr_top .footer_column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_inn .footer_left .fooetr_top .footer_column ul li {
    display: block;
    margin: 0px 0px 5px;
}

.footer_inn .footer_left .fooetr_top .footer_column ul li a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #1B1B1B;
    transition: all .25s ease-out;
}

.footer_inn .footer_left .fooetr_top .footer_column ul li a:hover {
    color: #a0a0a0;
}

.footer_inn .footer_left .footer_middle {
    display: block;
    border-bottom: 1px solid #000000;
    margin: 40px 0px 15px;
    padding: 0px 0px 15px;
}

.footer_inn .footer_left .footer_middle p {
    margin: 0;
    color: #1B1B1B;
    font-size: 14px;
}

.footer_inn .footer_left .footer_bottom p {
    font-size: 14px;
}


.footer_inn .footer-right .footer_logo img {
    max-width: 67%;
    display: block;
    margin-left: auto;
}


.footer_right_inner .get_in_touch {
    display: block;
    margin: 30px 0px 40px;
}

.footer_right_inner .get_in_touch a {
    background: #1B1B1B;
    border-radius: 4px;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    color: #FFF;
    display: inline-flex;
    gap: 0px 10px;
    align-items: center;
}


.footer_right_inner .trust_badge img {
    display: block;
    max-width: 60%;
    margin-left: auto;
    filter: invert(1);
}
/****footer css end****/


/*****insight page css start*****/
.main_insights .hero_container .banner_text .banner_text_divide h2 {
    margin: 0;
    font-size: 36px;
}

.main_insights .hero_container .banner_text .banner_text_divide {
    flex: 1;
}

.main_insights .hero_container .banner_text .banner_text_divide h2 span {
    display: block;
    font-family: PT Sans;
    font-weight: 700;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 1.3em;
    background: linear-gradient(90.02deg, #2B0D52 7%, #9847FF 66.6%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* for Firefox */
    color: transparent;
}
.main_insights .card_grid {
    margin-bottom: 60px;
}

.comman_head_filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 50px;
}

.comman_head_filter .sortt {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.comman_head_filter .sortt span {
    color: #828282;
    font-size: 17px;
    padding-bottom: 5px;
}

.comman_head_filter .sortt .dropdown button {
    padding: 0px 0px 5px;
    background: transparent;
    outline: none;
    border: 0;
    box-shadow: none;
    color: #000000;
     /* For modern browsers */
    border-bottom: 1px solid #9847ff;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.comman_head_filter .sortt .dropdown button:after {
    display: none;
}

.filtter {
    padding: 0px 0px 5px;
    background: transparent;
    outline: none;
    border: 0;
    box-shadow: none;
    color: #000000;
    border-bottom: 1px solid #9847ff;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0px 15px;
}

.main_recommended_reads {
    margin: 12% 0px 0px;
}

/*****insight page css end*****/

/****about page css start******/
.main_about .hero_container .banner_text {
    display: block;
}

.main_about .hero_container .container {
    backdrop-filter: blur(15px);
    box-shadow: 0px 4px 20px 0px #0000000D;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 29.89%);
}

/***hundred section css start***/
.main_hundred {
    display: none;
    padding: 60px 0px 50px;
}

.main_logo_container {
    padding: 60px 0px 0px;
}

.main_hundred .inner_hundred {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 0px 20px;
}

.main_hundred .inner_hundred .repeat_hubdred h2 {
    font-weight: 700;
    font-size: 64px;
    line-height: normal;
    letter-spacing: 0;
    margin: 0px 0px 10px;
}

.main_hundred .inner_hundred .repeat_hubdred p {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
}

/***hundred section css end***/

/***our purpose css start*****/
.main_purpose {
    display: block;
    padding: 0px 0px 0px;
}


.main_purpose .inner_purpose h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 1.6em;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0px 0px 20px;
}

.main_purpose .inner_purpose p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0;
}
.main_purpose.main_partner {
    padding: 70px 0px 0px;
}
/***our purpose css end*****/

/***our partner css start***/
.partner_logos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    gap: 0;
    margin: 70px 0px 0px;
}

.partner_logos .in_logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner_logos .in_logo img {
    max-width: 75%;
    display: block;
    margin: 0 auto;
}

.partner_logos .in_logo {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    padding: 15px 20px;
}

.partner_logos .in_logo:nth-last-child(-n+5) {
    border-bottom: 0;
}

.partner_logos .in_logo:nth-child(5),
.partner_logos .in_logo:nth-child(10),
.partner_logos .in_logo:nth-child(15) {
      border-right: 0;
}
/***our partner css end***/

/****somewhat explore css start****/
.main_somewhat_explore {
    display: block;
    padding: 90px 0px 90px;
}

.inner_somewhat_explore {
    display: flex;
    flex-wrap: wrap;
    background-image: url(./assets/about_explor_banner.png);
    border-radius: 8px;
    padding: 120px 50px;
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
}

.inner_somewhat_explore ._leftsome_what {
    flex: 1;
}

.inner_somewhat_explore ._leftsome_what h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;
    color: #FFF;
    margin: 0;
}


.inner_somewhat_explore .right_somewhat ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inner_somewhat_explore .right_somewhat ul li {
    margin: 0px 0px 30px;
}

.inner_somewhat_explore .right_somewhat ul li a {
    display: inline-flex;
    align-items: center;
    gap: 0px 7px;
    color: #FFF;
    font-weight: 400;
    font-size: 22px;
    line-height: 180%;
    letter-spacing: 0;
    border-bottom: 1px solid #9847FF;
    padding: 0px 0px 3px;
}

.inner_somewhat_explore .right_somewhat ul li:last-child {
    margin: 0;
}
/****somewhat explore css end****/

/****about page css start******/
.inner_somewhat_explore {
    background-image: url(./assets/contact_explor_banner.png);
}


/*****contact us page css start****/

.main_contact .hero_container .banner_text {
    display: block;
}

.main_form_contact {
    display: block;
    padding: 60px 0px 0px;
}

.main_form_contact .inner_form {
    display: flex;
    align-items: flex-start;
    gap: 0px 50px;
}

.inner_form .form_left {
    flex: 1;
}

.inner_form .form_right {
    flex: 1.5;
}

.inner_form .form_left .form_info {
    display: block;
    margin: 0px 0px 40px;
}

.inner_form .form_left .form_info h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0px 0px 25px;
}

.inner_form .form_left .form_info p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    margin: 0;
}

.inner_form .form_left .form_info p a {
    color: #1B1B1B;
}

.inner_form .form_left .form_info:last-child {
    margin: 0;
}

.inner_form .form_right h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0px 0px 25px;
}

.inner_form .form_right form .divide_two_main {
    display: flex;
    align-items: center;
    gap: 0px 20px;
    margin-bottom: 20px;
}

.inner_form .form_right form .divide_two_main .divide_two {
    flex: 1;
}

.inner_form .form_right form .divide_two_main .divide_two input {
    width: 100%;
    outline: none;
    box-shadow: none;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #F4F4F4;
}

.inner_form .form_right form .divide_two_main .divide_two input::placeholder {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #A6A6AB;
}

.inner_form .form_right form  .main_messgae {
    display: block;
    margin: 0px 0px 20px;
}

.inner_form .form_right form .main_messgae textarea {
    width: 100%;
    outline: none;
    box-shadow: none;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #F4F4F4;
}
.inner_form .form_right form .main_messgae textarea::placeholder{
        font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #A6A6AB;
}

.inner_form .form_right form .fomr_check {
    display: flex;
    margin: 0px 0px 20px;
    align-items: center;
    gap: 0px 10px;
}

.inner_form .form_right form .fomr_check label {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #1B1B1B;
    line-height: normal;
}

.inner_form .form_right form .main_submit button {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: #FFF;
    background: #1B1B1B;
    outline: none;
    border: 0;
    box-shadow: none;
    padding: 16px 40px;
    border-radius: 4px;
    text-transform: capitalize;
}

.inner_form .form_right form .main_submit {
    display: block;
    margin: 30px 0px 0px;
}
/*****contact us page css end****/

/***ploicy page css start****/
.main_legal {
    display: block;
    margin: 10% 0px 0px;
}

.inner_legal .legal_head {
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.inner_legal .legal_head h1 {
    font-weight: 400;
    font-size: 62px;
    line-height: 160%;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0px 0px 5px;
}

.inner_legal .legal_head span {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0;
    color: #898989;
}

.inner_legal .legal_body h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 160%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0px 0px 20px;
}

.inner_legal .legal_body p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0;
    margin: 0;
}

.body_phae {
    display: block;
    margin: 0px 0px 60px;
}

.body_phae ul {
    margin: 0;
    padding: 20px 0px 0px 10px;
    list-style: disc;
    list-style-position: inside;
}

.body_phae ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0;
    margin: 0;
}

/***ploicy page css end****/


/***career page css start*****/
.main_insights.main_career .hero_container .banner_text .banner_text_divide h2 span {
    color: #1B1B1B;
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
}

.main_work_process {
    display: block;
    padding: 50px 0px 0px;
}

.main_work_process .inner_processiq h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 160%;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0;
}

.inner_processiq .why_griid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
    margin: 30px 0px 0px;
}

.inner_processiq .why_griid .why_repeatt {
    border-top: 3px solid #9847FF;
    box-shadow: 0px 0px 20px 0px #0000001A;
    display: flex;
    align-items: flex-start;
    padding: 25px 20px 45px 20px;
    gap: 0px 15px;
}

.why_griid .why_icon {
    width: 36px;
    height: 36px;
}

.why_griid .why_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.why_griid p {
    margin: 0;
    flex: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0;
}

.inner_processiq .why_content_text {
    display: block;
    margin: 50px 0px 0px;
}

.inner_processiq .why_content_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
    margin-bottom: 30px;
}

/******/
.main_open_rule {
    display: block;
    padding: 50px 0px 50px;
    background: linear-gradient(180deg, #EADAFF 0%, #FFFFFF 36.89%);
    margin: 80px 0px 0px;
}
.main_open_rule .inner_open_rule .opnerule_title {
    font-weight: 400;
    font-size: 40px;
    line-height: 160%;
    letter-spacing: 0;
    color: #1B1B1B;
    margin: 0px 0px 20px;
    padding: 0px 0px 20px;
    border-bottom: 1px solid #0000001A;
}

.inner_open_rule .open_filter {
    display: block;
    padding: 10px 0px 30px;
}

.inner_open_rule .open_filter .sortt {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.inner_open_rule .open_filter .sortt span {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0;
    padding-bottom: 8px;
}

.inner_open_rule .open_filter .sortt button {
    padding: 0px 0px 5px;
    background: transparent;
    outline: none;
    border: 0;
    box-shadow: none;
    color: #000000;
    border-bottom: 1px solid #9847ff;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0px 10px;
    font-weight: 700;
}

.inner_open_rule .open_filter .sortt button::after {
    display: none;
}

.inner_open_rule .open_filter .sortt button svg {
    width: 16px;
    height: 16px;
}


.inner_open_rule ul {
    display: block;
    margin: 0;
    padding: 0;
}

.inner_open_rule ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #C8C8C8;
    border-top: 0;
    padding: 30px 20px;
}

.inner_open_rule ul li:first-child {
    border-top: 1px solid #C8C8C8;
}

.inner_open_rule ul li .left_rule {
    flex: 1;
}

.inner_open_rule ul li .right_rule {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 0px 30px;
    align-items: center;
}

.inner_open_rule ul li .left_rule h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 25px;
    letter-spacing: 0;
    margin: 0px 0px 10px;
}

.inner_open_rule ul li .left_rule span {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.inner_open_rule ul li .right_rule .roungd {
    background: #00000014;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    color: #000;
    padding: 5px 20px;
    border-radius: 50px;
}

.inner_open_rule ul li .right_rule .roungd_corner {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    color: #FFF;
    padding: 8px 23px;
    background: #9847FF;
    border-radius: 4px;
}

/***career page css end*****/

/***caapablity page css start****/
.main_capablity_outer .hero_container .container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, #FFFFFF 40.4%);
}

.main_capablity_outer .hero_container  span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
}

.main_capablity_outer .hero_container .banner_text .banner_text_divide h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: 0;
    margin: 4px 0px 0px;
}

.bottom_banner_text {
    display: block;
    margin: 0px;
    padding: 50px 0px 70px;
}


.bottom_banner_text .inner_btm_text_bnr p {
    margin: 0px 0px 20px;
    font-weight: 400;
    font-size: 19px;
    line-height: 160%;
    letter-spacing: 0;
}

.main_help {
    display: block;
    margin: 0px 0px;
    padding: 0px 0px 0px;
}

.main_help .inner_hellp h2 {
    font-weight: 400;
    /*font-size: 36px;*/
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    /*margin: 0px 0px 30px;*/
    margin: 0px 0px 15px;
}

.main_help .help_griss {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.main_help .help_griss .wrpa_help_gris {
    background-image: url(./assets/help_background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #2D0067;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 60px 0px;
}

.main_help .help_griss .wrpa_help_gris h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0;
    color: #FFF;
    margin: 0;
}

.main_help .help_griss .wrpa_help_gris p {
    font-weight: 400;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0;
    color: #FFF;
    margin: 0;
    text-align: left;
}

.main_help .help_griss .wrpa_help_gris  a {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #C496FF;
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

/*  */
.main_insighthelp {
    display: block;
    margin: 80px 0px 0px;
}

.inner_insighthelp .insight_tile {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0px 0px 30px;
}

.main_insighthelp .insighthelp_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px 10px;
}

.insighthelp_wrap {
    border-right: 0.5px solid #00000080;
    padding-right: 10px;
        position: relative;
}

.insighthelp_wrap a.read-more {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.main_insighthelp .insighthelp_grid .insighthelp_img {
    margin: 0px 0px 7px;
        width: 100%;
    height: 200px;
    position: relative;
}

.main_insighthelp .insighthelp_grid .insighthelp_img img {
    max-width: 100%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.insighthelp_wrap .insighthelp_text span {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0;
    color: #9847FF;
}

.insighthelp_wrap .insighthelp_text h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0;
    color: #212529;
    margin: 10px 0px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.insighthelp_wrap .insighthelp_text  p {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    color: #212529;
    margin: 0px 0px 20px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.insighthelp_wrap .insighthelp_text  .btm_insightt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.insighthelp_wrap .insighthelp_text .btm_insightt p {
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0;
    color: #21252980;
    margin: 0;
}

.insighthelp_wrap .insighthelp_text .btm_insightt  button {
    border: 0;
    box-shadow: none;
    outline: none;
    background: transparent;
    display: flex;
}

.inner_insighthelp .see_more_insight {
    display: block;
    text-align: center;
    margin: 50px 0px 0px;
}

.inner_insighthelp .see_more_insight a {
    display: inline-flex;
    border: 1px solid #9847FF;
    color: #9847FF;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    padding: 10px 20px;
    align-items: center;
    gap: 0px 10px;
    border-radius: 4px;
}

.insighthelp_wrap:last-child {
    padding: 0;
    border: 0;
}

.hundred_title {
    display: block;
    margin: 0px 0px 0px;
}

.hundred_title h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0px 0px 30px;
}

/*****slide logo css start*****/

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slide1 {
    from  {
        transform: translateX(0%);
    }

    to  {
        transform: translateX(100%);
    }
}


.logos {
    overflow: hidden;
    padding: 2em 0;
    background-color: #F7F7F7;
    white-space: nowrap;
    position: relative;
    display: flex;

}

.logos.labour-law-logos {
    padding-top: 2em;
    background-color: #ffffff;
}

.logos:before,
.logos:after {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    content: "";
    z-index: 2;
}

.logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #f5f5f5);
}

.logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f5f5f5);
}

.logos:hover .logos-slide {
    animation-play-state: paused;
}

.logos-slide {
    background-color: #F7F7F7;
    display: flex;
    gap: 120px;
    margin-right: 120px;
    animation: 80s slide infinite linear;
}
.logos1 {
    overflow: hidden;
    padding: 2em 0;
    background-color: #F7F7F7;
    white-space: nowrap;
    position: relative;
    display: flex;
flex-direction: row-reverse;

}
.logos1:before,
.logos1:after {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    content: "";
    z-index: 2;
}

.logos1:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #f5f5f5);
}

.logos1:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f5f5f5);
}

.logos1:hover .logos-slide-right {
    animation-play-state: paused;
}

 .logos-slide-right {
    
    background-color: #F7F7F7;
    display: flex;
    gap: 120px;
    margin-right: 120px;
    animation: 80s slide1 infinite linear;

}

.logos1.labour-law-logos{
    background-color: #ffffff;
}
.labour-law-logos .logos-slide {
    background-color: #ffffff;
}

.labour-law-logos .logos-slide-right {

    background-color: #ffffff;

}

.logos.labour-law-logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
}

.logos.labour-law-logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}

.logos1.labour-law-logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
}

.logos1.labour-law-logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.logo_slide_img img{
  width: 120px;
}


.patnership_title h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0;
}

/*****slide logo css end*****/

.main_technology.new_partnerrs .beyond_teh {
    background: transparent;
    background-color: #1B1B1B;
    background-image: url(./assets/for_inquery.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main_technology.new_partnerrs .beyond_teh .leftbeyond p {
    margin: 0;
}

.main_technology.new_partnerrs .beyond_teh .leftbeyond h2 {
    font-family: PT Sans;
    font-weight: 700;
    font-size: 36px;
    line-height: 180%;
    letter-spacing: 0;
    margin: 0;
}

.main_technology.new_partnerrs .beyond_teh  a {
    background: #9847FF;
    border: 0;
}

.main_capablity_details .main_insighthelp {
    margin: 40px 0px 0px;
}
/***caapablity page css end****/


/*****healthcare page css start******/
.main_capablity_outer.main_healthcare_outer .hero_container .banner_text .banner_text_divide h2 {
    margin-bottom: 15px;
}

/*.wrpa_help_healthcare {
    box-shadow: 0px 0px 20px 0px #0000000D;
    display: flex;
    transition: all .25s ease-out;
}*/

.wrpa_help_healthcare:hover {
    box-shadow: 0px 0px 20px 0px #0000002b;
}

/*.wrpa_help_healthcare .left_healthcar {
    flex: 1;
    width: 50%;
}*/

/*.wrpa_help_healthcare .right_image_health {
    flex: 1;
    width: 50%;
}*/

.wrpa_help_healthcare .left_healthcar .left_healthcar_inner {
    /*display: flex;*/
    flex-wrap: wrap;
    height: 100%;
    padding: 15px;
}

.wrpa_help_healthcare .left_healthcar .left_healthcar_inner span {
    background: #0000000D;
    align-self: flex-start;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 0;
    color: #30303099;
    padding: 4px 10px;
    border-radius: 20px;
}

.wrpa_help_healthcare .left_healthcar .left_healthcar_inner  h2 {
    align-self: flex-end;
    margin: 40px 0px 0px 0px;
    font-weight: 400;
    /*font-size: 14px;*/
      font-size: 20px;
    line-height: 130%;
    letter-spacing: 0;
}

/*.wrpa_help_healthcare .right_image_health img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
} */

.main_help.main_help_healthcare {
    padding: 80px 0px 50px;
}

.main_help.main_help_healthcare .help_griss {
    gap: 40px 20px;
}

/*****healthcare page css end******/


/***healthcare detail page css start*****/
.main_help_pharma_clients {
    display: block;
    padding: 70px 0px 30px;
}

.main_help_pharma_clients h2.pharma_tile {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0px 0px 30px;
}

.inner_pharma_help .pharma_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 0px;
}

.inner_pharma_help .pharma_grid .repeat_pharma {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    padding: 20px 20px 20px 20px;
}

.inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+3), .inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+6) {
    border-right: 0;
}

.inner_pharma_help .pharma_grid h2 {
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0;
    margin: 0px 0px 20px;
    line-height: 1.2em;
}
.inner_pharma_help .pharma_grid h2 span {
    padding: 0px  10px 0px 0px;
}

.inner_pharma_help .pharma_grid p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color: #535353;
    margin: 0;
}

.inner_pharma_help .pharma_grid .repeat_pharma:nth-last-child(-n+3) {
    border-bottom: 0;
}

/***healthcare detail page css end*****/



/* media start */

@media(max-width:1280px)
{
    .dropdown-content .dropdown-content-inner {
        overflow: auto;
        height: 69.5vh;
    }
}

@media(max-width:1180px)
{
    .hero_container .banner_text .banner_text_divide h2 {
        font-size: 36px;
    }

    .main_hundred .inner_hundred .repeat_hubdred h2 {
        font-size: 44px;
    }
    
    .main_hundred .inner_hundred .repeat_hubdred p {
        font-size: 16px;
    }
    
    .main_purpose .inner_purpose h2 {
        font-size: 36px;
    }
    
    .main_purpose .inner_purpose p {
        font-size: 16px;
    }
    
    .inner_somewhat_explore ._leftsome_what h2 {
        font-size: 36px;
    }

    .main_legal {
        margin: 13% 0px 0px;
    }
    
    .inner_legal .legal_head h1 {
        font-size: 52px;
    }
    
    .inner_legal .legal_head span {
        font-size: 18px;
    }
    
    .inner_legal .legal_body h2 {
        font-size: 20px;
    }
    .main_plant .inner_plant .plant_text {
        padding: 0px 30px 100px;
    }
}

@media(max-width:1025px)
{
    .card_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
    }
    
    .main_recommended_reads .blog-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
}
    .main_recommended_reads .blog-container .blog-post .post-top img {
    width: 100%;
}

    .card_grid .card_repeat img {
        width: 100%;
        height: 100%;
    object-fit: cover;
    }
    
    .comman_head h2 {
        font-size: 38px;
    }
    
    .comman_head {
        gap: 0px 20px;
    }
    
    .main_Capabilities_reads .mini_inner h2 {
        font-size: 18px;
    }
    
    .main_plant .inner_plant .plant_text p {
        font-size: 30px;
    }
    
    .main_plant .stay_update h2 {
        font-size: 22px;
    }
    
    .main_plant .stay_update {
        max-width: 80%;
        bottom: 10px;
    }

    .partner_logos .in_logo img {
        max-width: 85%;
    }

    .inner_somewhat_explore ._leftsome_what h2 {
        font-size: 26px;
    }
    
    .inner_somewhat_explore .right_somewhat ul li a {
        font-size: 16px;
    }

    .inner_form .form_left .form_info h2 {
        font-size: 28px;
    }
    
    .inner_form .form_right h2 {
        font-size: 28px;
    }
    
    .inner_form .form_left .form_info p {
        font-size: 16px;
    }

    .inner_legal .legal_head h1 {
        font-size: 42px;
    }
    
    .inner_legal .legal_head span {
        font-size: 16px;
    }
    
    .main_legal {
        margin: 16% 0px 0px;
    }
    
    .inner_legal .legal_head {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    
    .inner_legal .legal_body h2 {
        font-size: 18px;
    }
    
    .inner_legal .legal_body p {
        font-size: 16px;
    }
    
    .body_phae ul li {
        font-size: 16px;
    }

    .main_insights .hero_container .banner_text .banner_text_divide h2 span {
        font-size: 51px;
    }
    
    .main_insights .hero_container .banner_text .banner_text_divide h2 {
        font-size: 26px;
    }

    .main_insights.main_career .hero_container .banner_text .banner_text_divide h2 span {
        font-size: 51px;
    }
    
    .main_insights.main_career .hero_container .banner_text .banner_text_divide h2 {
        font-size: 28px;
    }
    
    .main_work_process .inner_processiq h2 {
        font-size: 30px;
    }
    
    .inner_processiq .why_griid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .main_open_rule .inner_open_rule .opnerule_title {
        font-size: 30px;
    }
    
    .inner_open_rule ul li .left_rule h2 {
        font-size: 22px;
    }
    
    .inner_open_rule ul li .left_rule span {
        font-size: 14px;
    }

    .main_capablity_outer .hero_container .banner_text .banner_text_divide h2 {
        font-size: 30px;
    }
    
    .bottom_banner_text .inner_btm_text_bnr p {
        font-size: 16px;
    }
    
    /*.main_help .inner_hellp h2 {
     font-size: 28px;
    }*/
    
    .main_help .help_griss {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .inner_insighthelp .insight_tile {
        font-size: 28px;
    }
    
    .main_insighthelp .insighthelp_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px;
    }
    
    .insighthelp_wrap:nth-child(+2) {
        padding: 0;
        border: 0;
    }
    
    .main_insighthelp .insighthelp_grid .insighthelp_img img {
        width: 100%;
    }
    
    .hundred_title h2 {
        font-size: 28px;
    }
    
    .patnership_title h2 {
        font-size: 28px;
    }
    
    .main_technology.new_partnerrs .beyond_teh .leftbeyond h2 {
        font-size: 22px;
    }

    .main_help_pharma_clients h2.pharma_tile {
        font-size: 28px;
    }
    
    .main_help_pharma_clients {
        padding: 50px 0px 30px;
    }
    
    .inner_pharma_help .pharma_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+3), .inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+6) {
        border-right: 1px solid #E3E3E3;
    }
    
    .inner_pharma_help .pharma_grid .repeat_pharma:nth-last-child(-n+3) {
        border-bottom: 1px solid #E3E3E3;
    }
    
    .inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+2), .inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+4), .inner_pharma_help .pharma_grid .repeat_pharma:nth-child(+6) {
        border-right: 0;
    }
    
    .inner_pharma_help .pharma_grid .repeat_pharma:nth-last-child(-n+2) {
        border-bottom: 0;
    }

}

@media(max-width:992px)
{
    .hero_container .banner_text .banner_text_divide h2 {
        font-size: 28px;
    }

    .comman_head p {
        font-size: 14px;
        text-align: right;
    }
    
    .main_technology .beyond_teh .leftbeyond h2 {
        font-size: 28px;
    }
    
    .main_technology .beyond_teh .leftbeyond p {
        font-size: 14px;
    }
    
    .main_technology .beyond_teh a {
        font-size: 14px;
    }
    
    .main_manufacturing {
        padding: 90px 0px;
    }
    
    .main_manufacturing .someting_inner h2 {
        font-size: 38px;
        margin: 0px 0px 40px;
    }
    
    .main_manufacturing .someting_inner p {
        font-size: 16px;
        margin: 0px 0px 50px;
    }
    
    .main_manufacturing .someting_inner a {
        font-size: 14px;
    }
    
    .main_plant .inner_plant .plant_text {
        padding: 0px 25px;
        width: 50%;
    }
    
    .main_plant .inner_plant .plant_image {
        width: 50%;
    }
    
    .main_plant .stay_update {
        position: relative;
        bottom: 0;
        max-width: 90%;
        left: 0;
        margin: 30px auto 0;
    }
    
    .main_plant .stay_update h2 {
        font-size: 18px;
    }

    /**********/
    .dropdown-content {
        display: none;
        position: static;
        width: 100%;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        border: 0;
        max-width: 100%;
    }

    .dropdown.active .dropdown-content {
        display: block; /* Show dropdown when active */
    }

    .navbar {
        padding-bottom: 20px;
    }
    .dropdown-content-space .down_botom .drop_col {
        margin-bottom: 30px;
    }

    .nav-item.dropdown {
        width: 100%;
    }

    .nav-item {
        position: relative;
    }

    .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .dropdown-content .dropdown-content-inner {
        padding: 20px 0px 0px 0px;
        background: transparent;
        border-bottom: 1px solid #9847ff;
        overflow: unset;
        height: unset;
    }
    
    .dropdown-content-space .down_botom {
        display: block;
        margin: 30px 0px 0px;
    }
    
    .dropdown-content-space .drop_head p {
        word-break: break-all;
        white-space: normal;
        font-size: 14px;
    }
    
    .dropdown-content-space {
        overflow: auto;
        height: 200px;
        padding-bottom: 10px;
    }
    
    .dropdown-content-space::before {
        display: none;
    }
    
    .dropdown-content-space .drop_head h2 {
        font-size: 18px;
    }
    .dropdown-content-space .drop_head.indust {
        display: block;
    }
    
    .dropdown-content-space .drop_head.indust .drop_head_col_2 {
        display: none;
    }

}

@media(max-width:576px)
{
    .hero_container .container {
        position: relative;
        left: unset;
        transform: none;
        /*bottom: 0;*/
        bottom: 50px;
        padding: 0px 20px;
    }
    
    .hero_container {
        /*margin-bottom: 50px;*/
        margin-bottom: 0px;
        margin-top: 69.38px;
    }
    
    .fixed-top {
        top: 0;
        border-radius: 0;
    }
    
    .hero_container .banner_text {
        padding: 30px 0px;
        display: block;
    }
    
    .hero_container .banner_text .banner_text_divide-rt {
        margin: 30px 0px 0px;
    }

    .hero_container .banner_text .banner_text_divide h2 {
        font-size: 24px;
    }
    
    .hero_container .banner_text .banner_text_divide-rt p {
        font-size: 14px;
    }
    
    .main_recommended_reads {
        margin: 13% 0px 0px;
    }
    
    .comman_head {
        display: block;
    }
    
    .comman_head h2 {
        font-size: 28px;
        margin-bottom: 13px;
    }
    
    .comman_head p {
        text-align: left;
    }
    
    .card_grid {
        grid-template-columns: inherit;
    }
    
        .main_recommended_reads .blog-container {
  grid-template-columns: inherit;

}

    .main_Capabilities_reads {
        margin: 60px 0px -130px;
    }
    
    .main_Capabilities_reads .grid_card_mini {
        grid-template-columns: inherit;
        margin: 30px 0px 0px;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_1 {
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_2 {
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_3 {
        grid-column: 1 / span 1;
        grid-row: 3 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_4 {
        grid-column: 1 / span 1;
        grid-row: 4 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_5 {
        grid-column: 1 / span 1;
        grid-row: 5 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_6 {
        grid-column: 1 / span 1;
        grid-row: 6 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner.mini_inner_7 {
        grid-column: 1 / span 1;
        grid-row: 7 / span 1;
    }
    
    .main_Capabilities_reads .mini_inner h2 {
        font-size: 14px;
    }
    
    .main_technology .beyond_teh {
        display: block;
        padding: 40px 20px;
    }
    
    .main_technology .beyond_teh a {
        display: inline-flex;
    }
    
    .main_manufacturing {
        padding: 70px 0px;
    }
    
    .main_manufacturing .someting_inner h2 {
        font-size: 28px;
        margin: 0px 0px 20px;
    }
    
    .main_manufacturing .someting_inner p {
        font-size: 14px;
        max-width: 100%;
        margin: 0px 0px 30px;
    }
    
    .main_plant .inner_plant .plant_text {
        width: 100%;
        padding: 30px 20px;
    }
    
    .main_plant .inner_plant .plant_text p {
        font-size: 28px;
        margin: 0;
    }
    
    .main_plant .inner_plant .plant_image {
        width: 100%;
    }
    
    .main_plant .stay_update {
        display: block;
        padding: 20px;
    }
    
    .main_plant .stay_update h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    /*  */
    .footer_inn {
        display: block;
    }
    
    .footer_inn .footer_left {
        width: 100%;
    }
    
    .footer_inn .footer_left .fooetr_top {
        display: block;
    }
    
    .footer_inn .footer_left .fooetr_top .footer_column {
        margin-bottom: 20px;
    }
    
    .footer_inn .footer_left .fooetr_top .footer_column:last-child {
        margin-bottom: 0;
    }
    
    .footer_inn .footer_left .footer_middle {
        margin: 30px 0px 15px;
    }
    
    .footer_inn .footer-right {
        width: 100%;
        text-align: left;
        margin: 31px 0px 0px;
    }
    
    .footer_inn .footer-right .footer_logo img {
        margin: 0;
    }
    
    .footer_right_inner .trust_badge img {
        margin: 0;
    }
    
    .footer_right_inner .get_in_touch {
        margin: 30px 0px 30px;
    }

    .main_insights .hero_container .banner_text .banner_text_divide h2 span {
        font-size: 48px;
    }
    
    .main_insights .hero_container .banner_text .banner_text_divide h2 {
        font-size: 26px;
    }

    .partner_logos {
        grid-template-columns: repeat(3, 1fr);
        margin: 40px 0px 0px;
    }
    
    .partner_logos .in_logo:nth-last-child(-n+5) {
    
        border-bottom: 1px solid #E3E3E3;
    }
    
    .partner_logos .in_logo:nth-child(5),
    .partner_logos .in_logo:nth-child(10),
    .partner_logos .in_logo:nth-child(15) {
          border-right: 1px solid #E3E3E3;
    
    }
    
    .partner_logos .in_logo:nth-child(3),
    .partner_logos .in_logo:nth-child(6),
    .partner_logos .in_logo:nth-child(9),
    .partner_logos .in_logo:nth-child(12),
    .partner_logos .in_logo:nth-child(15){
          border-right: 0;
    }
    
    .partner_logos .in_logo:nth-last-child(-n+3) {
        border-bottom: 0;
    }
    
    
    
    .main_hundred {
        padding: 0px 0px 40px;
    }
    
    .main_hundred .inner_hundred {
        grid-template-columns: inherit;
        gap: 30px 0px;
    }
    
    .main_hundred .inner_hundred .repeat_hubdred h2 {
        font-size: 36px;
    }
    
    .main_purpose {
        padding: 0px 10px 0px;
    }
    
    .main_purpose .inner_purpose h2 {
        font-size: 28px;
        margin: 0px 0px 10px;
    }
    
    .main_purpose .inner_purpose p {
        font-size: 14px;
    }
    
    .main_hundred .inner_hundred .repeat_hubdred p {
        font-size: 14px;
        margin: 0;
    }
    
    .main_purpose.main_partner {
        padding: 30px 10px 0px;
    }
    
    .partner_logos .in_logo {
        padding: 15px 15px;
    }
    
    .main_somewhat_explore {
        padding: 60px 0px 30px;
    }
    
    .inner_somewhat_explore {
        padding: 80px 20px;
        display: block;
    }
    
    .inner_somewhat_explore ._leftsome_what {
        margin: 0px 0px 50px;
    }
    
    .inner_somewhat_explore .right_somewhat ul li a {
        display: inline-block;
    }
    
    .main_form_contact {
        padding: 0px 0px 0px;
    }
    
    .main_form_contact .inner_form {gap: 50px 0px;flex-wrap: wrap;}
    
    .inner_form .form_left {
        width: 100%;
        flex: unset;
        order: 2;
    }
    
    .inner_form .form_right {
        width: 100%;
        flex: unset;
        order: 1;
    }
    
    .inner_form .form_right form .divide_two_main {
        display: block;
    }
    
    .inner_form .form_right form .divide_two_main .divide_two:first-child {
        margin-bottom: 20px;
    }
    
    .inner_form .form_right form .main_submit button {
        padding: 13px 30px;
    }
    
    .inner_form .form_left .form_info h2 {
        font-size: 20px;
        margin: 0px 0px 18px;
    }
    .inner_form .form_right form .fomr_check label {
        font-size: 14px;
    }
    
    .inner_form .form_left .form_info p {
        font-size: 14px;
    }
    
    .inner_form .form_left .form_info {
        margin: 0px 0px 30px;
    }

    .main_legal {
        margin: 23% 0px 0px;
    }
    
    .inner_legal .legal_head h1 {
        font-size: 32px;
    }
    
    .inner_legal .legal_head span {
        font-size: 14px;
    }
    
    .inner_legal .legal_head {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    
    .inner_legal .legal_body p {
        font-size: 14px;
    }
    
    .inner_legal .legal_body h2 {
        margin: 0px 0px 15px;
    }
    
    .body_phae {
        margin: 0px 0px 40px;
    }
    
    .body_phae ul li {
        font-size: 14px;
    }
    
    .main_insights.main_career .hero_container .banner_text .banner_text_divide h2 {
        font-size: 26px;
    }
    
    .main_insights.main_career .hero_container .banner_text .banner_text_divide h2 span {
        font-size: 48px;
    }
    
    .main_work_process {
        padding: 0px 0px 0px;
    }
    
    .main_work_process .inner_processiq h2 {
        font-size: 24px;
    }
    
    .inner_processiq .why_griid {
        grid-template-columns: inherit;
    }
    
    .inner_processiq .why_content_text p {
        font-size: 14px;
    }
    
    .main_open_rule .inner_open_rule .opnerule_title {
        font-size: 28px;
    }
    
    .main_open_rule {
        padding: 40px 0px 30px;
    }
    
    .inner_open_rule ul li {
        flex-wrap: wrap;
        gap: 20px 0px;
    }
    
    .inner_open_rule ul li .left_rule {
        flex: unset;
        width: 100%;
    }
    
    .inner_open_rule ul li .right_rule {
        flex: unset;
        width: 100%;
        justify-content: flex-start;
    }

    .main_capablity_outer .hero_container .banner_text .banner_text_divide h2 {
        font-size: 24px;
    }
    
    .bottom_banner_text .inner_btm_text_bnr p {
        font-size: 14px;
    }
    
    .bottom_banner_text {
        padding: 0px 0px 50px;
    }
    
    .main_help .help_griss {
        grid-template-columns: inherit;
    }
    
    .main_help .help_griss .wrpa_help_gris p {
        font-size: 24px;
    }
    
    .main_insighthelp {
        margin: 50px 0px 50px;
    }
    
    .main_insighthelp .insighthelp_grid {
        grid-template-columns: inherit;
        gap: 40px 0px;
    }
    
    .insighthelp_wrap {
        padding: 0;
        border: 0;
    }
    
    .main_technology.new_partnerrs .beyond_teh .leftbeyond h2 {
        line-height: 1.2em;
        margin-bottom: 20px;
    }
    .main_capablity_outer .hero_container span {
        font-size: 14px;
    }
    .main_capablity_details .main_insighthelp {
        margin: 0px 0px 50px;
    }

    .logo_slide_img img {
        width: 90px;
    }

    .logos.labour-law-logos:after {
        display: none;
    }
    
    .logos:before {
        display: none;
    }
    
    .logos-slide {
        gap: 60px;
        margin-right: 60px;
    }
    
    .logos1:after {
        display: none;
    }
    
    .logos1:before {
        display: none;
    }
    
    .logos-slide-right {
        gap: 60px;
        margin-right: 60px;
    }
    
    .logos, .logos1 {
        padding-top: 1.2em !important;
        padding-bottom: 1.2em !important;
    }
    
    .patnership_title h2 {
        margin-bottom: 10px;
    }

    .main_help_pharma_clients {
        padding: 0px 0px 30px;
    }
    
    .inner_pharma_help .pharma_grid {
        grid-template-columns: inherit;
    }

    
    .inner_pharma_help .pharma_grid .repeat_pharma {
        border-right: 0 !important;
        border-bottom: 1px solid #E3E3E3 !IMPORTANT;
    }
    
    .main_help.main_help_healthcare {
        padding: 0px 0px 50px;
    }
    
}

/*11.06.2025 css*/
.custom-button-animation {
    transition: transform 0.3s ease;
}

a:hover .custom-button-animation {
    transform: translateX(10px);
}
button:hover .custom-button-animation {
    transform: translateX(10px);
}

/*Animation */
.wrpa_help_healthcare {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /*width: 400px;*/
  height: 230px;
  /*border: 1px solid #ccc;*/
  box-shadow: 0px 0px 20px 0px #0000000D;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.5s ease;
}

.left_healthcar {
  position: relative;
  transition: all 0.5s ease;
}

.left_healthcar_inner {
  position: relative;
  height: 100%;
}

.left_healthcar span {
  display: inline-block;
  background: #007BFF;
  color: white;
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.left_healthcar h2 {
  margin: 10px 0;
  /*transition: transform 0.5s ease;*/
  transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  z-index: 2;
}

.dummy-text {
  opacity: 0;
  transform: translateY(20px);
transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 14px;
  color: #555;
}

.right_image_health {
  width: 80%;
  transition: width 0.5s ease;
  overflow: hidden;
}

.right_image_health img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* Hover Effects */
.wrpa_help_healthcare:hover .right_image_health {
  width: 50%;
}

.wrpa_help_healthcare:hover .shrink-img {
  width: 100%; /* shrink to 100% of original width */
  transition: width 0.3s ease;
  object-fit: cover;
}
.wrpa_help_healthcare:hover .shrink-img {
  transform: scaleX(0.8); /* shrink horizontally */
  transition: transform 0.3s ease;
}
.shrink-img {
  transform-origin: right center;
}

.wrpa_help_healthcare:hover .left_healthcar h2 {
  transform: translateY(-20px);
}

.wrpa_help_healthcare:hover .dummy-text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.25s;
}

/*New structure css */
.custom-animated-card {
	/*position: relative;*/
	width: 360px;
	height: 250px;
	/*border-radius: 20px;*/
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
	transition: transform 0.5s ease;
}

.custom-animated-card:hover {
	/*transform: translateY(-10px);*/
	cursor: pointer;
}
.custom-card-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 230px;
	padding: 20px;
	z-index: 3;
	transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.custom-animated-card:hover .custom-card-header {
	transform: translateY(-90px);
}

.custom-card-tag {
display: inline-block;
    background: #f2f2f2;
    color: #7e7e7e;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 15px;
	margin: 16px 0px;
}

.custom-animated-card:hover .custom-card-tag {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.1s;
}

.custom-card-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 10px;
     color: #373737;;
}

.custom-card-subtitle {
	font-size: 0.85rem;
	opacity: 0.8;
	margin-bottom: 15px;
}

.custom-card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 220px;
	/*height: 100%;*/
	padding: 20px;
	z-index: 3;
	/*transform: translateY(100%);*/
	/*transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);*/
}

.custom-animated-card:hover .custom-card-content {
	transform: translateY(0);
}

.custom-card-description {
	font-size: 0.9rem;
	line-height: 1.5;
	margin-bottom: 14px;
	opacity: 0;
	transform: translateY(20px);
	transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1);
		text-align: left;
}

.custom-animated-card:hover .custom-card-description {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.25s;
}
.card-details {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	opacity: 0;
	transform: translateY(20px);
	transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
a.custom-card-description.custom-detailcolor {
    color: #9847ff;
}
.custom-animated-card img {
  transition: transform 0.4s ease-in-out;
}
h2.custom-card-title {
    width: 175px;
}
.custom-animated-card:hover img {
  transform: scale(1) translateX(40px); /* Shrink and move right */
}

@media only screen and (min-width: 1440px) {
    .custom-animated-card {
	width: 420px;
	height: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
    .custom-animated-card {
	width: 345px;
	height: 250px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1080px)  {
    .custom-animated-card {
	width: 465px;
	height: 250px;
    }
}
@media only screen and (min-width: 425px) and (max-width: 576px)  {
    .custom-animated-card {
	width: 420px;
	height: 250px;
    }
}
@media only screen and (max-width: 576px)  {
    .main_help .inner_hellp h2 {
        font-size: 20px !important;
    }
}

h2.insight_tile.custom-sector-txt {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0px 0px 30px;
}

/*text truncate */
.multi-line-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.custum-dummy-heading {
    display: none !important;
}