*{
    font-family: 'SF Pro Display', sans-serif;
}
:root{

    --text-w-primary:#00A9C0;
    --fz-v-24px: 24px;
}
.fz-10{

    font-size: 10px;
}
.fz-11{

    font-size: 11px;
}
.fz-12{

    font-size: 12px;
}
.fz-13{

    font-size: 13px;
}
.fz-14{

    font-size: 14px;
}
.fz-15{

    font-size: 15px;
}
.fz-16{

    font-size: 16px;
}
.fz-17{

    font-size: 17px;
}
.fz-18{

    font-size: 18px;
}
.fz-19{

    font-size: 19px;
}
.fz-20{

    font-size: 20px;
}
.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-160{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}


.header-wrapper{
    padding: 16px 0;
    position: fixed;
    width: 100%;
    background: #000;
    z-index: 100;
    top: 0;
    transform: translateY(0);
    transition: 0.3s ease;
}
.non_sticky_header{
    transform: translateY(-100px);
}
.index--wrapper{
   position: relative;
   background-image: url('./assets/bg-cytrust.webp');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.index--wrapper::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #000000ad, transparent);
}



.logo_container img{
    width: 135px;
}

.header--flx-bx{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_nav_ul{
    padding: 0;
    margin: auto;
    display: flex;
    gap: 30px;
    list-style:none;
}

.header_link_items{
    font-size: 16px;
    text-decoration: none;
    color:#C2C2C2;
    transition: 0.2s;
}
.mobile_menu_icon{
    display: none;
}
.active_header_link_item{
    color:#FFFFFF;
    font-weight: 700;
}
.active_header_link_item svg{
    fill: #fff;
}
/* .header_nav_list{
    min-width: 60px;
} */

#wrd_animate_ctr{

    font-size: 80px;
    color: #fff;
    position: relative;
    min-height: 85px;
    font-weight: 500;
}
#wrd_animate_ctr::after{
    content: '';
    margin-bottom: -15px;
    display: inline-block;
    height: 80px;
    width: 2px;
    background-color: #fff;
}
.amp__wrd-wrp p{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
.ampit__container_inx{
    padding-top: 140px;
    position: relative;
}
.schdl_btn{
    width: 245px;
    height: 50px;
    border: 1.5px solid #fff;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
}
.schdl_btn:hover{

    background: transparent;
    color: #fff;
    border-color: #fff;
}
.inx__ofr_blc{
    max-width: 250px;
    font-size: 16px;
    text-align: justify;
    color: #fff;
    font-weight: 500;
    line-height: 19px;
}
.inx__dmo_ctr{
    display: flex;
    /* justify-content: space-between;
    align-items: end; */
    margin-top: 30px;
    flex-direction: column-reverse;
    gap: 1.5rem;
}

.products_list_container{

    margin-top: 100px;
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 40px;

}
.products_list_item{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    padding-top: 10px;
}
.products_list_item p{
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    margin: 0;
}
.products_list_item::before{
    content: '';
    position: absolute;
    top: 0;
    width: 70%;
    height: 1px;
    background-color: #fff;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.25s;


}
.products_list_blck:hover .products_list_item::before{

    transform: scaleX(1);
}
.product_readmre_blck a{
    color: #00A9C0;
    text-decoration: none;
}

.products_list_blck a{

    text-decoration: none;
}

.min-wid-260{
    min-width: 260px !important;
}



.product_readmre_blck span{
    color: #00A9C0;
    text-decoration: none;
}

.products_list_blck{
    width: 30%;
    overflow: hidden;
}
.product_readmre_blck{
    margin-top: 10px;
    transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.25s;
    visibility: hidden;
}
.products_list_blck:hover .product_readmre_blck{

    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    visibility: visible;

}


.header_link_items:hover {

    font-weight: 700;
    color: #fff;
}
.product_dropdownL_li:hover .header_link_items svg{

    fill:#fff;
}

.text_w_primary{

    color: var(--text-w-primary);
}

.crft_txt_h1, .crft_txt_h2{
    font-weight: 300;
    font-size: 48px;
    margin-bottom: 16px;
}
.highlight_span{
    font-weight: 800;
    font-size: 48px;
}

.sb_hdr_txt{

    color: #6C6C6C;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}
.ss_card_hdr{
    font-size: 21px;
    font-weight: 700;
    margin: 0;
}

.ss_card{

    box-shadow: 0px 0px 9px 0px #00000040;
    border-radius: 7px;
    padding: 20px;
    transform: var(--trans-sw) var(--trans-move) scale(1.3);
    background: #fff;
    transition: 0.5s;
    width: 698px;
}
.ss_card_spc_container{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;

}
.ss_card_dsc_container p{
    font-size: 21px;
    color: #6C6C6C;
    font-weight: 400;
    text-align: justify;
    margin: 0;
}

.ss_card_container{
    display: flex;
    gap: 26px;
    margin: 80px 0;
    padding: 10px;
    transition: margin 0.4s;
}

.ss_card_container:hover{
    margin-top: 40px 0;
}

.ss_card_container:hover .ss_card{

    transform: var(--trans-sw) translateX(0) scale(1);
}

.inx_fq_questn{

    padding: 16px 24px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px #00000040;
    border-radius: 8px;
    cursor: pointer;

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

.inx_fq_questn p{
    margin: 0;
    font-size: var(--fz-v-24px);
    line-height: 28px;
}
.inx_fq_questn span{

    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transform-origin: 0.2s;

}
.downUpToggle{

    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.inx_fq_ans{

    margin-top: 15px;
    padding: 16px 24px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px #00000040;
    border-radius: 8px;
    transition: 0.3s;
}

.inx_fq_ans p{

    margin: 0;
    font-size: var(--fz-v-24px);
    line-height: 28px;
    color: #6C6C6C;

}
.close_faq_ans_inx{
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.faq_blck_w{
    margin-bottom: 15px;
}
.mbt-80{
    margin-top: 80px;
}
.faq_tp_toggle{
    margin-top: 30px;
    display: flex;
    gap: 75px;
    justify-content: center;
}
.faq_tp_toggle span.active_faq_toggle{
    color: #074560;
}

.faq_tp_toggle span{
   
    color: #69ADCB;
    cursor: pointer;
    font-size:var(--fz-v-24px);
    font-weight: 600;
}
.rdy_card{
    background: linear-gradient(90deg, #000000 0%, #200336 33%, #01002E 100%);
    padding: 35px;
    border-radius: 24px;
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;

}

.schdl_btn_rnd_w{

    width:147px;
    height:51px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid #fff;
    font-weight: 700;
    color: #020235;
    font-size: 16px;
    transition: 0.3s background;

}
.schdl_btn_rnd_w:hover{

    background: transparent;
    color: #fff;
}

.bubble_b{
    background: linear-gradient(180deg, #0C0055 0%, #010034 49%, #030029 100%);
    width: 255px;
    height: 255px;
    border-radius: 50%;
    position: absolute;
    box-shadow: 25px 0px 55.1px 0px #0751A752 inset;
    right: 7%;
    bottom: -6%;
    transition: 0.5s ease-in-out;
    z-index: 2;
}

.bubble_a{
    background: linear-gradient(180deg, #0C0055 0%, #010034 49%, #030029 100%);
    box-shadow: 25px 0px 55.1px 0px #82828233 inset;
    width: 89px;
    height: 89px;
    border-radius: 50%;
    right: 3%;
    position: absolute;
    top: 10%;
    filter: blur(4px);
    transition: 0.4s ease-in-out;
}

.bubble_c{
    background: linear-gradient(180deg, #0C0055 0%, #010034 49%, #030029 100%);
    box-shadow: 25px 0px 55.1px 0px #348FF991 inset;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    filter: blur(8px);
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: 0.4s ease-in-out;

}
.bubble_d{

    width:89px;
    height:89px;
    border-radius: 50%;
    background: linear-gradient(180deg, #0E0640 0%, #05050A 49%, #2B2385 100%);
    box-shadow: 25px 0px 55.1px 0px #00000008 inset;
    position: absolute;
    z-index: 1;
    right: 33%;
    bottom: 87%;
    transition: 0.4s ease-in-out;

}

.bubble_e{

    background: linear-gradient(180deg, #0C0055 0%, #010034 49%, #030029 100%);
    box-shadow: 25px 0px 55.1px 0px #00000008 inset;
    width:260px;
    height:260px;
    border-radius: 50%;
    filter: blur(20px);
    position: absolute;
    bottom: -21%;
    left: -10%;
    transition: 0.4s ease-in-out;


}
.demo_bcl_container{
    position: relative;
}

/* .demo_bcl_container:hover .bubble_b{
    right: 18%;
    bottom: 45%;

}

.demo_bcl_container:hover .bubble_a{
    right: 4%;
    top: 7%;

}

.demo_bcl_container:hover .bubble_c{
    left: 75%;
    bottom: 4%;

}

.demo_bcl_container:hover .bubble_d{

    right: 5%;
    bottom: -3%;
}

.demo_bcl_container:hover .bubble_e{
    bottom: -21%;
    left: 15%;
} */

.move_bubbles_animation .bubble_b{
    right: 18%;
    bottom: 45%;

}

.move_bubbles_animation .bubble_a{
    right: 4%;
    top: 7%;

}

.move_bubbles_animation .bubble_c{
    left: 75%;
    bottom: 4%;

}

.move_bubbles_animation .bubble_d{

    right: 5%;
    bottom: -3%;
}

.move_bubbles_animation .bubble_e{
    bottom: -21%;
    left: 15%;
}

.mn_schedule_demo_b{
    position: relative;
    z-index: 2;
}

.bc_background{

    background-color: #F8F8F8;
    padding: 70px 0;
}
.sy_abt_txt_p{

    font-weight: 500;
    line-height: 28px;
    font-size: var(--fz-v-24px);
}
.slider_item_inx{
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    align-items: center;
}

.active_testimonial_card{
    opacity: 1;
}
.testimonial_carousel_btn{

    user-select: none;
}

.active_testimonials_dot{

    background: linear-gradient(180deg, #4A8E92 0%, #00EFFF 100%) !important;

}
.slider__container_inx{
    position: relative;
    min-height: 200px;
}



.icon_slider{
    width: 50%;
}
.icon_slider img{
    width: 220px;
}
.sy_abt{
    width: 50%;
}
.atr_nme{

    font-size: 16px;
    font-weight: 700;
    color: #03A4AF;
    margin: 0;
}

.atr_cmp{
   font-weight: 500;
   font-size: 16px;
   margin: 0;
}
.atr_nme_blc{
    margin-top: 30px;
}

.slider__ind_dots_b{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.carousel_dots_ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 12px;
}
.carousel_dots_li{

    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #AAAAAA;
}
.c-pointer{
    cursor: pointer;
}
.slider__ind_dots_blcok{
    margin-top: 60px;
}
footer{
    background: #000;
    padding: 45px 0px;
}

.footer_h5_tg{

    font-weight: 800;
    color: #fff;
    font-size: var(--fz-v-24px);
    margin-bottom: 24px;
    
}
.footer_link_items_frt_cntr{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.footer_link_items{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_link_item{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
    transition: padding-left 0.3s;
}
.footer_link_item:hover{
    padding-left: 10px;

}
.footer_link_items li{

    margin-bottom: 15px;
}
.footer_link_item_block{

    flex: 1;
}

.gt_in_tch_input{
    border: none;
    outline: none;
    border-radius: 8px;
    height: 48px;
    width: 100%;
    font-size: 12px;
    background-image: url(assets/arrow-circle-right.png);
    background-position-x: 96%;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: 9px;
    padding: 10px 43px 10px 10px;
}
.jn_txt_p{

    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.footer_link_items_logo{
    padding: 0;
    margin: auto;
    display: flex;
    gap: 15px;
    list-style: none;
    justify-content: space-between;
    margin-top: 25px;
}
.w-55px{
    width: 55px;
}
.w-mob-35px{

    width: 35px;
}

.cpyrght_txt_p{
    color: #757575;
    font-weight: 500;
    font-size: 16px;
}
.sub_footer_blck{
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    border-top: 1px solid #3D3D3D;
    padding-top: 35px;
    margin-top: 35px;
}
.footer_logo{
    width: 130px;
}
.ftr_cnct_blc{
    max-width: 380px;
    gap: 10px;
    flex-wrap: wrap;
    display: flex;
}
.cntct_blck{
    display: flex;
    gap: 1rem;
}
.sub_footer_links_blck{

    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.sub_footer_links_blck a, .cntct_blck a{

    text-decoration: none;
    color: #fff;
}

.flipper_layer_hdr{

    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

.flipper{
    width: 200px;
    height: 400px;
    position: relative;
    border-radius: 8px;
    transition: 0.3s;
}

.filpper_layer1{
   width: 100%;
   height: 100%;
    background-image: url(assets/bg-image1.webp);
    border-radius: 8px;
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: 300ms ease-out;
    transform: rotateY(0);
}

.flipper_layer2{
    position: absolute;
    padding: 15px;
    height: 100%;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 8px;
    transition: 300ms ease-out;
    opacity: 0;
    transform: rotateY(180deg);
}

.flipper:hover .filpper_layer1{
    opacity: 0;
    transform: rotateY(180deg);
}
.flipper:hover .flipper_layer2{
    transform: rotateY(0deg);
    opacity: 1;
}
.flipper:hover{
    width: 345px;
}

.flipper_container{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 80px;
}

.layer_tw_hdr{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}
.layer_tw_dsc{

    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #000;
}

.icon_flipper_container{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* ===========================
   Hero feature bar & buttons
   =========================== */

.feature-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.feature-bar .feature {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(10, 105, 239, 0.14);
    backdrop-filter: blur(12px);
    color: #ffffff;
    font-size: 14px;
}

.feature-bar .feature .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.feature-bar .feature .label {
    white-space: nowrap;
}

.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.button-group .btn-outline,
.button-group .btn-blue {
    border-radius: 999px;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
}

.button-group .btn-outline {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.6);
}

.button-group .btn-outline:hover {
    background: rgba(255, 255, 255, 0.08);
}

.button-group .btn-blue {
    background: #265EBE;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(10, 105, 239, 0.5);
}

.button-group .btn-blue .arrow {
    margin-left: 6px;
}

@media (max-width: 768px) {
    .feature-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .feature-bar .feature {
        justify-content: center;
        width: 100%;
    }

    .button-group {
        flex-direction: column;
        align-items: stretch;
    }

    .button-group .btn-outline,
    .button-group .btn-blue {
        width: 100%;
    }
}

.txt-trans--flipper{

   background: linear-gradient(180deg, #00DDFF 0%, #5E6EFF 99.98%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.mob-mt-80{
    margin-top: 80px;
}

.mob-mt-40{
    margin-top: 40px;
}

.mob-mt-120{
    margin-top: 120px;
}

.inx_explore_btn{
    width: 200px;
    height: 60px;
    border-radius: 6px;
    background: #000;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    border: 1px solid #000;
}

.inx_explore_btn::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    background: #00FFDD;
    transition: 0.3s;
}

.inx_explore_btn::after{

    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #00FFDD 0%, #00A3F4 100%);
    transform: scale(0);
    transition: 0.3s;
    transform-origin: center bottom;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.inx_explore_btn:hover::after{
    transform: scale(1);
    border-radius: 5px;
}

.inx_explore_btn:hover::before{
    left: -7px;
    bottom: -7px;
}

.w-80{
    width: 80%;
}


.inx_explore_btn:hover{

    border:1px solid #fff;
}
.zindex-1{
    z-index: 1;
}

.filpper_layer1 ul{

    padding-left: 20px;

}

.filpper_layer1 ul li{

    font-size: 12px;
    font-weight: 500;
}

.certificate_continer{
    text-align: center;
}

.certificate_continer img{

    display: inline-block;
    width: 270px;
}

.company_logos-slide img{
    height: 50px;
    margin: 0 40px;
}

.company_logos_revers-slide img{
    height: 50px;
    margin: 0 40px;
}

.company_logos-slide{
    display: inline-block;
    animation: 20s company_logo_slide infinite linear;
}

.company_logos_revers-slide{
    display: inline-block;
    animation: 20s company_reverse_logo_slide infinite linear;
    transform: translateX(-100%);
}

.integrated_tools_logos-slide img{
    height: 120px;
    margin: 0 30px;
}

.integrated_tools_logos-slide{
    display: inline-block;
    animation: 10s company_logo_slide infinite linear;

}

.company_logos, .integrated_tools_logo_container{
    overflow: hidden;
    padding: 60px 0;
    white-space: nowrap;
}


.company_logos:hover .company_logos-slide, .integrated_tools_logo_container:hover .integrated_tools_logos-slide, .company_logos:hover .company_logos_revers-slide{
    animation-play-state: paused;
}
.grc_faq_container, .cspm_faq_container{
    display: none;
}

.plb_card{
    width: 207px;
    height: 207px;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    position: relative;
    transition: background 0.4s;
    z-index: 2;
    background: transparent;
}


.pr_svg_container{
    padding: 8px 13px 0 8px;
    background: #fff;
    border-top-left-radius: 10px;
    position: absolute;
    bottom: 0;
    right: -2px;
    /* box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2); */

}
.pr_svg_container::before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -15px;
    bottom: -5px;
    border-right: 5px solid #ffff;
    border-bottom: 5px solid #fff;
    background: none;
    border-bottom-right-radius: 15px;
}
.pr_svg_container::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: none;
    left: 44px;
    top: -15px;
    border-right: 5px solid #ffff;
    border-bottom: 5px solid #fff;
    border-bottom-right-radius: 15px;

}
.pr_svg_container_blc{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(180deg, #00DDFF 0%, #5E6EFF 99.98%);
    display: flex;
    align-items: center;
    justify-content: center;

}
.plb_card h2{

    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    transition: 0.3s;
}

.plb_card p{
    font-size: 14px;
    opacity: 0;
    transition: 0.3s;
    margin-top: 10px;
    margin-bottom: 0;
}
.plb_card::before{

    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.3s;
    z-index: -2;
    border-radius: 10px;
    background: linear-gradient(180deg, #00DDFF 0%, #8400C2 100%);

}

.plb_card::after{

    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    transition: 0.3s;
    z-index: -1;
    border-radius: 10px;
    background: linear-gradient(180deg, #00DDFF 0%, #9E5EFF 99.98%);

}

.plb_card:hover::before{

    opacity: 1;
}
.plb_card:hover::after{

    opacity: 0;
}

.plb_card:hover p{
    opacity: 1;
}

.plb_card:hover h2{
    font-size: 16px;
    line-height: 18px;
}

.pr_svg_container_blc svg:last-child{

    display: none;
}

.plb_card:hover .pr_svg_container_blc svg:first-child{
    display: none;
}

.plb_card:hover .pr_svg_container_blc svg:last-child{
    display: block;
}
.plb_card:hover .pr_svg_container_blc, .plb_card:hover{

    background: transparent;
}


.menu_bar_link_item{
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}


@keyframes company_logo_slide {

    form{

        transform: translateX(0);
    }

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

}

@keyframes company_reverse_logo_slide {

    form{

        transform: translateX(-100%);
    }

    to{
        transform: translateX(0%);
    }

}




.content-wrapper{

    padding-top: 120px;
    background-color: #0C0D13;
    padding-bottom: 60px;
}

.scheduledemo-content-wrapper{
    padding-top: 120px;
    padding-bottom: 60px;
}

.w-img-frame{
    width: 60%;
}

.active_card .feature_icon_svg{
    background: linear-gradient(180deg, rgba(242, 242, 255, 0.87) 0%, rgba(242, 242, 255, 0.7) 35.7%, rgba(242, 242, 255, 0.62) 68.14%, rgba(242, 242, 255, 0.34) 100%);
}

.feature_icon_svg{
    width: 64px;
    height: 64px;
    background: #F2F2FF;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.feature_card{

    width: 279px;
    height: 430px !important;
    border-radius: 20px;
    padding: 25px;
    text-align: center;
   
}
 .feature_card.slick-current, .service_card.slick-current, .active_service_card{
    background: #4248D3;
    color: #fff;
    box-shadow: 10px 10px 25px -1px #1A243D40 inset, 15px 3px 25px -1px #4248D340;
}

.feature_card.slick-current .feature_icon_svg, .service_card.slick-current .feature_icon_svg, .active_service_card .feature_icon_svg{
    box-shadow: 10px 10px 20px 0px #FFFFFF40 inset, 4px 4px 20px 0px #FFFFFF40 inset, 0px 4px 4px 0px #00000040;
    background: linear-gradient(180deg, rgba(242, 242, 255, 0.87) 0%, rgba(242, 242, 255, 0.7) 35.7%, rgba(242, 242, 255, 0.62) 68.14%, rgba(242, 242, 255, 0.34) 100%);
}
.feature_card p{

    font-size: 14px;
    margin: 0;
    line-height: 20px;
    text-align: justify;
}
.feature_card h3{

    font-size: 22px;
    margin-bottom: 15px;
}

.hexagonal-shape{

    width: 220px;
    height: 195px;
    background: #1c1c1c8c;
    clip-path: polygon(
                25% 0%,
                75% 0%,
                100% 50%,
                75% 100%,
                25% 100%,
                0% 50%
            );
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.hexagonal_blck{
    display: flex;
    position: relative;
    gap: 136px;
    justify-content: center;
    width: 100%;

}

.hexagonal_blck:nth-child(2){
    top:92px
}
.hexagonal_blck:nth-child(4){
    gap: 136px;
    justify-content: center;
    top: -91px;
}

.hexagonal-container{
    width: 100%;
    margin-top: -65px;
    position: relative;
}

.hexagonal_blck:first-child{

    top: 183px;
}
.cstm_bfr_card{

    clip-path: none;
    background: transparent;
    position: relative;
}

.cstm_bfr_card1::before{

    content: '';
    position: absolute;
    width: 50%;
    height: 47%;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    background: #1c1c1c8c;
    bottom: 0;
    right: 28px;
    z-index: 1;

}
.cstm_bfr_card2::before{
    content: '';
    position: absolute;
    width: 50%;
    height: 47%;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    background: #1c1c1c8c;
    bottom: 0;
    left: 28px;
    z-index: 1;
}

.hexagonal-shape span{
    font-size: 20px;
    color: #6A6A6A;
    font-weight: 500;
}

.hexagonal_blck:last-child .hexagonal-shape{
    width: 100px;
    height: 84px;
}
.hexagonal_blck:last-child{
    position: absolute;
    bottom: 100px;
    gap: 261px;
}
.hexogonal_hovr:hover{

    background: linear-gradient(90.7deg, #00D0FF 0.2%, #2A0095 98.22%);

}

.hexogonal_hovr:hover span{
    color:#fff;
}

.mob_spn_tp{
    display: none;
}

/* .feature_card_container .slick-next{

    right: 20px;
}
.feature_card_container .slick-prev {
    left: 20px;
} */
.feature_card_container .custom-next, .service_card_container .custom-next{
    position: absolute;
    border: none;
    cursor: pointer;
    z-index: 1;
    height: 100%;
    top: 0;
    background: #fff;
    right: 0;
}
.feature_card_container .custom-prev, .service_card_container .custom-prev{
    position: absolute;
    border: none;
    cursor: pointer;
    z-index: 1;
    height: 100%;
    top: 0;
    background: #fff;
    left: 0;
}

.feature_card_container .slick-slide{
    margin:20px 10px;
}
.service_card_container .slick-slide{

    margin: 20px;
}

.footer_standards_flex{
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 30px ;
    gap:10px;
}
.footer_logo_asm{
    width:70px;
}
.feature_card_container .slick-dots li button, .service_card_container .slick-dots li button{

  
    width: 10px;
    height: 10px;
    padding: 5px;
    background: #DBDBFE;
    border-radius: 50%;
}
.feature_card_container .slick-dots li button:before, .service_card_container .slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.feature_card_container .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.feature_card_container .slick-dots .slick-active, .service_card_container .slick-dots .slick-active{
    width: 19px;
    height: 10px;
}
.feature_card_container .slick-dots .slick-active button , .service_card_container .slick-dots .slick-active button{
    width: 23px;
    height: 10px;
    padding: 5px;
    background: #4248D3;
    border-radius: 10px;
}
.feature_card_container .slick-dots, .service_card_container .slick-dots{
    bottom: -44px;
}
.feature_card_container {
    margin-top: 40px;
}
.hm_pg_frame{

    text-align: center;
    margin-top: 40px;
}
.hm_pg_frame img{

    width: 70%;
}
.sc_in_btn {
    background: transparent;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    position: absolute;
    right: 3%;
    top: 11%;
    opacity: 0;
}

.tp_scd_btn_nav{
    background: transparent;
    color: #fff;
    border-radius: 26px;
    padding: 7px 14px;
    display: inline-block;
    border: 1px solid;

    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;

}
.tp_scd_btn_nav:hover{

    background: #fff;
    color: #000;

}
.menu_icon_container{
    display: flex;
    align-items: center;
    gap: 10px;
}

.demo_carousel_block{

    width: 55%;
    padding: 60px 50px;
}
.form_block{
    width: 45%;
    padding: 60px 50px;
    display: flex;
    flex-wrap: nowrap;
    gap: 100px;
    overflow: hidden;
}
.demo_carousel img{

    width: 90%;
    max-height: 400px;
    object-fit: cover;
    margin-bottom: 25px;
    object-position: top;
}
.demo_carousel{
    text-align: center;
}
.schedule_demo_container{
    display: flex;
    align-items: center;
}

.demo_carousel h3, .form_block h4{

    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.demo_carousel p{
    font-size: 19px;
    font-weight: 500;
    color: #a9a9a9;
    margin: 0;
}

.form_block_p{
    font-size: 19px;
    color:  #666666;
}

.form_block h6{

    font-weight: 700;
    font-size: 22px;
    color: #666666;
}

.schedule_input_form_block input{
    width: 100%;
    border: 1px solid #00000033;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
}
.schedule_input_form_block label{
    font-size: 18px;
    color: #444444;
}

.schedule_input_form_block{
    margin-bottom: 25px;
}

.notvalidinput{
    border: 1.5px solid red !important;
}
.notvalidinput:focus{
    border: 1.5px solid red !important;
    outline: none;
}
.form_action_btn{
    background: #012996;
    color: #fff;
    width: 100%;
    padding: 10px;
    border-radius: 9px;
    font-size: 20px;
    font-weight: 500;
    border: none;
    margin-top: 20px;
}
.form_block a{

    text-decoration: none;
}
.ml-5{
    margin-left: 5px;
}

.errorClass{
    display: none;
    font-style: italic;
    color: #ec0000;
}

.schedule_input_form_block .flatpickr-calendar{

    margin: auto;
}
.vis_hidden{
    visibility: hidden;
    height: 0;
}

.form_submitfstp, .form_submittstp{
    width: 100%;
    flex-shrink: 0;
    background-color: #fff;
    transition: 0.3s;
}

.translateX_submit_form{
    transform: translateX(calc(-100px - 100%));
}

.demo_carousel_block .carousel-indicators{
    bottom: -55px;
}

#carouselExampleDark .carousel-indicators [data-bs-target] {
  
    width: 16px;
    height: 16px;
    background-color: #E5E5E5;
    opacity: .5;
    transition: .3s ease;
    border-radius: 50%;
}

#carouselExampleDark .carousel-control-prev, #carouselExampleDark .carousel-control-next{
    display: none;
}

.carousel-indicators .active{

    background-color: #022697 !important;

}

/* .product_dropdownL_li:hover .mega_dropdown_products{
    opacity: 1;
    visibility: visible;
} */

.mega_dropdown_products{
    position: absolute;
    background: #3d3d3df7;
    left: 0;
    width: 100%;
    padding: 50px;
    margin-top: 23px;
    display: flex;
    gap: 4rem;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
    visibility: hidden;
}

.product_type_c{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #1C1C1C70;
    border-radius: 10px;
    border: 1px solid #FFFFFF1A;
    transition: background 0.3s;
}
.product_type_c:hover{
    background: #1c1c1cb5;
}


.product_type_c h5{

    margin: 0;
    color:#FFFFFF;
    font-size: 22px;
    font-weight: 600;
}

.product_type_b ul{
    margin-top: 25px;
}

.product_type_b ul li{
    color: #fff;
}

.product_type_b ul li a{
    
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s;
}

.product_type_b ul li a:hover{

    padding-left: 10px;
}

.product_type_b ul li{

    padding-top: 13px;
}

.products_dropdown_svg{
    padding: 10px;
    background: #222459;
    border-radius: 15px;
}
.product_dropdownL_li{
    cursor: pointer;
}

.product_dropdownL_li:hover .header_link_items {
    color: #FFFFFF;
    font-weight: 700;
}
.product_type_b_anc{

    text-decoration: none;

}



.product_dropdownL_li::after{

    content: '';
    width: 100px;
    height: 43px;
    margin-left: -90px;
    display: inline-block;
    position: absolute;
    margin-top: 12px;
    background: transparent;
    cursor: pointer;

}

.service_card{
    width: 310px;
    height: 180px;
    border-radius: 10px;
    border: 1px solid #0000001A;
    box-shadow: 4px 4px 8px -2px #00000026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 18px;
    cursor: pointer;
}

.service_card h3{
    font-size: 20px;
    text-align: center;
}

.slick-list.draggable{

   padding-bottom: 100px;
}

.service_faq_qstn h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 31.2px;
    color: #404040;
}

.service_faq_ans{

    font-size: 20px;
    font-weight: 400;
    color: #000000B2;
    display: none;
    margin-top: 15px;
}
.service_faq_continer{
    margin-top: 30px;
}

.service_qstn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.service_faq_qstn{
    border-bottom: 1px solid #0000001A;
    padding-bottom: 15px;
    margin-top: 25px;
}
.menu_close_svg{
    display: none;
}

.service_card_container{

    display: flex;
    gap: 15px;
    justify-content: center;
}

.fw-span-service {
    font-weight: 600;
    color: #686868;
}

.schedule_demo_gH_btn{
    background: #012996;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px 20px;
    border: none;
    margin-bottom: 20px;
    font-size: 16px;
}

.scmo_sccs{

    text-align: center;
}
.scmo_sccs img{

    width: 70%;
}

.scmo_sccs{
    font-size: 24px;
    font-weight: 500;
}

.open_megadropdown{
    visibility: visible;
    opacity: 1;
}

.is_not_valid{
    border: 1px solid #ff5555;
}


/* resources dropdown styles */
.resources_dropdown {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    z-index: 1000;
    border-radius: 4px;
    padding: 10px 0;
  }
  
  .resources_dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .resources_dropdown li {
    padding: 8px 20px;
  }
  
  .resources_dropdown a {
    color: #333;
    text-decoration: none;
    display: block;
    transition: all 0.2s ease;
  }
  
  .resources_dropdown a:hover {
    color: #265EBE;
    background: rgba(38, 94, 190, 0.05);
  }
  
  /* Show dropdown on hover */
  .resources_dropdown_toggle:hover .resources_dropdown {
    display: block;
  }
  
  /* Rotate arrow when dropdown is open */
  .resources_dropdown_toggle:hover .resources_dropdown_svg {
    transform: rotate(180deg);
  }
  
  .resources_dropdown_svg {
    transition: transform 0.2s ease;
  }
  




@media screen and (max-width: 1400px){
    
    #wrd_animate_ctr {
        font-size: 50px;
    }

    #wrd_animate_ctr::after {
        height: 58px;
    }
    

}

@media screen and (max-width: 1300px){
    
    .hexagonal-shape{
        width: 195px;
        height: 168px;
    }
    .hexagonal_blck:nth-child(4){
        top: -76px;
    }
    .hexagonal_blck:first-child{
        top: 154px;
    }
    .hexagonal_blck:nth-child(2){
       top: 77px;
    }
    .cstm_bfr_card1::before{
        right: 42px;
    }
    .cstm_bfr_card2::before{
        left: 42px;
    }
    .hexagonal_blck:last-child {
        position: absolute;
        bottom: 52px;
        gap: 209px;
    }
    .hexagonal-shape span{

        font-size: 15px;
    }
}

@media screen and (max-width: 1200px){
    .products_list_blck {
        width: 25%;
    }
    .flipper_container{
        flex-wrap: wrap;
    }
    .products_list_item::before{

        width: 100%;

    }
    .hexagonal-shape{
        width: 160px;
        height: 145px;
    }
    .hexagonal_blck:nth-child(4){
        top: -63px;
    }
    .hexagonal_blck:first-child{
        top: 120px;
    }
    .hexagonal_blck:nth-child(2){
        top: 58px;
    }
    .cstm_bfr_card1::before{
        right: 42px;
    }
    .cstm_bfr_card2::before{
        left: 44px;
    }
    .hexagonal_blck:last-child {
        position: absolute;
        bottom: 39px;
        gap: 194px;
    }

    .hexagonal-shape span{

        font-size: 15px;
    }
    .service_card_container{
        flex-wrap: wrap;
    }

     /* resource styles */
    .resources_dropdown {
        position: absolute;
        display: none;
        background: #fff;
        min-width: 180px; 
      }
      
      .resources_dropdown_toggle:hover .resources_dropdown {
        display: block;
      }
      .resources_dropdown li a:hover{
        border:1px solid white;
        padding:10px;
        border-radius: 10px;
        color: white;
      }
}

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

    .rdy_card {
        height: 185px;
    }
    .bubble_e, .bubble_c, .bubble_b, .bubble_d{
        display: none;
    }
    .schdl_btn_rnd_w{
        height: 40px;
    }
    .products_list_blck {
        width: 36%;
    }
    .sub_footer_blck{
        flex-wrap: wrap;
    }
    .footer_link_item_block{
        min-width: 200px;
    }
    .ampit__container_inx{
        padding-top: 100px;
    }
    #wrd_animate_ctr{
        font-size: 35px;
        min-height: 45px;
    }
    #wrd_animate_ctr::after{
        height: 40px;
        margin-bottom: -8px;
    }

    .tab_fn_24{
        font-size: 24px;
    }

    .flipper_container{
        margin-top: 40px;
    }
    .ss_card_container{
        flex-wrap: wrap;
        
    }
    .ss_card, .ss_card_container:hover .ss_card{
        transform: rotate(0) translateX(0) scale(1);
    }

    .hexagonal-shape {
        width: 95px;
        height: 80px;
    }
    .hexagonal_blck{
        gap: 66px;
    }

    .hexagonal-shape span {
        font-size: 10px;
    }
    .hexagonal_blck:last-child {
        bottom: 11px;
        gap: 92px;
    }
    .hexagonal_blck:last-child .hexagonal-shape {
        width: 70px;
        height: 59px;
    }
    .hexagonal_blck:nth-child(4) {
        top: -35px;
        gap: 66px;
    }
    .hexagonal_blck:nth-child(2) {
        top: 34px;
    }
    .hexagonal_blck:first-child {
        top: 68px;
    }
    .cstm_bfr_card1::before {
        right: 24px;
    }
    .cstm_bfr_card2::before {
        left: 22px;
    }
    .sy_abt_txt_p{
        font-size: 17px;
    }

    .resources_dropdown_svg,.resources_dropdown_svg path{
        fill: #fff;
    }

    /* resource styles */
    .resources_dropdown {
        position: static;
        display: none;
        box-shadow: none;
        background: rgba(255,255,255,0.1);
        padding-left: 20px;
      }
      
      .resources_dropdown.open {
        display: block;
      }
      
      .resources_dropdown li {
        padding: 10px 0;
      }
      
      .resources_dropdown a {
        color: #fff;
      }
      /* resource styles */

    
}

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

    :root {
        --fz-v-24px: 16px;
    }

    .sy_abt, .icon_slider {
        width: 100%;
    }
    .slider_item_inx{
        flex-wrap: wrap;
        gap: 25px;
    }
    .slider__container_inx{
        min-height: 400px;
    }
    .icon_slider{
        text-align: center;
    }
    .atr_nme_blc{
        text-align: center;
    }



    .crft_txt_h1, .crft_txt_h2{
        font-size: 30px;
    }

    #wrd_animate_ctr{
     
        font-size: 30px;
    }

    .products_list_blck {
        width: 45%;
    }
    .tab-w-100{

        width: 100%;
    }
    .mob_text-center{
        text-align: center;
    }

    .mobile_menu_icon{
        display: block;
    }
    .menulist__container{
        background: #262626;
        position: fixed;
        right: 0;
        top: 72px;
        box-shadow: -2px 2px 1px 0px #b9b9b9f0;
        padding: 10px;
        width: 100%;
        min-height: 158px;
        transition: 0.2s;
        transform: scaleY(0);
        transform-origin: top;
        opacity: 0;
    }
    .header_link_items {
        color: #808080;
    }
    .header_nav_ul{

        flex-wrap: wrap;
        gap: 10px;
    }
    .header_nav_list{
        width: 100%;
    }
    .header_link_items:hover{
        color: #808080;
    }
    .open_mobile_menu{
       
        transform: scaleY(1);
        opacity: 1;
    }
    .w-img-frame {
        width: 100%;
    }

    .demo_carousel_block{

        display: none;
    }

    .form_block{
        width: 100%;
    }
    .scheduledemo-content-wrapper {
        padding-top: 65px;
    }

    .form_block h6 {
        font-size: 16px;
    }
    .demo_carousel h3, .form_block h4 {

        font-size: 25px;

    }

    .form_block_p {
        font-size: 16px;
    }
    .schedule_input_form_block label {
        font-size: 16px;
    }

    .mega_dropdown_products{
        flex-wrap: wrap;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        margin-top: 0;
        top: 0;
        gap: 3rem;
        padding: 65px 25px 50px 25px;
    }

    .product_type_c h5{

        font-size: 16px;
    }
    .product_type_b ul li a{
        font-size: 15px;
    }
    .product_type_b ul {
        margin-top: 15px;
    }
    .menu_close_svg{
        display: block;
        position: absolute;
        background: #737373;
        border-radius: 50%;
        padding: 10px;
        top: 6px;
        right: 10px;
        width: 38px;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menu_close_svg::before{

        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        background:transparent;
        border-radius: 50%;
    }
    .product_dropdownL_li::after {
       display: none;
    }

     /* resource styles  */
    .resources_dropdown {
        position: static;
        display: none;
        box-shadow: none;
        background: rgba(255,255,255,0.1);
        padding-left: 20px;
      }
      
      .resources_dropdown.open {
        display: block;
      }
      
      .resources_dropdown li {
        padding: 10px 0;
      }
      
      .resources_dropdown a {
        color: #fff;
      }

      /* resource styles */
   
}

@media screen and (max-width: 576px){
    
    .products_list_item p {
        font-size: 13px;
    }
    .products_list_container {
        margin-top: 38px;
        gap: 0;
    }
    .products_list_blck {
        width: 50%;
    }
    .ss_card_dsc_container p{
        font-size: 16px;
    }
    .ss_card_container{
        margin: 20px 0;
    }
    .schdl_btn_rnd_w {
        height: 35px;
        font-size: 14px;
    }
    .mob_txt-20px{
        font-size: 20px;
    }
    .rdy_card {
        height: 165px;
        padding: 20px;
    }
    .mob-mt-120{
        margin-top: 60px;
    }
    .mob-mt-80{
        margin-top: 40px;
    }
    .bc_background{
        padding: 30px 0;
    }
    .certificate_continer img {
        width: 160px;
    }
    .mob-mt-40{
        margin-top: 20px;
    }
    .inx__ofr_blc{
        font-size: 14px;
    }
    #wrd_animate_ctr {
        font-size: 28px;
        min-height: 90px;
    }
    #wrd_animate_ctr::after{
        height: 32px;
    }
    .mbt-80{
        margin-top: 40px;
    }
    .footer_h5_tg{
        font-size: 24px;
    }




    /*Mobile Design Hexagonal */

    .hexagonal_blck:last-child {
        bottom: -5px;
        gap: 0;
    }

    .hexagonal-shape {
        width: 80px;
        height: 70px;
    }
    .hexagonal_blck {
        gap: 50px;
    }

    .hexagonal_blck:last-child .hexagonal-shape {
        width: 80px;
        height: 70px;
    }

    .hexagonal_blck:nth-child(4) {
        gap: 50px;
        top: -32px;
    }

    .mob_none{
        display: none;
    }
    .hexagonal_blck:nth-child(2) {
        top: 32px;
    }

    .hexagonal_blck:first-child {
        top: 63px;
        gap: 44px;
    }
    .hexagonal-shape span {
        font-size: 9px;
    }
    .mob_spn_tp{

        display: block;
    }
    .mob_shp_tp:hover{

        background: linear-gradient(90.7deg, #00D0FF 0.2%, #2A0095 98.22%);

    }

    .mob_shp_tp:hover .mob_spn_tp{
        color: #fff;
    }
    .service_card h3 {
        font-size: 13px;
    }
    .service_card .feature_icon_svg svg{

        width: 20px;
        height: 20px;
    }
    .service_card{
        width: 145px;
        height: 109px;
        padding: 15px;
    }
    .service_card .feature_icon_svg{

        width: 40px;
        height: 40px;
    }

     /* resource styles */
    .resources_dropdown {
        position: static;
        display: none;
        box-shadow: none;
        background: rgba(255,255,255,0.1);
        padding-left: 20px;
      }
      
      .resources_dropdown.open {
        display: block;
      }
      
      .resources_dropdown li {
        padding: 10px 0;
      }
      
      .resources_dropdown a {
        color: #fff;
      }
      /* resource styles */

}