b,
p {
    font-size: 16px;
}

.tittle_new,
body {
    font-family: sailec-mediumuploaded_file !important;
}

.box-readmore .button,
.iconlist>li .hover2 a.link {
    left: 0;
    right: 0;
    top: 0;
    text-indent: -9999px;
    bottom: 0;
}

.clients-logo1,
.company_our .text-center2,
.company_our.industries2 .wpb_wrapper p.tittle_new,
.footer-logo,
.logo-co,
.map_box_cr,
.map_box_img,
.map_box_member p,
.new-body .app_con_new4,
.owl-dots,
.project-info-co,
.style4,
.tittle_new,
.tittle_new2,
.values_section_b,
.values_section_t {
    text-align: center;
}

body {
    color: #4a6587;
}

p {
    font-family: sailec-mediumuploaded_file;
}


.testimonial-wrap .subtitle,
a:not([href]):not([class]) {
    color: #0f7590;
}

.tp-caption span {
    line-height: 0 !important;
    display: block !important;
}

.game-list a:hover,
a:not([href]):not([class]):hover,
ul.infoGraphic li:nth-child(2) {
    color: #D4AF37;
}

#header a:not([href]) {
    color: #000;
}

.features-bulk .featured-item.hover-outline:hover h4,
.game-list a:not([href]),
.game-list li:hover span,
.grid-news-hover .post-wrapper:hover b,
.hire_inner_right .input-field label,
.hire_inner_right h1,
.single-post .entry-header .entry-title,
.skilled_section p,
.top-bar a:not([href]):not([class]) {
    color: #fff;
}

a {
    color: #1851b1;
}

.wpb_wrapper:after {
    display: table;
    clear: both;
    content: '';
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 50px;
    text-decoration: none !important;
    box-shadow: 0 6px 24px rgba(212,175,55,0.35);
    transition: transform 0.25s, box-shadow 0.25s;
    width: fit-content;
    margin-block-start: 20px;
}

.tittle_new {
    font-size: 10px;
    color: #0f7590;
    text-transform: uppercase;
    margin-top: 40px;
    letter-spacing: 4px;
}

.quote-carousel2 .white-text,
.tittle_new2 {
    font-family: sailec-bolduploaded_file !important;
}

.tittle_new2 {
    color: #fff;
    font-size: 32px !important;
    line-height: 1.2em;
}

.box-title,
.footer2,
.iconlist-item-content h4,
.industries2,
.map_box,
.p_font,
.project-info-co h4,
.values_section_b,
.values_section_t {
    font-family: sailec-mediumuploaded_file !important;
}

.company_our.industries2::after {
    height: 114px;
    background: #fff;
}

.careers_se .panel-group:nth-child(2n) .panel-default .panel-heading,
.company_our.industries2,
.g-services.add-section .process-box {
    background: #fff;
}

.style4 {
    font-size: 15px;
    line-height: 150%;
    background: 0 0;
    padding: 15%;
    border: 1px solid rgba(255, 255, 255, .1);
    z-index: 2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    position: relative;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.iconbox.style4:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, .05);
    z-index: -1;
    visibility: hidden;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.style4:hover:after {
    visibility: visible;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.box-title {
    color: #fff;
    order: 2;
    font-size: 15px;
    margin: 0 0 15px;
}

.box-readmore .button {
    z-index: 1;
    position: absolute;
    padding: 0;
}

.project-info-inner {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 6%), 0 4px 4px rgb(0 0 0 / 6%), 0 8px 8px rgb(0 0 0 / 6%), 0 16px 16px rgb(0 0 0 / 6%), 0 32px 32px rgb(0 0 0 / 6%);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.map_box_member p,
.testimonial-wrap {
    -webkit-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
}

.project-info-inner:hover {
    margin-top: 10px;
}

.project-info-co h4 {
    line-height: 28px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    /* margin-bottom: 20px; */
    min-height: 84px;
}

.project-info-co {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.info-colore {
    background: rgba(217, 36, 28, .6);
}

.info-colore2 {
    background: rgb(235, 171, 0, .5);
}

.info-colore3 {
    background: rgb(36, 94, 157, .8);
}

.info-colore4 {
    background: rgba(31, 47, 87, .6);
}

.info-colore5 {
    background: rgb(255 0 0 / 50%);
}

.info-colore6 {
    background: rgba(43, 87, 247, .6);
}

.info-colore7 {
    background: rgba(15, 56, 95, .7);
}

.info-colore8 {
    background: rgba(222, 7, 110, .7);
}

.info-colore9 {
    background: rgb(255 193 7 / 70%);
    backdrop-filter: blur(3px);
}

.map_box {
    background: #fdfdfd
}

.map_box_img {
    width: 800px;
    margin: auto;
    position: relative;
}

.blog_section img,
.game-list img,
.img-max,
.map_box_img img,
.values_section_img1,
img.lazyloaded {
    max-width: 100%;

}

.top-pp img {
    width: 100%;
}

.map_box_cr {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}

.map_box_member:hover p {
    display: block;
}

.map_box_member>div {
    position: relative;
    width: 66px;
}

.map_box_member p,
.map_box_p1,
.map_box_p2,
.map_box_p3,
.map_box_p4,
.map_box_p5 {
    position: absolute;
}

.map_box_cr img {
    width: 31px;
    height: 31px;
}

.map_box_member p {
    background: #fff;
    display: none;
    bottom: -94px;
    left: -128px;
    right: 0;
    width: 328px;
    margin: auto;
    z-index: 1;
    padding: 15px;
    box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
}

.map_box_p1 {
    top: 11px;
    left: 271px;
}

.map_box_p2 {
    top: 77px;
    left: 151px;
}

.map_box_p3 {
    top: 70px;
    left: 546px;
}

.map_box_p4 {
    top: 143px;
    left: 400px;
}

.map_box_p5 {
    top: 200px;
    left: 600px;
}

.map_box_cr::after {
    content: " ";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: .3s;
}

.iconlist-icon-xlarge {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    padding: 5% 0;
    background: rgba(255, 255, 255, .95);
    font-size: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 60px 90px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 60px 90px 0 rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 60px 90px 0 rgba(0, 0, 0, .25);
    -o-box-shadow: 0 60px 90px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 60px 90px 0 rgb(0 0 0 / 25%);
}

.iconlist.iconlist-icon-xlarge>li {
    display: table-cell;
    position: relative;
    z-index: 3;
    vertical-align: top;
}

.iconlist.iconlist-icon-xlarge>li>div {
    padding: 0 10%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.iconlist.iconlist-icon-xlarge>li .iconlist-item-icon {
    margin-left: 10%;
    flex-shrink: 0;
}

.iconlist.iconlist-icon-xlarge>li .iconlist-item-icon img {
    max-height: 100%;
    margin: 0 auto;
}

.iconlist.iconlist-icon-xlarge>li .iconlist-item-content {
    flex-grow: 1;
}

.iconlist>li .hover2 a.link {
    position: absolute;
}

.add_inner_img,
.box-new .featured-item,
.header-sticky,
.map_box2,
.number_counter2 .counter-wrap,
.skilled_imgtop,
.values_section {
    position: relative;
}

.map_box2_inner,
.map_box_cr::after,
.values_section_inner,
.wrapper_new .circle1 {
    position: absolute;
    left: 0;
    right: 0;
}

.map_box2_inner {
    top: 60px;
    max-width: 1170px;
    margin: auto;
}

.iconlist-item-content h4 {
    font-weight: 500;
    color: #1A1A1A;
    font-size: 19px;
}

.values_section_inner {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
    background-color: rgba(10, 32, 68, .7) !important;
    top: 0;
    bottom: 0;
}

.values_section_t {
    font-size: 40px;
    color: #fff;
}

.values_section_b {
    font-size: 18px;
    color: #fff;
}

.quote-carousel2 .white-text {
    font-size: 96px;
    padding: 40px 0;
}

.wrapper_new {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.wrapper_new .circle1 {
    width: 78px;
    height: 78px;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #fff;
    margin: auto;
    transform: scale(1, 1);
}

.wrapper_new .circle1.pulse1 {
    -webkit-animation: 2s infinite pulse;
    animation: 2s infinite pulse;
    background-color: rgb(255, 255, 255, .3);
}

.post-inner .post-wrap .button,
.testimonial-wrap {
    background: #fff;
    font-family: sailec-mediumuploaded_file !important;
}

.wrapper_new svg {
    fill: #eb2c98;
    stroke: #eb2c98;
    stroke-linejoin: round;
    stroke-width: 5;
    transition: .3s;
}

.wrapper_new svg:hover {
    cursor: pointer;
    fill: #eb2c98;
    stroke: #eb2c98;
    transform: scale(1.2, 1.2);
}

.map_box_cr::after {
    animation: 2s infinite mymove;
    background-color: #0f0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

@-webkit-keyframes mymove {

    100%,
    50% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes mymove {

    100%,
    50% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes pulse {

    0%,
    100%,
    25% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }
}

@keyframes pulse {

    0%,
    100%,
    25% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }
}

/* ===================================================
   BLOG SECTION — premium redesign (global)
   =================================================== */
.blog_section {
    padding: 70px 0 70px;
    background: #f4f7fc;
    position: relative;
}
.blog_section .tittle_new {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #C5A017;
    background: linear-gradient(90deg, #e8f0fb, #d0e4f7);
    padding: 8px 20px;
    border-radius: 20px;
    white-space: nowrap;
    width: 172px;
    display: block;
    margin-inline: auto;
    margin-block-start: 0;
}
.blog_section .tittle_new2 {
    font-size: 40px;
    font-weight: 800;
    color: #2C2C2C;
    line-height: 1.25;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    margin-block-end: 30px;
}

.blog_section .row .row {
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
}
/* Card wrapper */
.post-inner {
    border-top: none !important;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2eaf5;
    /* margin-bottom: 22px; */
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
    box-shadow: 0 3px 14px rgba(0,50,160,0.05);
    min-height: 100%;
}
.post-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 48px rgba(170,140,44,0.13);
    border-color: #b8d4f8;
}

/* Link wrapper */
.post-inner a {
    color: inherit !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: block;
    height: 100%;
    text-decoration: none !important;
    overflow: hidden;
}

/* Image */
.post-inner .post-image {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.post-inner .post-image > img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
    display: block;
    transition: transform 0.45s ease;
}
.post-inner:hover .post-image > img {
    transform: scale(1.05);
}

/* Content wrap */
.post-inner .post-wrap {
    padding: 18px 20px 20px;
}

/* Date */
.post-inner .post-wrap .post-date {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px !important;
    font-weight: 700;
    color: #0077cc;
    background: #e8f4ff;
    border: 1px solid #c8e0f8;
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
    margin-bottom: 0px;
}

/* Title */
.post-inner .post-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #2C2C2C !important;
    margin: 0 0 10px !important;
    font-family: inherit !important;
    transition: color 0.2s;
}
.post-inner:hover .post-title { color: #D4AF37 !important; }

/* Excerpt */
.blog_section .post-content,
.post-inner .post-content {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    color: #667788;
    line-height: 1.75;
    margin-bottom: 14px;
}

/* Read more button */
.post-inner .post-wrap .button {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: auto !important;
    line-height: 1 !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #D4AF37 !important;
    background: transparent !important;
    border: 1.5px solid #D4AF37 !important;
    border-radius: 50px !important;
    text-align: left !important;
    margin-top: 4px !important;
    transition: background 0.25s, color 0.25s !important;
    width: fit-content;
}
.post-inner:hover .post-wrap .button {
    background: linear-gradient(135deg,#D4AF37,#F1C40F) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.post-inner.post-inner2 .post-title {
    font-size: 14px !important;
    height: auto !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Small cards — shorter image */
.col-md-6 .col-md-6 .post-inner .post-image > img {
    height: 160px;
}

.testimonial-wrap {
    padding: 10%;
    border-top: 3px solid #0057a9;
    overflow: hidden;
    box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.testimonial-wrap.testimonial-wrap2 {
    border-top-color: #0894d8;
}

.testimonial-wrap.testimonial-wrap3 {
    border-top-color: #e60d2d;
}

.app_con_new2,
.company_our.industries2,
.testimonial-content {
    margin-bottom: 30px;
}

.testimonial .author-name {
    margin: 0;
    color: #1A1A1A;
}

.border-box2 img {
    padding: 14px 19px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

.clients_slider {
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
}

.section-padding.section-padding2 {
    padding: 52px 0;
}

.iconbox.style4 img {
    width: 50px;
}

.project-info-inner .project-info-co img {
    width: 160px;
}

.project-info-inner .project-info-co {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 100%;
}

.testimonial-wrap {
    margin-bottom: 39px;
    margin-top: 40px;
    text-align: left;
    min-height: 440px;
}

#materialize-menu.showhide,
.box-new .featured-item .icon:before,
.col-sm-4.featured-item.seo-service .icon:before,
.company_our.about_section::after,
.company_our.expertise-area::after,
.company_our.number_counter::after,
.company_our.technical_section.industries2::after,
.header_new .menuzord-menu li a span:nth-child(2),
.hide2,
.hire_web_developers .featured-item .icon:before,
.number_counter2 .counter-wrap2:after,
.owl-nav {
    display: none;
}

.col-sm-4.featured-item.seo-service .icon,
.hire_web_developers .icon {
    top: 0;
}

.col-sm-4.featured-item.seo-service {
    margin: 10px 0;
}

.author-name {
    color: #1A1A1A;
    font-family: sailec-mediumuploaded_file !important;
    font-size: 15px;
    margin-bottom: 0;
}

.panel-body2 h3 {
    color: #fff;
    font-family: sailec-mediumuploaded_file !important;
    font-size: 17px;
    font-weight: 500 !important;
}

.about_section,
.testimonials_section {
    padding: 40px 0;
}

.number_counter.facts-two .timer {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.number_counter .style4 {
    padding: 10px;
    min-height: 198px;
}

.counter-wrap {
    padding: 0 15px;
}

.content-bottom-inner.wrap {
    padding-top: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    text-align: center;
    left: 0;
}

.tp-revslider-mainul li:first-child .tp-parallax-wrap,
.tp-revslider-mainul li:nth-child(3) .tp-parallax-wrap {
    left: 50px !important;
    top: 35% !important;
    position: absolute;
}

.tp-revslider-mainul li:nth-child(2) .tp-parallax-wrap {
    top: 35% !important;
    position: absolute;
}

.tp-revslider-mainul li:nth-child(4) .tp-parallax-wrap {
    left: 50px !important;
    top: 30% !important;
    position: absolute;
}

.tp-revslider-mainul li:nth-child(4) .tp-parallax-wrap p {
    font-size: 18px;
    margin-top: 30px;
}

.footer2 .copy-text,
.footer2.footer-four .social-link li a i {
    color: #b7c0ce;
}

.brand-bg.darken-2,
.footer2 .brand-bg.darken-2,
.grid-news-hover .post-wrapper:hover .light-blue {
    background-color: #1A1A1A !important;
}

.footer2.footer-four .secondary-footer ul li a {
    text-transform: unset;
}

.panel-body2 a .lazyloaded {
    width: 99px;
    margin: auto;
}

.content-bottom-widgets {
    font-family: sailec-mediumuploaded_file !important;
    text-align: center;
    position: relative;
    padding-top: 152px;
    z-index: -1;
}

.tr_h1,
.tr_h2 {
    z-index: 5;
    white-space: nowrap;
}

.content-bottom-widgets p {
    color: rgba(14, 43, 92, .8);
}

#text-6 {
    width: 508px;
    margin: auto;
}

.large.accent {
    border-color: #1A1A1A;
    color: #fff;
    line-height: 64px;
    font-size: 18px;
    padding: 15px 15px;
    background: #1A1A1A;
    border: 1px solid rgba(14, 43, 92, .1);
    border-radius: 5px;
}

.about_se1 img {
    max-width: 100%;
    border-radius: 6px;
    margin-top: 29px;
}

.about_banner {
    background: url("../../../img/about_bg.webp") center bottom;
    padding: 40px 0;
}

.tittle_b {
    text-align: center;
    font-weight: 500;
    color: #1A1A1A;
    font-family: sailec-bolduploaded_file !important;
    font-size: 35px;
}

.add_inner h4,
.tittle_b_p {
    font-family: sailec-mediumuploaded_file !important
}

.tittle_b_p {
    color: #4a6587;
    text-align: center;
}

.add_inner,
.careers_se,
.form_section .hbspt-form .hs-button,
.form_section .hbspt-form label,
.header_sec {
    font-family: sailec-mediumuploaded_file;
}

.header_sec {
    border-bottom: 1px solid #4a6587;
}

.header_sec_ul li a {
    padding: 15px 38px;
    display: block;
    color: #4a6587;
    position: relative;
}

.header_sec_ul li a.active::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #fc5546;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
}

.header_sec_ul li,
.list-inline.social-top li {
    display: inline-block;
}

.header_sec_ul {
    text-align: center;
    margin-bottom: 0;
}

.header_sec_ul li p {
    color: #1A1A1A;
    margin: 0;
}

.add_inner p a,
.add_inner2 p a,
.blog_section .post-content,
.box-new .featured-item p,
.colore-gray,
.company_our.expertise-area.font-16 .iconbox.style4 p,
.footer2 .copy-text a,
.footer2.footer-four .social-link li a i,
.in_middle p,
.map_box p,
.new-body p,
.p_color,
.post-inner .post-wrap .post-date,
.solutions_section p,
.testimonial2 p,
.testimonials_section .testimonial-wrap p {
    color: #4a6587;
}

.add_inner {
    padding: 10%;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.add_inner h4 {
    color: #1A1A1A;
    font-size: 20px;
}

.add_inner p {
    color: #4a6587;
    position: relative;
    margin-bottom: 6px;
}

.add_inner p i {
    position: absolute;
    left: 0;
    top: 2px;
}

.add_inner:hover .add_inner_img:before {
    -webkit-transform: scale(.75);
    transform: scale(.75);
}

.add_inner:hover .imager1 {
    -webkit-transform: translatey(-20%) rotate(20deg);
    transform: translatey(-20%) rotate(20deg);
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    transition-timing-function: cubic-bezier(.12, .845, .305, 1);
}

.add_inner_img:before {
    position: absolute;
    height: 8px;
    width: 66px;
    content: "";
    bottom: -15px;
    left: 50%;
    margin-left: -33px;
    background: rgba(0, 0, 0, .06);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    transition-timing-function: cubic-bezier(.12, .845, .305, 1);
}

.add_inner_p {
    min-height: 136px;
}

.img-max-2 {
    display: inline-flex;
    gap: 15px;
    ;
}

.img-max-2 img {
    width: 50%;
}

.form_section {
    background: url("../../../img/bg-42.png") center center/cover;
    padding: 40px 0;
}

.form_section .hbspt-form {
    padding: 6% 10%;
    background: #fff;
    border: 4px solid rgba(0, 0, 0, .05);
}

.form_section .hbspt-form .hs-button {
    width: 100%;
    background: #1A1A1A;
}

.careers_right h2 {
    margin-top: 10px;
}

.careers_se {
    color: #4a6587;
}

.careers_se .inbox b,
.in_middle b,
.post-wrapper b {
    font-weight: 500;
}

.careers_se .panel-title li {
    font-weight: 500;
    font-size: 16px;
}

.careers_se .panel-title li:first-child {
    color: #1A1A1A;
    text-decoration: dotted;
}

.add-section,
.careers_se .panel-group:nth-child(odd) .panel-default .panel-heading,
.industries2 .style4 {
    background: #f3f6f9;
}

.careers_se .panel-group .panel-default {
    border: none;
    margin-top: 7px;
}

.careers_se h3 {
    color: #1A1A1A;
    font-size: 32px;
}

.careers_se .input-field,
.hire_inner_right .input-field {
    margin-top: 13px;
}

.blue_colore,
.company_our h3.blue_colore,
.industries2 .box-title,
.number_counter.number_counter2.facts-two .timer,
.top-bar .social-top a i,
.web_se h1,
h3.blue_colore {
    color: #1A1A1A;
}

.in_middle .z-depth-1,
.soft2 .z-depth-1 {
    border: 4px solid #9dadc6;
}

.background_colore1 {
    background-color: #231834;
}

.hire_mobile_application_new .icon {
    border: 4px solid #fff;
}

.why_to_hire2 .featured-item {
    font-size: 15px;
    line-height: 150%;
    background: 0 0;
    padding: 16px;
    z-index: 2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    position: relative;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    text-align: center;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.why_to_hire2 .featured-item.feature-icon h2 {
    font-size: 15px;
}

.why_to_hire2 .featured-item.feature-icon:hover .icon {
    background: #D4AF37;
    border-radius: 50%;
    line-height: 90px;
}

#exampleModal22 {
    max-height: 100%;
    width: 100%;
    background-color: transparent;
}

#exampleModal22 .modal-header .close {
    color: #000;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ccc;
    width: 40px;
    height: 40px;
    opacity: 1;
}

.b-blue,
.game-list li:hover a::before,
.grid-news-hover .post-wrapper:hover .blog-content {
    background: #1A1A1A;
}

.grid-blog .blog-grid-item:hover .thumb-wrapper img {
    filter: grayscale(0);
}

.grid-news-hover .post-date {
    width: 85px;
    height: 60px;
    background: #1A1A1A;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 12px;
    padding: 8px;
}

.single-post .entry-header {
    color: #fff;
    overflow: hidden;
    margin-bottom: 0;
    background: #1A1A1A;
    padding: 10px;
}

.models_section {
    background: url("../../../img/bannernewr1new.jpg") center bottom fixed;
    padding: 0;
}

.skilled_section .col-md-5 .width-85 {
    margin-bottom: 54px;
}

.company_our.technical_section {
    padding-bottom: 70px;
}

.models_section_first {
    background: rgba(0, 0, 0, .4);
    padding: 80px 0;
}

.hire_section {
    background: url("../../../img/Hire-Dedicated-Developers-in-India.jpg") center bottom/cover;
    padding: 40px 0;
}

.models_section_inner {
    background: #fff;
    text-align: center;
    padding: 17px;
}

.models_section_inner span {
    display: block;
    color: #000;
    font-size: 17px;
    margin: 20px 0;
}

.hire_inner_left {
    text-align: left;
    color: #fff;
}

.hire_inner_right {
    background: #568d58a3;
    padding: 20px;
    color: #fff;
    border-radius: 8px;
}

.skilled_section .pl-1 {
    margin: 10px 0 0;
}

.skilled_imgtop .skilled_img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font: 600 22px Montserrat, sans-serif;
    letter-spacing: 1px;
}

i.icon-count {
    font-style: normal;
    border: 1px solid rgba(147, 147, 147, .8);
    padding: 5px;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(147, 147, 147, .8);
    font-size: 26px;
    font-weight: 600;
}

.feature-box-5 {
    padding-left: 65px;
    min-height: 265px;
}

.position-relative {
    position: relative !important;
}

.feature-box-5 i {
    position: absolute;
    top: 0;
    left: 0;
}

.feature-content-tittle {
    color: #263959;
    font-size: 17px;
}

.dedicated_section .featured-item.border-box h3 {
    color: #010101;
    font-size: 15px;
}

.featured-item,
.new-body .dot_solutions2 {
    margin-top: 20px;
}

.technical_img {
    text-align: center;
    border: 1px solid #fff;
    padding: 30px;
}

p.tittle-r {
    font-size: 20px;
    color: #263959;
}

.technical_inner {
    background: #ccc;
    color: #000;
    padding: 30px;
}

.technical_img p {
    margin-top: 15px;
}

ul.infoGraphic {
    font-size: var(--font-size);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.infoGraphic li {
    position: relative;
    width: 100%;
    max-width: 25em;
    background: var(--bg1);
    border-radius: .5em;
    padding: .5em;
    z-index: 1;
    transition: .2s;
    cursor: pointer;
}

ul.infoGraphic li .numberWrap {
    position: absolute;
}

ul.infoGraphic li .number {
    font-size: 101px;
    font-weight: 900;
    width: .9em;
    text-align: center;
}

ul.infoGraphic li .number.fontColor1 {
    color: var(--blue);
}

ul.infoGraphic li .number.fontColor2 {
    color: var(--green);
}

ul.infoGraphic li .number.fontColor3 {
    color: var(--purple);
}

ul.infoGraphic li .number.fontColor4 {
    color: var(--gold);
}

ul.infoGraphic li .number.fontColor5 {
    color: var(--red);
}

ul.infoGraphic li .number.fontColor6 {
    color: var(--orange);
}

ul.infoGraphic li .coverWrap {
    transform: rotate(130deg);
    position: absolute;
    width: 18em;
    height: 15em;
    left: -9em;
    top: -1em;
}

ul.infoGraphic li .coverWrap .numberCover {
    position: absolute;
    background: var(--bg1);
    width: 14em;
    height: 6em;
    border-radius: 50% 50% 0 0;
    border-bottom: 3px solid #f5f8f7;
    transition: .4s;
}

ul.infoGraphic li .coverWrap .numberCover::before {
    position: absolute;
    content: "";
    bottom: 5px;
    left: 4em;
    right: 4em;
    top: 5em;
    box-shadow: 0 0 30px 7px #48668577;
    border-radius: 100px/10px;
    z-index: -1;
}

ul.infoGraphic li:first-child {
    color: #0f0;
}

ul.infoGraphic li:nth-child(3) {
    color: #e60d2d;
}

ul.infoGraphic li:nth-child(4) {
    color: #eb2c98;
}

ul.infoGraphic li:nth-child(5) {
    color: #11037c;
}

ul.infoGraphic li .coverWrap .numberCover::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    content: "";
    left: -10%;
    width: 120%;
    height: 72%;
    z-index: 1;
}

ul.infoGraphic li .content {
    margin: 68px;
    position: relative;
}

ul.infoGraphic li .content h2 {
    font-size: 1.7em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.menuzord-menu ul.dropdownnew li p,
.menuzord-menu ul.dropdownnew li p a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0f7590;
}

.numberWrap .number {
    left: -35px;
    position: absolute;
    top: 61px;
}

ul.infoGraphic li .content p {
    line-height: 1.5em;
}

ul.infoGraphic li:hover .coverWrap .numberCover {
    border-radius: 100%;
}

.icon {
    position: absolute;
    font-size: 2rem;
    text-align: center;
    top: -1.3em;
    left: 50%;
    transform: translatex(-50%);
}

.icon:before {
    color: #666;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
}

.iconCodepen:before {
    content: "";
}

.iconSocial:before {
    content: "";
}

.iconAirplane:before {
    content: "";
}

.iconMap:before {
    content: "";
}

.iconBulb:before {
    content: "";
}

.iconPeace:before {
    content: "";
}

.technical_section .technical_inner .col-md-3 {
    width: 20%;
}

.technical_section .technical_img p {
    margin: 8px 0;
}

.technical_section .technical_img {
    padding: 17px;
    min-height: 157px;
    margin-top: 10px;
}

.technical_section .row .col-md-2:first-child .technical_img {
    background: #fff;
    color: #181123;
    min-height: auto;
}

.box-new .featured-item .desc {
    text-align: left;
    position: relative;
    padding-top: 22px;
    min-height: 84px;
}

.box-new .featured-item .desc h2 {
    padding-left: 68px;
}

.box-new .featured-item .icon {
    width: 74px;
    position: absolute;
    left: 24px;
    top: 19px;
}

.box-new .featured-item p {
    text-align: left;
}

.box-new .featured-item .imager1 {
    width: 46px;
}

.box-new .box-list {
    margin-top: 0px;
}

ul.box-list {
    display: flex;
    gap: 10px 15px;
    flex-wrap: wrap;
    padding: 0;
}

ul.box-list li {
    padding: 0 !important;
    position: static !important;
}

ul.box-list li a {
    border-block-end: 1px solid #1851b1;
    padding-bottom: 4px;
}

.box-new .box-list li {
    list-style: none;
    position: relative;
    padding-left: 23px;
    text-align: left;
}

/*.box-new .box-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #4a6587;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.box-new .box-list li:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #4a6587;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}*/

.img_box_new {
    overflow: hidden;
}

.img_box_new img {
    max-width: 467px;
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.featured-item:hover .img_box_new img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.box-new .featured-item.border-box {
    padding: 23px 20px;
}

.company_our::after {
    height: 50%;
}

.number_counter.number_counter2 .style4 {
    min-height: unset;
}

.box-new .featured-item:hover {
    box-shadow: 2px 0 20px rgba(0, 0, 0, .1);
}

.number_counter2 .counter-wrap:after {
    content: "";
    width: 47%;
    height: 1px;
    background: #dad8d8;
    display: block;
    transform: rotate(-61deg);
    position: absolute;
    top: 62px;
    left: -51px;
}

.game-list li,
.solution_inner ul li {
    flex-basis: 25%;
    padding: 0 10px;
    display: block;
}

.solution_inner ul,
ul.game-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.solution_inner ul li a {
    padding: 10px;
    border: 1px solid #999;
    display: block;
    margin-bottom: 10px;
    border-radius: 5px;
}

.solution_inner ul li span {
    display: block;
    margin-top: 10px;
    min-height: 62px;
}

.solution_inner ul li img {
    width: 48px;
}

.solutions_section.section-padding.section-padding2 {
    padding-top: 90px;
    padding-bottom: 50px;
}

.game_section {
    background: 0 0/cover fixed #f3f6f9;
    padding: 40px 0;
}

.game-list a {
    position: relative;
    color: #0f7590;
    display: block;
    padding: 20px;
    z-index: 1;
}

.game-list li a {
    border-bottom: 5px solid #56d5fd;
}

.footer-links,
ul.game-list {
    padding: 0;
}

.game-list li {
    margin-bottom: 10px;
    margin-top: 10px;
}

.game-list li a::before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.game-list span {
    display: block;
    color: #4a6587;
}

.vc_custom_heading.style1.vr_heading,
.vr_heading {
    font-size: 10px;
    color: #0f7590;
    text-align: left;
}

.vh_custom_headingh {
    text-align: left;
    font-family: sailec-bolduploaded_file !important;
    font-size: 2.875rem;
}

.wpb_wrapper p.stop-wasting {
    text-align: center;
    font-size: 15px;
}

.appfutura {
    max-width: 100%;
    margin-top: 20px;
}

.lazyload22 {
    margin-top: 41px;
    max-width: inherit;
    width: 150px;
}

.g-services .process-box ul li,
.number_counter.number_counter2.counter-section {
    background: 0 0;
}

.numa_flot {
    margin: auto;
    float: none;
}

.owl-carousel .owl-item img.hero_W {
    width: 64px;
}

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

.tr_h1 {
    text-align: left;
}

.menuzord-menu ul.dropdown {
    right: auto !important;
    display: none;
}

.menuzord-menu.pull-right.menuzord-indented {
    max-height: 400px;
}

/*.menuzord-menu.pull-right.menuzord-indented {
    max-height: 100vh !important;
    height: 100vh;
    width: calc(100% + 20px);
    margin-inline-start: -10px;
}
*/
.new-body .company_our.industries2::after {
    height: 114px;
    background: #1f162e;
}

.new-body .company_our i {
    margin-top: 20px;
    font-size: 40px;
}

.new-body .mobile_cont {
    padding-top: 54px;
    color: #fff;
}

.new-body .mobile_cont p {
    font-size: 17px;
    color: #fff;
}

.new-body .mobile_cont h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}

.new-body .dot_solutions li {
    display: block;
    padding: 5px;
    border: 1px solid #000;
    text-align: center;
    background: #44a7e2;
    color: #fff;
    width: 33.33%;
    margin: 0;
    float: left;
}

.new-body .dot_solutions li i {
    font-size: 34px;
    text-align: center;
    display: block;
}

.new-body .service_div li {
    display: inline-table;
    border-radius: 6px;
    background: #f6f6f6;
    border: 1px solid #eee;
    width: 31.33%;
    text-align: center;
    padding: 10px;
    color: #000;
}

.new-body .service_div i {
    display: block;
    font-size: 54px;
    color: #D4AF37;
}

.new-body .app_con_new2 li {
    width: calc(100% / 8);
    text-align: center;
    display: inline-block;
    float: left;
    padding: 10px;
}

.new-body .app_con_new2 ul {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    justify-content: center;
}

.new-body .app_con_new2 img {
    max-width: 100%;
    width: 60%;
}

.new-body .app_tech_n {
    position: absolute;
    top: 0;
    padding: 40px;
    color: #fff;
}

.new-body .app_tech_n h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.footer-logo,
.new-body .app_con_new p {
    margin-bottom: 10px;
}

.new-body .app_con_new4 img {
    width: 54px;
    margin-bottom: 20px;
}

.new-body .app_con_new4 h3 {
    font-weight: 500;
    font-size: 20px;
}

.cta-btn a.btns,
.in_middle.app_con_new b,
.process-box p {
    font-weight: 700;
}

.new-body .main_box1 {
    padding: 30px 10px 10px;
    border: 1px solid #44a7e2;
    background: #fff;
    min-height: 179px;
    border-radius: 6px;
}

.new-body .dot_solutions2 li {
    list-style: inside;
}

.new-body .app_con_new5 .main_box1 i {
    display: block;
    font-size: 43px;
    color: #00abf7;
}

.new-body .app_con_new5 .main_box1 {
    font-weight: 500;
    text-align: center;
    min-height: 146px;
    font-size: 20px;
    color: #000;
}

.clear-box {
    clear: both;
}

.app_con_new2 .gray-bg {
    text-align: center;
    padding: 30px 0;
}

.industries2.industries4 .box-title {
    min-height: 35px;
    margin-top: 14px;
}

.industries2.industries4 .style4 {
    margin-top: 20px;
    padding: 23px 10px;
}

.company_our.industries2.industries4 {
    background: #1f162e;
    padding: 60px 0;
}

.dis-wrap .orion-image {
    padding: 18px 10px;
    text-align: center;
    background-color: #ecf2fe;
    border-radius: 0 0 80px;
    max-width: 125px;
}

.dis-wrap h4 {
    padding-bottom: 0;
    margin-top: 23px;
    font-size: 18px;
}

.dis-wrap h3 {
    padding-bottom: 0;
    font-family: ProximaNova-Bold;
    font-size: 22px;
    line-height: 26px;
}

.cta-btn a.btns {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    border: 2px solid rgb(64 71 252);
    border-radius: 100px;
    padding: .9em 2em;
    margin: 39px 15px 5px 5px;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, transparent 50%, rgb(64 71 252) 40%);
    transition: background-position .3s cubic-bezier(.19, 1, .22, 1) .1s, color .5s, background-color .5s;
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
}

.orion-image .img-fluid {
    max-width: 100%;
    height: auto;
}

.dis-wrap {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.process-box {
    padding: 30px 20px;
    background: #1A1A1A;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.process-box ul li {
    background: #0a2655;
    margin-top: 2px;
    padding: 3px;
}

.process-box ul {
    min-height: 207px;
}

.process-box h6 {
    color: #fff;
    font-size: 20px;
    min-height: 45px;
    margin-top: 19px;
}

.process-box p {
    font-size: 76px;
    position: absolute;
    z-index: -10;
    opacity: .3;
    top: 52px;
    right: 16px;
    margin: auto;
    text-align: center;
}

.dot_solutions2 li,
.font-16 p,
.game-box h6 {
    font-size: 17px;
}

.text-center2 {
    text-align: center !important;
}

.font-16 p {
    text-align: justify;
}

.large.accent.color4 {
    background: #0f7590;
}

.panel-group2 .panel-title a {
    padding: 20px 0;
    color: #1A1A1A;
    font-size: 18px;
    display: block;
    position: relative;
}

.clients-logo1 img {
    margin: 23px;
}

.panel-group2 .panel-title a:after {
    content: "";
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px;
    margin-top: 8px;
    position: absolute;
    right: 0;
    top: 14px;
}

.panel-group2 {
    margin-top: 36px;
}

/* ===== FAQ SECTION ===== */
.faq-section {
    margin-top: 0;
    margin-bottom: 0;
    background: linear-gradient(135deg, #06101f 0%, #0b1e3d 45%, #0d2247 70%, #071629 100%);
    position: relative;
    overflow: hidden;
}

/* Decorative geometric shapes */
.faq-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(212,175,55,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212,175,55,0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
}

.faq-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

/* Extra floating dot pattern */
.faq11 .container::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
    pointer-events: none;
}

.faq-section,
.faq11 > .container,
.faq11 > .container.faq-section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
}


/* FAQ Title */
.faq11 .tittle_new2,
.faq-section .tittle_new2 {
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
    position: relative;
    margin-block-end: 30px;
}

.faq11 .tittle_new2::after,
.faq-section .tittle_new2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, #fff, rgba(255,255,255,0.4), #fff);
    border-radius: 2px;
}

/* Accordion container */
.faq11 .accordion-flush,
.faq-section .accordion-flush {
    max-width: 900px;
    margin: 0 auto;
}

/* Accordion item */
.faq11 .accordion-item,
.faq-section .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    margin-bottom: 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.faq11 .accordion-item:hover,
.faq-section .accordion-item:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}


.owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    margin: 5px;
    border-radius: 50%;
    display: block;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 20px;
    height: 20px;
    background: #0f7590;
}

.post-inn3 {
    height: 100%;
    margin: 0;
}

/* Accordion button */
.accordion-flush .accordion-item .accordion-button {
    border-radius: 12px 12px 0 0 !important;
    padding: 22px 24px 22px 64px !important;
    font-size: 17px !important;
    color: #fff;
    background: transparent;
    box-shadow: none !important;
    border: none;
    position: relative;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1.5;
}

/* Custom +/- icon */
.accordion-flush .accordion-item .accordion-button::before {
    content: '+';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

/* Hide default Bootstrap arrow */
.accordion-flush .accordion-item .accordion-button::after {
    display: none !important;
}

/* Active/open state */
.accordion-flush .accordion-item .accordion-button:not(.collapsed) {
    background: rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.accordion-flush .accordion-item .accordion-button:not(.collapsed)::before {
    content: '−';
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    font-size: 22px;
    line-height: 28px;
}

/* Accordion body */
.accordion-flush .accordion-item .accordion-body {
    padding: 20px 24px 22px 64px;
    background: rgba(255, 255, 255, 0.04);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.accordion-flush .accordion-item .accordion-body p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.85;
}

/* Responsive */
@media (max-width: 767px) {
    .blog_section {
    padding: 40px 0;
}
    .blog_section .container > .row {
        gap: 15px;
    }
    .faq11 .tittle_new2,
    .faq-section .tittle_new2 {
        font-size: 24px;
    }

    .accordion-flush .accordion-item .accordion-button {
    font-size: 15px !important;
    padding: 15px 15px 15px 62px !important;
}

    .accordion-flush .accordion-item .accordion-body {
        padding: 16px 16px 18px 52px;
    }
}

.lazyload2 {
    width: 100%;
    height: auto;
}

.in_middle.game_section .game-list .lazyload2 {
    width: auto;
}

.menuzord-menu ul.dropdown.dropdownnew {
    left: 0;
    right: 0 !important;
}

#header .container,
.features-bulk .featured-item .icon,
.menuzord {
    position: static;
}

.dropdownnew li {
    width: 18.1% !important;
    margin: 10px 12px;
    border-right: 1px solid #dad8d8 !important;
    height: 100%;
}

.menuzord-menu ul.dropdownnew li p {
    margin: 10px 0;
}

.menuzord-menu ul.dropdown.dropdownnew.none {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.dropdownnew li a {
    padding: 0 20px !important;
}

.menuzord-menu ul.dropdown.dropdownnew li a {
    float: none;
    display: block;
}

.game-box {
    border: 1px solid #1A1A1A;
    margin-top: 30px;
    padding: 10px;
    font-size: 19px;
    box-shadow: 2px 2px 7px rgb(0 0 0 / 30%);
}

.add_inner2,
.logo-co a {
    border-top: 1px solid #eee;
}

.game-box h6 {
    text-align: center;
    margin-top: 10px;
    background: #1A1A1A;
    padding: 10px;
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
}

.company_our.expertise-area {
    padding: 90px 0;
}

.company_our.expertise-area .box-title {
    color: #2196f3;
    font-size: 18px;
    min-height: 48px;
}

.company_our.expertise-area.font-16 p {
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.company_our.expertise-area .style4 {
    padding: 30px;
    margin-top: 30px;
}

.g-services .process-box {
    background: #f3f6f9;
    color: #000;
}

.process-box ul {
    margin: 0;
    padding: 0;
}

.g-services .process-box p {
    font-size: 17px;
    position: static;
    opacity: 1;
    margin: auto;
    background: #2196f3;
    padding: 9px;
    width: 50px;
    border-radius: 5px;
    height: 50px;
    color: #fff;
    line-height: 34px;
    text-align: center;
}

.g-services .process-box h6 {
    min-height: auto;
}

.g-services .process-box ul {
    min-height: 106px;
}

.company_our.number_counter2.number_counter3 {
    padding-top: 70px;
}

.clutch-widget {
    width: 141px;
    margin: auto;
}

.footer-four .footer-logo,
.lazyload222 {
    margin-top: 22px;
}

.footer2 .col-md-8 {
    padding-top: 30px;
}

.careers_se .icon {
    transform: translatex(0);
    position: static;
}

.careers_se .panel-title li {
    line-height: 23px;
}

.in_middle b {
    color: #1A1A1A;
    font-family: sailec-bolduploaded_file !important;
}

.bulk2 .codewrap code {
    word-wrap: break-word;
}

/* ===========================================================
   GRP — CTA SECTION  (fresh from scratch)
   =========================================================== */
/* ===========================================================
   GRP — CTA SECTION  (matches site light sections)
   =========================================================== */
.grp-cta {
    background: linear-gradient(180deg, #d6eeff 0%, #e8f5ff 18%, #f4f9ff 42%, #fff 68%);
    padding: 0;
    position: relative;
    overflow: hidden;
}

.grp-cta::before {
    content: '';
    position: absolute;
    top: -100px; right: -100px;
    width: 420px; height: 420px;
    background: radial-gradient(circle, rgba(212,175,55,0.06) 0%, transparent 70%);
    pointer-events: none;
}

/* ── Text + buttons ── */
.grp-cta-head {
    text-align: center;
    padding: 80px 20px 64px;
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.grp-cta-tag {
    display: inline-block;
    background: linear-gradient(90deg, #e8f0fb, #d0e4f7);
    color: #C5A017;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.grp-cta-title {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.2;
    color: #2C2C2C;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}

.grp-cta-title span {
    background: linear-gradient(90deg, #D4AF37, #F1C40F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.grp-cta-desc {
    font-size: 16px;
    color: #718096;
    line-height: 1.85;
    margin-bottom: 40px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.grp-cta-btns {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.grp-btn-solid {
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    color: #fff !important;
    padding: 14px 36px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    transition: all 0.25s ease;
    white-space: nowrap;
    box-shadow: 0 4px 18px rgba(212,175,55,0.25);
}

.grp-btn-solid:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(212,175,55,0.38);
    filter: brightness(1.08);
}

.grp-btn-ghost {
    background: #fff;
    color: #2C2C2C !important;
    padding: 13px 34px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #c8d8f0;
    transition: all 0.25s ease;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(0,60,180,0.07);
}

.grp-btn-ghost:hover {
    border-color: #C5A017;
    color: #C5A017 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,60,180,0.14);
}

/* ── Stats bar ── */
.grp-stats-bar {
    background: #2C2C2C;
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

.grp-stat-item {
    flex: 1;
    text-align: center;
    padding: 38px 20px;
    border-right: 1px solid rgba(255,255,255,0.07);
    transition: background 0.2s;
    cursor: default;
}

.grp-stat-item:last-child { border-right: none; }

.grp-stat-item:hover { background: rgba(255,255,255,0.04); }

.grp-stat-num {
    display: block;
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -1px;
}

.grp-stat-num sup {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(90deg, #D4AF37, #F1C40F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    vertical-align: super;
    letter-spacing: 0;
}

.grp-stat-lbl {
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,0.50);
    font-weight: 500;
    letter-spacing: 0.2px;
}

/* Responsive */
@media (max-width: 991px) {
    .post-inner .post-image > img,
    .col-md-6 .col-md-6 .post-inner .post-image > img {
        height: auto;
    }
    .grp-cta-title  { font-size: 34px; }
    .grp-stats-bar  { flex-wrap: wrap; justify-content: center; }
    .grp-stat-item  { flex: 0 0 50%; border-bottom: 1px solid rgba(255,255,255,0.07); }
    .grp-stat-item:nth-child(2n) { border-right: none; }
}

@media (max-width: 575px) {
    .grp-cta-head   { padding: 60px 16px 48px; }
    .grp-cta-title  { font-size: 28px; }
    .grp-cta-desc   { font-size: 15px; }
    .grp-btn-solid,
    .grp-btn-ghost  { width: 100%; justify-content: center; }
    .grp-stat-num   { font-size: 32px; }
}


/* ===========================================================
   GRP — FOOTER  (light theme premium v2)
   =========================================================== */
.grp-footer {
    background: linear-gradient(180deg, #d6eeff 0%, #e8f5ff 18%, #f4f9ff 42%, #fff 68%);
    padding: 0;
    position: relative;
    overflow: hidden;
}

/* Top gradient accent border */
.grp-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37 0%, #F1C40F 50%, #F3E5AB 100%);
    z-index: 2;
}

/* Hexagon honeycomb pattern — fades top to bottom */
.grp-footer-pattern {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%230077cc' fill-opacity='0.18'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L0 31.3l13 7.5v2.28L0 33.5zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-6.5l13-7.5v-2.28L15 40.5V49h2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 56px 98px;
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 28%, rgba(0,0,0,0.2) 58%, transparent 80%);
    mask-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 28%, rgba(0,0,0,0.2) 58%, transparent 80%);
    pointer-events: none;
    z-index: 0;
}

/* ── Main footer links body ── */
.grp-footer-top {
    padding: 72px 0 60px;
    border-bottom: 1px solid #e4ecf8;
    position: relative;
    z-index: 1;
    background: transparent;
}

.grp-footer-top::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(212,175,55,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212,175,55,0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
}
/* Brand column */
.grp-footer-brand .grp-footer-logo img {
    max-width: 160px;
    margin-bottom: 18px;
    display: block;
}
.grp-footer-about {
    font-size: 14px;
    color: #5e7090;
    line-height: 1.9;
    margin-bottom: 26px;
    max-width: 320px;
}

/* Quick contact items */
.grp-footer-quick-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 28px;
}
.grp-fqc-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    text-decoration: none !important;
    transition: transform 0.2s;
}
.grp-fqc-item:hover { transform: translateX(3px); }
.grp-fqc-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #e8f0fb, #d0e4f7);
    border: 1px solid #c2d8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    box-shadow: 0 2px 8px rgba(170,140,44,0.08);
}
.grp-fqc-icon i { color: #0055cc; font-size: 13px; }
.grp-fqc-item span:last-child {
    font-size: 13px;
    color: #4d6080;
    line-height: 1.6;
    font-weight: 500;
}
.grp-fqc-addr { align-items: flex-start; }

/* Social row */
.grp-social {
    display: flex;
    gap: 9px;
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    flex-wrap: wrap;
}
.grp-social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #fff;
    border: 1.5px solid #dce8f5;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(170,140,44,0.07);
    transition: all 0.25s;
}
.grp-social li a i {
    color: #4a70a0;
    font-size: 15px;
    transition: color 0.25s;
}
.grp-social li a:hover {
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    border-color: transparent;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(212,175,55,0.28);
}
.grp-social li a:hover i { color: #fff; }

/* Badge row */
.grp-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.grp-badges a {
    display: block;
    opacity: 0.72;
    transition: opacity 0.2s, transform 0.2s;
    filter: drop-shadow(0 2px 4px rgba(0,30,100,0.08));
}
.grp-badges a:hover { opacity: 1; transform: translateY(-3px); }
.grp-badges a img { height: 32px; width: auto; display: block; }

/* Nav column headings */
.grp-footer-col h6 {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #111111;
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 14px;
}
.grp-footer-col h6::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 28px; height: 2.5px;
    background: linear-gradient(90deg, #D4AF37, #F1C40F);
    border-radius: 3px;
}

/* Nav links */
.grp-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.grp-footer-links li a {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 7px 0;
    font-size: 13.5px;
    color: #5e7090;
    text-decoration: none;
    transition: color 0.2s, padding-left 0.2s;
    position: relative;
}
.grp-footer-links li:last-child a { border-bottom: none; }
.grp-footer-links li a::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #D4AF37, #F1C40F);
    border-radius: 2px;
    margin-right: 0;
    vertical-align: middle;
    transition: width 0.22s, margin-right 0.22s;
    flex-shrink: 0;
}
.grp-footer-links li a:hover {
    color: #D4AF37;
    padding-left: 4px;
}
.grp-footer-links li a:hover::before {
    width: 12px;
    margin-right: 7px;
}

/* ── Office cards row ── */
.grp-footer-offices {
    padding: 40px 0;
    border-bottom: 1px solid #e4ecf8;
    position: relative;
    z-index: 1;
    background: #f5f8ff;
}
.grp-offices-grid {
    display: flex;
    align-items: stretch;
    gap: 22px;
}
.grp-office-card {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    background: #fff;
    border: 1.5px solid #e0eaf8;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,60,180,0.06);
    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
    position: relative;
    overflow: hidden;
}
.grp-office-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37, #F1C40F);
    border-radius: 20px 20px 0 0;
    opacity: 0;
    transition: opacity 0.3s;
}
.grp-office-card:hover {
    border-color: #a8ccf5;
    box-shadow: 0 12px 40px rgba(170,140,44,0.12);
    transform: translateY(-4px);
}
.grp-office-card:hover::before { opacity: 1; }

.grp-office-flag-wrap {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #dce8f5;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(170,140,44,0.1);
}
.grp-office-flag-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.grp-office-divider { display: none; }

.grp-office-info h6 {
    font-size: 13px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 8px;
    letter-spacing: 0.3px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.grp-office-info h6 i {
    color: #D4AF37;
    font-size: 12px;
    background: linear-gradient(135deg, #e8f0fb, #d0e4f7);
    padding: 5px;
    border-radius: 6px;
}
.grp-office-info p {
    font-size: 13px;
    color: #7080a0;
    margin: 0 0 14px;
    line-height: 1.7;
}
.grp-office-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
}
.grp-office-contacts a {
    font-size: 13px;
    font-weight: 600;
    color: #3a5580 !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: color 0.2s;
    padding: 5px 12px;
    border-radius: 20px;
    background: #eef4ff;
    border: 1px solid #d5e5f8;
}
.grp-office-contacts a i { color: #D4AF37; font-size: 11px; }
.grp-office-contacts a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    border-color: transparent;
    box-shadow: 0 5px 16px rgba(212,175,55,0.25);
}
.grp-office-contacts a:hover i { color: #fff; }

/* ── Copyright bar ── */
.grp-footer-bottom {
    background: linear-gradient(135deg, #111111 0%, #162d5a 100%);
    padding: 20px 0;
    position: relative;
    z-index: 1;
}
.grp-footer-bottom::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0,153,255,0.4), transparent);
}
.grp-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.grp-copy {
    font-size: 13px;
    color: rgba(255,255,255,0.42);
    margin: 0;
}
.grp-copy a {
    color: rgba(255,255,255,0.55) !important;
    text-decoration: none;
    transition: color 0.2s;
}
.grp-copy a:hover { color: #fff !important; }

.grp-footer-bottom-links {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.grp-footer-bottom-links a {
    font-size: 12px;
    color: rgba(255,255,255,0.38) !important;
    text-decoration: none;
    padding: 4px 12px;
    border-radius: 20px;
    transition: color 0.2s, background 0.2s;
}
.grp-footer-bottom-links a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.08);
}

/* keep existing .secondary-footer override tidy */
.secondary-footer.brand-bg.darken-2 { display: none; }

/* ── Responsive ── */
@media (max-width: 991px) {
    .grp-footer-top { padding: 52px 0 40px; }
    .grp-footer-about { max-width: 100%; }
    .grp-offices-grid { flex-direction: column; gap: 16px; }
}
@media (max-width: 767px) {
    .grp-footer-col { margin-bottom: 28px; }
    .grp-footer-bottom-inner { flex-direction: column; align-items: center; text-align: center; }
    .grp-office-card { padding: 22px 20px; }
}

/* Legacy helpers — keep existing markup working */
.add_inner2 .imager1       { width: 31px; margin-right: 10px; }
.add_inner2 p              { margin: 0; position: relative; color: rgba(255,255,255,0.5); font-size: 13px; line-height: 1.7; }
.add_inner2 p.pr           { padding-left: 0 !important; display: flex; align-items: center; gap: 6px; }
.add_inner2 p i            { position: static !important; font-size: 14px; color: #0f7590 !important; }
.add_inner2 p a            { color: rgba(255,255,255,0.5) !important; text-decoration: none; transition: color 0.2s; }
.add_inner2 p a:hover      { color: #fff !important; }
.add_inner2 p .brand-color { color: #0f7590 !important; }
.add_inner2 h4             { color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.add_inner2                { padding: 15px 0; }

.panel-body3 h1,
.review-top1 p {
    font-family: sailec-bolduploaded_file !important;
    font-size: 2.875rem;
}

.has-search {
    z-index: -1;
}

.dropdownnew.dropdownnew2 li {
    width: 100% !important;
}

.review-top1 p {
    color: #1A1A1A;
    line-height: 1.2;
}

.review-top1 {
    margin-bottom: 40px;
}

.review-top1 p a {
    margin-right: 20px;
}

.company_our.expertise-area.font-16 .col-md-4 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.company_our.expertise-area.font-16 .col-md-4:nth-child(3),
.company_our.expertise-area.font-16 .col-md-4:nth-child(6) {
    border-right: none;
}

.company_our.expertise-area.font-16 .col-md-4:nth-child(4),
.company_our.expertise-area.font-16 .col-md-4:nth-child(5),
.company_our.expertise-area.font-16 .col-md-4:nth-child(6) {
    border-bottom: none;
}

.why_to_hire2 .featured-item img {
    width: 76px;
}

.why_to_hire2 .featured-item.feature-icon h2 {
    color: #4a6587;
    margin-top: 15px;
}

.why_to_hire2 .featured-item {
    border: 2px solid #eee;
}

.cer-img img {
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.g-services .process-box li,
.w-search .web_se li {
    color: #4a6587;
    font-size: 16px;
}

.process_section-new .process-box {
    min-height: 489px;
}

.g-services.c-services .row .col-sm-4:nth-child(odd) .process-box {
    border-radius: 50px 0;
}

.g-services.c-services .row .col-sm-4:nth-child(2n) .process-box {
    border-radius: 0 50px;
}

.e-section .iconbox.style4 img {
    width: 55px;
}

.company_our.expertise-area.e-section .box-title {
    min-height: auto;
    margin-top: 20px;
}

.c-services .process-box img,
.process_section-new .process_image img {
    width: 60px;
}

.c-services .process-box {
    min-height: 360px;
}

.add-section .process-box {
    min-height: 387px;
}

.new-body .app_con_new3 .dot_solutions2 li {
    list-style: outside;
}

.panel-body3 h1 {
    color: #fff;
}

#blogGrid .blog-content {
    height: 320px;
    ;
}

.baner_form h3 {
    margin: 250px 0 0 40px;
    color: #fff;
    font-size: 40px;
}

.features-bulk .featured-item h4 {
    color: #1A1A1A;
    font-size: 20px;
}

/*.section_portfolio_in {
    height: 95vh
}*/
.portfolio-slider.owl-height {
    height: auto !important;
    /* Override the default behavior */
}

.portfolio_in_left {
    color: #fff;
    text-align: center;
}

.portfolio_in_left h4 {
    color: #fff;
    font-size: 25px;
    margin-top: 25px;
}

.in_middle .portfolio_in_left p {
    color: #fff;
}

.bg-col1 {
    background: #0a4267;
}

.portfolio_in_right {
    padding: 30px;
}

.portfolio_in_left.bg-col2 {
    background: #e21d24;
}

.bg-col3 {
    background: #008a55;
}

.single-post .entry-content {
    margin: 0 0 18px;
    font-size: 18px;
}

.single-post .entry-content .dot li {
    font-size: 16px;
}

.portfolio-slider-top .portfolio_in_right img {
    max-width: 100%;
    width: 70%;
    text-align: center;
    margin: auto;
}

@media (max-width:768px) {
    section.section-padding.gray-bg2.box-new.padding-bottom-70 .mb-30 {
        margin-block-end: 0px !important;
    }

    .add_inner2 h4,
    .add_inner2 p {
        text-align: left;
    }

    .map_box,
    .new-body .app_con_new2,
    .values_section {
        overflow: hidden;
    }

    .portfolio-slider-top {
        margin-left: 0;
    }

    .add-section .process-box,
    .box-new .box-list,
    .box-new .featured-item p,
    .c-services .process-box {
        min-height: auto;
    }

    .process_section-new .process-box {
        min-height: auto;
        margin-top: 10px;
    }

    .add_inner2 p.pr {
        padding-left: 37px;
    }

    .add_inner2 p i {
        left: 0;
    }

    .add_inner2 p {
        padding-left: 0;
    }

    .er-main .col-md-6,
    .er-main svg,
    .footer-new,
    .map_box_member p {
        text-align: center;
    }

    .company_our.expertise-area.font-16 .col-md-4:nth-child(4),
    .company_our.expertise-area.font-16 .col-md-4:nth-child(5) {
        border-bottom: 1px solid #ccc;
    }

    .company_our.expertise-area.font-16 .col-md-4:first-child,
    .company_our.expertise-area.font-16 .col-md-4:nth-child(2),
    .company_our.expertise-area.font-16 .col-md-4:nth-child(4),
    .company_our.expertise-area.font-16 .col-md-4:nth-child(5),
    .company_our.expertise-area.font-16 .col-md-4:nth-child(6) {
        border-right: none;
    }

    .review-top1 p,
    ul.infoGraphic li .content h2 {
        font-size: 19px;
    }

    .review-top1 img {
        width: 74px;
        height: auto;
    }

    .review-top1 p a {
        margin-right: 4px;
    }

    .section-padding.gray-bg2.box-new.padding-bottom-70 {
        padding: 30px 0;
    }

    .section-padding2 .featured-item .desc p,
    .solution_inner {
        height: auto;
    }

    .game-list li,
    .solution_inner ul li,
    solution_inner ul li {
        flex-basis: 50%;
    }

    .game_section {
        background: #f3f6f9;
    }

    .footer-new h5,
    .game-box img,
    .logo-co a {
        width: 100%;
    }

    .box-new .featured-item,
    .footer-address {
        margin-top: 0;
    }

    .careers_se .panel-title li {
        font-size: 10px;
        line-height: 23px;
    }

    .about_banner {
        margin-top: 54px;
    }

    .er-main svg {
        width: 250px;
        margin: auto;
    }

    .panel-body3 {
        padding-top: 51px;
    }

    .orion-image .img-fluid {
        height: 113px;
    }

    .top-bar.light-blue.visible-md {
        display: none;
    }

    .dropdownnew li {
        width: 100% !important;
    }

    .about_banner.about_banner_new {
        margin-top: 40px;
    }

    .number_counter2 .counter-wrap:after {
        content: "";
        width: 47%;
        height: 1px;
        background: #dad8d8;
        display: block;
        transform: rotate(0);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .header_new #materialize-menu a:nth-child(2) {
        display: none !important;
    }

    .company_our .imagebox {
        margin-bottom: 51px;
    }

    .imagebox .box-header {
        padding: 6px;
    }

    .section-padding2 .mb-80 {
        margin-bottom: 40px !important;
    }

    .iconlist.iconlist-icon-xlarge>li {
        display: block;
    }

    .content-bottom-inner.wrap,
    .map_box2_inner {
        position: static;
    }

    #text-6 {
        width: auto;
    }

    .map_box_img {
        width: 249px;
    }

    .style4 {
        margin-top: 15px;
    }

    .models_section_inner,
    .technical_img {
        margin-top: 10px;
    }

    .project-info-co h4 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 10px;
        margin-bottom: 4px;
        min-height: auto;
    }

    .border-box2 img {
        padding: 14px 11px;
    }

    .values_section>img {
        scale: 336%;
    }

    .values_section {
        position: relative;
        height: 428px;
    }

    .map_box_member p,
    .map_box_p1,
    .map_box_p2,
    .map_box_p3,
    .map_box_p4,
    .map_box_p5 {
        position: absolute;
    }

    .quote-carousel2 .white-text {
        font-size: 32px;
        padding: 0;
    }

    .values_section_t {
        font-size: 24px;
    }

    .values_section_inner {
        padding-top: 43px !important;
    }

    .content-bottom-widgets>img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -10;
    }

    .content-bottom-widgets {
        padding-top: 0;
    }

    .map_box_cr {
        width: 16px;
        height: 29px;
    }

    .map_box_p2 {
        top: 10px;
        left: 8px;
    }

    .map_box_p1 {
        top: 11px;
        left: 71px;
    }

    .map_box_cr img {
        width: 16px;
        height: 16px;
    }

    .map_box_p3 {
        top: 70px;
        left: 46px;
    }

    .map_box_p4 {
        top: 9px;
        left: 150px;
    }

    .map_box_p5 {
        top: 48px;
        left: 107px;
    }

    .map_box_member p {
        background: #fff;
        display: none;
        bottom: -112px;
        left: -98px;
        right: 0;
        width: 240px;
    }

    .demand_section img,
    .skilled_imgtop img {
        max-width: 100%;
    }

    .technical_section .technical_inner .col-md-3 {
        width: 50%;
        float: left;
    }

    .technical_img {
        padding: 8px;
        min-height: 136px;
    }

    .technical_img p {
        margin: 0;
    }

    .technical_section .nav>li>a {
        padding: 10px 8px;
        font-size: 11px;
    }

    ul.infoGraphic li .content {
        margin-right: 0;
    }

    .models_section {
        background-size: cover;
    }

    .choose_section {
        padding-bottom: 0;
    }

    .feature-box-5 {
        min-height: unset;
    }

    .hire_inner_left {
        padding-top: 30px;
    }

    .NotGeneric-Title,
    .tp-caption.NotGeneric-Title {
        line-height: 43px !important;
        font-size: 40px !important;
    }

    .tp-revslider-mainul li:first-child .tp-parallax-wrap,
    .tp-revslider-mainul li:nth-child(3) .tp-parallax-wrap,
    .tp-revslider-mainul li:nth-child(4) .tp-parallax-wrap {
        left: 15px !important;
    }

    .rev_slider_wrapper,
    .tp-fullwidth-forcer {
        height: 300px !important;
    }

    .has-search .menuzord-responsive .showhide {
        margin-right: 11px;
    }

    .header-sticky.light-header {
        height: 56px;
        padding: 5px 0;
    }

    .new-body .mobile_cont {
        padding-top: 38px;
    }

    .new-body .app_con_new .row .col-md-6:first-child {
        order: 12;
    }

    .new-body .app_con_new .row .col-md-6:last-child div,
    .new-body .r1 {
        padding: 15px;
    }

    .new-body .dot_solutions li {
        min-height: 141px;
    }

    .dis-wrap .orion-image,
    .new-body .app_con_new2 .col-md-6 img {
        max-width: none;
    }

    .new-body .mobile_cont h2 {
        font-size: 31px;
        margin-bottom: 18px;
    }

    .new-body .main_box1 {
        height: auto;
        margin-top: 6px;
    }

    .new-body .app_con_new2 li {
        width: 25%;
    }

    .font-16 .dis-wrap {
        text-align: center;
        padding-bottom: 30px;
    }
}

.entry-content p {
    margin-bottom: 18px;
    font-size: 18px;
    text-align: justify;
}

.entry-content h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.entry-content ul li {
    text-align: justify;
    margin-block: 4px;
}

.entry-header b {
    color: #fff;
}

.table_container_wrap {
    background: #eaeaea;
    margin-bottom: 30px;
}

.table_container_wrap th,
.table_container_wrap td {
    text-align: center;
}

a.goodfirms_rew {
    display: block;
    background: #fff;
    padding: 60px;
    margin: 0px;
    height: 248px;
    margin: auto;
    padding-top: 80px;
    border: 4px solid#9dadc6;
}

a.goodfirms_rew2 {
    display: block;
    background: #fff;
    padding: 60px;
    margin: 0px;
    height: 248px;
    margin: auto;
    padding-top: 31px;
    border: 4px solid#9dadc6;
}

.grid-news-hover .post-wrapper:hover .entry-content p {
    color: #fff;
}

.grid-news-hover .post-wrapper:hover .entry-title a {
    color: #E5A906;
}

.grid-news-hover .post-wrapper:hover .read_more {
    color: #E5A906;
}

.industries2 .style4 {
    overflow: hidden;
}

.react-native-outer .style4,
.flutter-outer .style4,
.nodejs-outer .style4 {
    height: 100%;
}

.solution_inner ul {
    padding: 0px;
}

.review-top1 p {
    line-height: 1.2;
    font-size: 22px;
    color: #0d6efd;
    margin: 0px;
    margin-bottom: 21px;
}

.menuzord-menu>li {
    margin-left: 0px;
}

.owl-carousel .owl-item .app-te1 a img {
    width: 36px;
}

.app-te1 a {
    padding: 11px;
    background: #fff;
    display: inline-block;
    border-radius: 9px;
}

.app-te1 {
    margin-top: 10px;
}

.bg-col4 {
    background: #891e7a;
}

.bg-col5 {
    background: #114b84;
}

.review-top1 {
    border: 1px solid #eee;
    padding: 14px;
    /* border-radius: 5px; */
}

.text-left1 {
    text-align: justify;
}

.section-padding.gray-bg2.box-new {
    padding-top: 40px;
}

/* legacy form_section inside footer — hide hubspot col */
.footer-new .form_section { display: none; }

.col-h {
    min-height: 428px;
}

.col-h2 {
    min-height: 340px;
}

.col-h3 {
    min-height: 297px;
}

.in_top_con {
    margin-top: 80px;
    text-align: left;
}

.in_top_con h4 {
    font-size: 50px;
}

.in_top_con p {
    text-align: left;
}

.portfolio_in_left {
    padding: 50px 50px 50px 100px;
}

.in_left_logo {
    text-align: 0px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #fff;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: -90px;
    left: -62px;
    padding-top: 86px;
    box-shadow: 2px 12px 4px #000000;
}

.in_top_logo {
    padding-left: 174px;
    text-align: left;
}

.in_top_logo h3 {
    font-size: 40px;
    color: #fff;
}

.portfolio_in_left {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.section_portfolio_in1 {
    background: #df373d;
}

.in_btns1.large.accent {
    background: #df373d;
    border: 1px solid #de3035;
}

.section_portfolio_in2 {
    background: #16a46d;
}

.in_btns2.large.accent {
    background: #16a46d;
    border: 1px solid #1eb67c;
}

.section_portfolio_in3 {
    background: #1d6a9d;
}

.in_btns3.large.accent {
    background: #1d6a9d;
    border: 1px solid #257ab2;
}

.section_portfolio_in4 {
    background: #b745a7;
}

.in_btns4.large.accent {
    background: #b745a7;
    border: 1px solid #db5bca;
}

.section_portfolio_in5 {
    background: #2b72b7;
}

.in_btns5.large.accent {
    background: #2b72b7;
    border: 1px solid #3883cf;
}

.owl-carousel .owl-item .in_left_logo img {
    width: 170px;
}

.portfolio-slider .owl-nav {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 150px;
    height: 109px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 27px;
    border-radius: 50%;
    margin: 10px;
}

.form_section .add_inner2 {
    padding: 23px 0;
}

.portfolio_box22 .el {
    padding: 0;
    position: relative;
    margin-bottom: 140px;
}

.portfolio_box22 .el {
    height: 550px;
}

.portfolio_box22 .el .illu {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .1);
}

.portfolio_box22 .el:nth-child(odd) .illu {
    right: 0;
}

.portfolio_box22 .el .illu .bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: transform 750ms cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform 750ms cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: -webkit-transform 750ms cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform 750ms cubic-bezier(.215, .61, .355, 1);
    transition: transform 750ms cubic-bezier(.215, .61, .355, 1);
    transition: transform 750ms cubic-bezier(.215, .61, .355, 1), -webkit-transform 750ms cubic-bezier(.215, .61, .355, 1);
}

.portfolio_box22 .el.reach .illu .bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio_box22 .el .illu:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: transform 750ms cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform 750ms cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: -webkit-transform 750ms cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform 750ms cubic-bezier(.215, .61, .355, 1);
    transition: transform 750ms cubic-bezier(.215, .61, .355, 1);
    transition: transform 750ms cubic-bezier(.215, .61, .355, 1), -webkit-transform 750ms cubic-bezier(.215, .61, .355, 1);
}

.portfolio_box22 .el.reach:nth-child(odd) .illu:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.portfolio_box22 .el .wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.el .wrapper .container-img {
    width: 419px;
    height: 733px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.694, 0, .335, 1);
    -o-transition: opacity 1s cubic-bezier(.694, 0, .335, 1);
    transition: opacity 1s cubic-bezier(.694, 0, .335, 1);
    transition-delay: .32s;
    -webkit-transition-delay: .32s;
}

.el .wrapper .container-img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    bottom: -50px;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}

.el:nth-child(odd) .wrapper .container-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.el:nth-child(odd) .wrapper .container-img {
    left: -300px;
}

.el.el-desktop .wrapper .container-img img {
    width: 100%;
}

.el.el-desktop .wrapper .container-img img {
    width: 100%;
    transform: scale(.7) translate(50px, -110px);
}

.el .wrapper .container-text {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 425px;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    z-index: 3;
}

.el .wrapper .container-text {
    margin-top: -210px;
}

.el:nth-child(odd) .wrapper .container-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.el.reach .wrapper .container-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.el:nth-child(odd) .wrapper .container-text {
    margin-right: 230px;
}

.el:last-child {
    margin-bottom: 0;
}

.el:nth-child(even) .illu {
    left: 0;
}

.el.reach:nth-child(even) .illu:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.el:nth-child(even) .wrapper .container-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.el:nth-child(even) .wrapper .container-img {
    left: 410px;
}

.el:nth-child(even) .wrapper .container-text {
    margin-left: 480px;
    width: 470px;
}

.el:nth-child(even) .wrapper .container-text,
.el:nth-child(odd) .wrapper .container-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.tittleh3 {
    font-size: 22px;
    font-weight: bold;
    color: #060606;
}

.tittleh4 {
    font-size: 20px;
    color: #1A1A1A;
}

.g-section1 h2 {
    text-align: left;
}

.g-section1 img {
    max-width: 100%;
    width: 100%;
}

.guides-s {
    background: #fde0f9;
}

.guides-s h1 {
    color: #1A1A1A;
    font-size: 4.875rem;
    line-height: 61px;
    margin-top: 47px;
}

.guides-s2 li {
    font-size: 16px;
}

.guides-s2 .menu-boxi li a {
    font-size: 12px;
    color: #4a6587;
}

.guides-s2 .menu-boxi li a.active {
    color: #E5A906;
}

.g-section1 h2 {
    font-size: 1.875rem !important;
}

.guides-s2 img {
    margin: 20px 0px;
}

.blog_writes {
    font-size: 14px;
    margin-top: 30px;
}

.blog_writes {
    display: flex;
    align-items: center;
}

.blog_writes .dot {
    background: #fff;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 20px;
}

.footer-new .social-link {
    text-align: center;
}

.blog-n1-section h3 {
    font-weight: bold;
    font-size: 22px;
    margin-top: 26px;
}

p.tab_cont11 {
    border-bottom: 1px solid #eee;
    display: table;
    margin-left: 30px;
    margin-bottom: 17px;
}

.f-16 li {
    font-size: 16px;
}

.written-by {
    padding: 30px 0;
}

.written-by-image {
    max-width: 131px;
    margin-right: 20px;
}

.written-by-text {
    position: relative;
}

.the_author {
    font-size: 11px;
}

.flex-start {
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.written-by .flex-start {
    display: flex;
    -webkit-display: flex;
    align-items: center;
}

.written-by-image {
    max-width: 131px;
    margin-right: 20px;
}

.menu-boxi .social-link li a i {
    color: #000;
    font-size: 21px;
}

.g-section1 {
    z-index: -10;
}

.con_re .tr_h9 {
    text-align: left;
}

.rhdj .tp-parallax-wrap {
    left: 0px !important;
    top: 200px !important;
}

.boxn11 {
    padding: 20px;
    border: 2px solid #eee;
    text-align: center;
    margin-top: 14px;
    min-height: 296px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.boxn11>p {
    margin-bottom: 0;
}

.expertise_sec.industries2 .style4 {
    padding: 20px;
    margin-top: 18px;
    min-height: 315px;
}

.boxHeight ul {
    padding-left: 0px;
}

.advantages-box11 .card-benefits {
    min-height: 279px;
}

.img_manage {
    max-height: 230px;
    overflow: hidden;
    margin-top: 10px;
}

.img_manage_main img {
    width: 100%;
}

.img_manage_main {
    max-height: 450px;
    overflow: hidden;
    margin-top: 10px;
}

.section_portfolio_in7 {
    background: #47c7f6;
}

.bg-col7 {
    background: #289bc5;
}

.section_portfolio_in8 {
    background: #e8c122;
}

.bg-col8 {
    background: #b89713;
}

.advantages_new .card-benefits {
    min-height: 368px;
}

.choose_section .feature-box-5 {
    min-height: auto;
    margin-top: 25px;
}

.pink.btn.waves-effect {
    color: #fff;
}

.btn.border-radius-4 {
    color: #fff;
}

.color-bl1 {
    color: #D4AF37;
}

.dot3 li {
    padding: 5px 0px;
}

.dot3 {
    padding-left: 21px;
}

.dot2 {
    padding-left: 21px;
}

.dot2 li {
    padding: 5px 0px;
    font-size: 18px;
    list-style: disc;
}

.el.el-desktop.el-desktop3 .wrapper .container-img img {
    transform: scale(1.4) translate(50px, 93px);
}

.el.el-desktop.el-desktop4 .wrapper .container-img img {
    transform: scale(1.4) translate(50px, 93px);
}

.bd-box img {
    width: 50px;
    margin-bottom: 10px;
}

.bd-box {
    background-color: #fff;
    border-radius: 10px;
    min-height: 264px;
    margin-top: 10px;
    box-shadow: 0 0.2rem 3.2rem rgb(0 0 0 / 6%);
    padding: 20px;
}

.preloader-position img {
    width: 500px;
    max-width: 100%;
    height: auto;
}

#preloader {
    background: #ebf0f1;
    z-index: 100000000;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100vh;
    width: 100%;
}

.el.el-desktop4 .wrapper .container-img {
    left: 341px;
}

.about_banner.about_banner3 {
    background: url(../../../img/grp-team.jpg) center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 0px;
}

.about_banner3>div {
    background: rgba(0, 0, 0, .4);
    padding: 202px 0;
}

.about_banner3 .tittle_b_p {
    color: #ffffff;
}

.about_banner3 .tittle_b {
    color: #ffffff;
}

.careers_se h3 {
    text-align: left;
}

.careers-box1 h3 {
    font-size: 19px;
    font-weight: bold;
}

.careers-box1 .panel-title p {
    text-align: left;
    margin: 0px;
}

.careers-ul {
    background: #D4AF37;
    color: #fff;
    padding: 14px 0px;
    margin: 0px;
}

.careers-ul b {
    color: #fff;
}

.careers-box1 .panel-collapse {
    text-align: left;
    background: #f5f5f5;
    padding: 20px;
    padding-top: 0px;
}

.careers-box1 .panel-body>ul>li {
    color: #000;
}

.careers-box1 .vh_custom_headingh {
    text-align: center;
    margin-bottom: 30px;
}

.values_shape p {
    text-align: center;
}

.company_our.expertise-area.values_shape .box-title {
    min-height: auto;
    margin-top: 10px;
}

.join_box .boxn11 img {
    width: 60px;
    margin-bottom: 10px;
}

.boxn11 .boxn11 {
    min-height: 269px;
}

.join_box {
    padding: 60px 0px;
}

.company_our.join_box h3.vc_custom_heading {
    text-align: center;
}

.join_box2 .boxn11::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 16px solid #eee;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: -16px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.join_box2 .boxn11 {
    position: relative;
}

.join_box2 .col-md-3:first-child .boxn11 {
    background-color: #f3f6f9;
}

.join_box2 .boxn11 h3 {
    color: #1A1A1A;
    font-weight: bold
}

.join_box2 .col-md-3:last-child .boxn11::after {
    display: none;
}

.join_box.join_box2 {
    padding-top: 0px;
}

.careers_se .panel-group:nth-child(2n) .panel-default .panel-heading {
    background: #f3f6f9;
}

.careers-box1 .panel-title .s2 p,
.careers-box1 .panel-title .s5 p {
    color: #D4AF37;
    ;
}

.hover-po1 {
    position: relative;
    overflow: hidden;
}

.hover-po1 .bg-overlay {
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 130px;
    height: 130px;
    background-color: #D4AF37;
    z-index: 1;
    border-radius: 100%;
    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: all .5s cubic-bezier(0.39, 0.575, 0.56499, 1);
    -moz-transition: all .5s cubic-bezier(0.39, 0.575, 0.56499, 1);
    -ms-transition: all .5s cubic-bezier(0.39, 0.575, 0.56499, 1);
    -o-transition: all .5s cubic-bezier(0.39, 0.575, 0.56499, 1);
    transition: all .5s cubic-bezier(0.39, 0.575, 0.56499, 1);
}

.hover-po1:hover .bg-overlay {
    right: 0;
    bottom: 0;
    -webkit-transform: scale(10) translateZ(0);
    -moz-transform: scale(10) translateZ(0);
    -ms-transform: scale(10) translateZ(0);
    -o-transform: scale(10) translateZ(0);
    transform: scale(10) translateZ(0);
}

.hover-po1 .learn-more {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0%, 100px);
    -moz-transform: translate(0%, 100px);
    -ms-transform: translate(0%, 100px);
    -o-transform: translate(0%, 100px);
    transform: translate(0%, 100px);
    -webkit-transition: .5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -moz-transition: .5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -ms-transition: .5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -o-transition: .5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: .5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

.hover-po1:hover .learn-more {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.slider-cre .owl-item.tr11::before {
    background: linear-gradient(270deg, rgba(28, 29, 44, 0.9) 1.7%, rgba(30, 43, 61, 0) 60.62%);
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.text_cre_box {
    top: 0px;
    position: absolute;
    z-index: 2;
    text-align: left;
    bottom: 0px;
    max-width: 400px;
    margin: auto;
    max-height: 200px;
}

.text_cre_box h2.tittle_b {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.text_cre_box p {
    text-align: left;
    color: #fff;
}

.pp-t-50 {
    padding-top: 50px;
}

.pp-b-50 {
    padding-bottom: 50px;
}

.industrie_left p {
    color: #000;
}

.industrie_left h3 {
    color: #1A1A1A;
    font-size: 26px;
}

.industrie_left li {
    font-size: 16px;
    color: #4a6587;
}

.industrie_left ul {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 25px;
}

.gray-co1 {
    background: #f3f6f9;
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.mt-70 {
    margin-top: 70px;
}

.card_pro1 .card__wrapper {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    position: relative;
    z-index: 2;
    height: 317px;
    border-radius: 10px;
    overflow: hidden;
}

.card_pro1 .card__wrapper .card_content {
    background: #fff;
    box-shadow: -10px -9px 70px 20px rgb(0 0 0 / 11%);
    z-index: 1;
}

.card__wrapper .card_content,
.center__indus__wrap .indust__right {
    width: 50%;
    padding: 20px;
}

.card_pro1 .card__wrapper .case_study {
    color: #000;
}

.card__wrapper .card_content .para {
    font-size: 16px;
    line-height: 1.5;
    margin: 26px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card_pro1 .card__wrapper .card_img {
    width: 50%;
    position: relative;
    height: 317px;
    z-index: 1;
    overflow: hidden;
}

.card_pro1 .card__wrapper img {
    width: 100%;
    object-fit: cover;
    height: 317px;
    transform: scale(1.2);
}

.industrie_section2 .card__wrapper {
    height: 359px;
}

.industrie_section2 .card__wrapper img {
    height: 359px;
}

.industrie_section2 .card__wrapper .card_img {
    height: 359px;
}

.card_pro1 .appi-cta a {
    padding: 10px 30px;
    background: rgba(225, 225, 225, 0.3);
    border-radius: 6px;
}

.industrie_section2 .heading4 {
    font-size: 27px;
}

.industrie_section2 .card_content {
    width: 40%;
}

.industrie_section2 .card_img {
    width: 60%;
}

.cl_con1 {
    background: #f3f6f9;
    margin-top: -51px;
    z-index: 11;
    position: relative;
}

@media screen and (max-width: 768px) {
    .careers_se .panel-title li {
        font-size: 14px;
    }

    .careers-box1 .row .col.s5 {
        width: 100%;
    }

    .careers-box1 .row .col.s2 {
        width: 100%;
    }

    .careers-ul {
        display: none;
    }

    .careers-box1 .row .col.s3 {
        width: 100%;
    }

    .join_box2 .boxn11::after {
        right: 0px;
        left: 0px;
        top: unset;
        bottom: -21px;
        margin: auto;
        rotate: -50;
        transform: rotate(90deg);
    }

    .banner-top1 {
        margin-top: 58px;
    }

    .table-r1 th,
    .table-r1 tr {
        font-size: 12px;
    }

    .el.el-desktop.el-desktop3 .wrapper .container-img img {
        transform: none;
    }

    .el.el-desktop.el-desktop4 .wrapper .container-img img {
        transform: none;
    }

    .el.el-desktop4 .wrapper .container-img {
        left: 0px;
    }

    .el.el-desktop4 .wrapper .container-text {
        margin-left: 0px;
        width: auto;
    }

    .el.el-desktop.el-desktop3 .wrapper .container-text {
        margin-left: 0px;
        width: auto;
    }

    .el:nth-child(even) .wrapper .container-img {
        left: 0px;
    }

    .el:nth-child(even) .wrapper .container-text {
        margin-left: 0px;
        width: auto;
    }

    .preloader-position img {
        width: 200px;
    }

    .section_portfolio_in,
    .portfolio_in_left {
        height: auto;
    }

    .portfolio-slider .owl-nav {
        top: 220px;
        bottom: unset;
    }

    .expertise_sec.industries2 .style4 {
        min-height: auto;
    }

    .boxn11 {
        min-height: auto;
    }

    .rhdj .tp-parallax-wrap {
        top: 100px !important;
        left: 20px !important;
    }

    .guides-s2.section-padding {
        padding: 70px 0;
    }

    .guides-s2 ul {
        padding-left: 0px;
    }

    .guides-s2 ul li {
        text-align: left;
    }

    .blog_writes {
        margin-top: 12px;
        margin-bottom: 44px;
    }

    .guides-s h1 {
        font-size: 2.875rem;
        line-height: 43px;
    }

    .menu-boxi {
        display: none;
    }

    .el .illu {
        display: none;
    }

    .portfolio_box22 .el {
        height: auto;
    }

    .portfolio_box22 .el {
        margin-bottom: 0px;
    }

    .portfolio_box22 .el .wrapper {
        display: block;
    }

    .el:nth-child(odd) .wrapper .container-img {
        left: 0px;
    }

    .el .wrapper .container-text {
        margin-top: 54px;
        padding-left: 20px;
    }

    .el .wrapper .container-text {
        display: block;
    }

    .el .wrapper .container-text {
        width: 100%;
    }

    .el .wrapper .container-img {
        height: auto;
        width: auto;
        display: block;
        transform: none !important;
    }

    .el.el-desktop .wrapper .container-img img {
        width: 100%;
        transform: none;
        max-width: 100%;
    }

    .el:nth-child(odd) .wrapper .container-text {
        margin-right: 0px;
    }

    .col-h3,
    .col-h2,
    .col-h {
        min-height: auto;
    }

    .large.accent {
        padding: 15px 12px;
    }

    .section-padding.grid-blog {
        padding: 63px 0;
    }

    .entry-content p {
        font-size: 16px;
        text-align: justify;
    }

    .table_container_wrap th,
    .table_container_wrap td {
        font-size: 14px;
    }

    #blogGrid .blog-content {
        height: auto;
    }

    .testimonial-wrap {
        margin-bottom: 10px;
        margin-top: 10px;
        min-height: auto;
    }

    .gutter .portfolio-item {
        padding: 0px;
    }

    .web_se p {
        text-align: justify;
    }

    .web_se .in_image {
        width: 100%;
        float: none;
        margin-left: 0px;
        max-width: 100%;
    }

    .in_middle .in_image {
        width: 100%;
        float: none;
        margin-left: 0px;
        max-width: 100%;
    }

    .featured-item .desc p {
        height: auto;
    }

    .hire_mobile_application_new .icon {
        top: 0px;
    }

    .row .col.s4 {
        text-align: center;
    }

    .careers_se .row ul {
        line-height: 15px;
    }

    .careers_se .inbox b {
        font-weight: 500;
        font-size: 11px;
    }

    .add_inner {
        padding: 20px 13px;
        margin-top: 10px;
    }

    .in_left_logo {
        width: 185px;
        top: -82px;
        height: 176px;
        left: -34px;
    }

    .in_top_logo {
        padding-left: 0px;
        padding-top: 100px;
    }

    .portfolio-slider .owl-nav {
        top: -83px;
    }

    .in_top_con {
        margin-top: 22px;
    }

    .in_top_con p {
        text-align: justify;
    }

    .portfolio-slider .owl-nav {
        top: 2px;
        right: 0px;
        position: absolute;
        right: 0px;
        width: 123px;
        margin: 0px;
        margin-left: auto;
        left: auto;
    }

    .owl-carousel .owl-item .in_left_logo img {
        width: 91px;
    }

    .tab-del-panel-one.tab-one-panel .tab-pane ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .in_top_con h4 {
        font-size: 33px;
    }

    .portfolio_in_left {
        padding: 16px;
    }

    .portfolio_in_right {
        padding: 16px;
    }

    .in_top_logo h3 {
        margin-bottom: 2px;
    }

    .hire_mobile_application .mb-80 {
        margin-bottom: 24px !important;
    }

    .section-padding.hire_mobile_application {
        padding: 34px 0;
    }

    .section-padding.hire_web_developers {
        padding: 34px 0;
    }

    .hire_web_developers .mb-80 {
        margin-bottom: 24px !important;
    }

    .why_to_hire2 .mb-80 {
        margin-bottom: 24px !important;
    }

    .section-padding.why_to_hire2 {
        padding: 34px 0;
    }

    #contact .mb-80 {
        margin-bottom: 24px !important;
    }

    #contact.section-padding {
        padding: 34px 0;
    }

    .top-pp {
        padding-top: 57px;
    }

    ul.fer-panel5 {
        padding-left: 0px;
    }

    .swiper-full-mobile {
        overflow: hidden;
    }

    .gallery_box {
        margin-top: 10px;
    }

    .industrie_left ul {
        grid-row-gap: 10px;
    }

    .card_pro1 .card__wrapper {
        display: block;
    }

    .card__wrapper .card_content,
    .center__indus__wrap .indust__right {
        width: 100%;
    }

    .card_pro1 .card__wrapper .card_img {
        width: 100%;
    }

    .industrie_section2 .card__wrapper,
    .card_pro1 .card__wrapper {
        height: auto;
    }

    .industrie_section2 .card__wrapper img,
    .industrie_section2 .card__wrapper .card_img {
        height: 317px;
    }

    .card_pro1 .mt-70 {
        margin-top: 23px;
    }

    .slider_ind .owl-carousel.owl-drag .owl-item img {
        height: 292px;
        object-fit: cover;
    }

    /* .slider_ind .owl-carousel.owl-drag .owl-item{height: 400px;} */
    .cl_con1 {
        margin-top: 0px;
    }

    .slider_ind .text_cre_box {
        display: none;
    }
}

.new-body .event_r_section .dot_solutions2 li {
    list-style: inside;
    /* margin-top: 14px; */
    /* accent-color: cornsilk; */
    border-bottom-style: dotted;
    padding: 19px 0px;
    border-color: beige;
}

@media only screen and (max-width: 601px) {
    .container {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .header_sec_ul li a {
        padding: 8px 6px;
    }
}

@media only screen and (max-width: 991px) {
    .el:nth-child(odd) .wrapper .container-text {
        padding-left: 10px;
    }

    .vh_custom_headingh {
        font-size: 2.075rem !important;
    }

    .banner-section-content h2 {
        font-size: 34px;
        line-height: 54px;
    }
}

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

    .panel-body3 h1,
    .review-top1 p {
        font-size: 2.2rem;
    }

    h1.vc_custom_heading.vh_custom_headingh.blue_colore {
        margin-top: 20px;
    }

    .portfolio_box22 .el .wrapper {
        padding-inline: 10px;
    }

    .tittle_new2 {
        font-size: 2rem !important;
        line-height: normal;
    }

    h3.vc_custom_heading {
        font-size: 2.2rem !important;
        line-height: normal;
    }

    .vh_custom_headingh {
        font-size: 2.275rem;
    }

    .NotGeneric-Title,
    .tp-caption.NotGeneric-Title {
        line-height: 38px !important;
        font-size: 32px !important;
    }

    .game-list span {
        min-height: 58px;
    }
}

@media only screen and (max-width: 375px) {
    .tittle_new2 {
        font-size: 2rem !important;
        line-height: normal;
    }

    h3.vc_custom_heading {
        font-size: 2rem !important;
        line-height: normal;
    }

    .vh_custom_headingh {
        font-size: 2rem;
    }

    .NotGeneric-Title,
    .tp-caption.NotGeneric-Title {
        line-height: 38px !important;
        font-size: 32px !important;
    }
}

.expand-row {
    display: none;
}

.top-bar-btn-grp li a.top-bar-btn {
    padding: 10px 25px;
    margin-inline: 5px;
    display: inline-block;
    margin-block: 8px;
    border-radius: 25px;
    text-transform: capitalize;
    letter-spacing: 0.9px;
    line-height: normal;
}

.top-bar-btn-grp li a.project-btn {
    background-color: #2a335f;
    color: #fff;
}

.top-bar-btn-grp li a.intern-btn {
    background-color: #36d174;
    color: #fff;
}

.on-demand-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.on-demand-inner {
    flex-basis: calc(100% / 3);
}

.on-demand-inner a:hover .on-demand-inner-overlay {
    opacity: 1;
}

.on-demand-img-box {
    aspect-ratio: 1/1;
    position: relative;
}

.on-demand-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.on-demand-inner-overlay-inner img {
    width: 100px;
}

.on-demand-inner-overlay {
    position: absolute;
    inset: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: all .5s ease-in-out;
}

.on-demand-inner-overlay-inner {
    width: 85%;
    height: 85%;
    border: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px;
}

.on-demand-inner-overlay-content h4 {
    color: #fff;
    font-size: 22px;
    margin-block: 30px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    letter-spacing: 1px;
}

.on-demand-inner-overlay-content span {
    padding: 12px 35px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #D4AF37;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.on-demand-inner-overlay-content span:hover {
    background-color: #36d174;
}

.banner-section {
    background-image: url("../../img/banner-1/hero-banner-bg.webp");
    background-position: top center;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 920px;
    width: 100%;
    max-width: 100%;
    padding-top: 156px;
}

/*.banner-section-slider.owl-carousel.owl-theme.owl-loaded.owl-drag {
    width: calc(100% + 40px);
    margin-inline-start: -80px;
}*/
.banner-section-content h2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}

.banner-section-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #4b5359;
    margin: 50px 0 65px;
}

.site-btn-navy {
    border-radius: 28px;
    filter: drop-shadow(0px 7px 6.5px rgba(0, 0, 0, 0.15));
    background-color: #143662;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 30px;
    display: inline-block;
}

@media only screen and (max-width: 1280px) {
    .banner-section {
        background-size: cover !important;
        height: 760px;
    }

    .banner-section-content p {
        font-size: 16px;
        line-height: 28px;
        margin: 40px 0 45px;
    }

    .banner-section .banner-section-img img {
        display: block;
        width: 95%;
        margin-inline: auto;
    }
}

@media only screen and (max-width: 1140px) {
    .banner-section {
        height: 680px;
    }
}

@media only screen and (max-width: 1024px) {
    .on-demand-inner-overlay-content span {
        padding: 8px 14px;
        font-size: 12px;
        margin-top: 10px;
    }

    .on-demand-inner-overlay-content h4 {
        font-size: 10px;
        margin-block: 8px;
    }

    .on-demand-inner-overlay-inner img {
        width: 50px;
    }

    .on-demand-inner-overlay-inner {
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .on-demand-inner-overlay-content h4:last-child {
        text-transform: capitalize;
    }

    .on-demand-inner-overlay-content span {
        padding: 0px 14px;
        font-size: 10px;
    }

    .banner-section {
        height: 620px;
        padding-top: 126px;
    }

    .banner-section-content h2 {
        font-size: 34px;
        line-height: 52px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-section {
        height: auto;
        padding-top: 96px;
    }

    .banner-section-content.ps-2 {
        text-align: center;
        padding-inline-start: 0 !important;
    }

    .banner-section-content h2 br {
        display: none;
    }

    .banner-section-content p {
        font-size: 16px;
        line-height: 28px;
        margin: 20px 0 25px;
    }

    .site-btn-navy {
        font-size: 16px;
        padding: 8px 30px;
    }

    .banner-section-img {
        margin-block-start: 40px;
    }
}

@media only screen and (max-width: 580px) {
    .on-demand-inner {
        flex-basis: calc(100% / 2);
    }

    .on-demand-container {
        margin-top: 20px;
    }

    .banner-section-content h2 {
        font-size: 30px;
        line-height: 45px;
    }

    .banner-section .banner-section-img img {
        display: block;
        width: 100%;
        margin-inline: auto;
    }

    .banner-section-img {
        margin-block: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .on-demand-inner {
        flex-basis: calc(100% / 1);
    }
}

.better-world-section {
    padding-block: 70px;
}

.better-world-section ul {
    display: flex;
}

.better-world-section li {
    list-style: none;
    font-size: 22px;
    display: inline-block;
    font-weight: bold;
    color: #000;
    margin-inline-end: 30px;
}

.better-world-section li img {
    margin-inline-end: 8px;
}

.kartavya-section {
    background-color: #F6F6F6;
    padding-block: 70px;
}

.kartavya-section img {
    max-width: 100%;
}

.social-video-section {
    padding-block: 70px;
}

.social-video-section h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    color: #000;
}

.social-video-img {
    position: relative;
}

.play-btn-d {
    position: absolute;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
}

.play-btn-d .play-bn {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #D4AF37;
    margin: auto;
    transform: scale(1, 1);
}

.play-btn-d .play-bn.pulse {
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    background-color: rgba(3, 169, 244, 0.3);
}

.play-btn-d svg {
    fill: #fff;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 5;
    transition: all 0.3s;
}

.play-btn-d svg:hover {
    cursor: pointer;
    fill: #fff;
    stroke: #fff;
    transform: scale(1.2, 1.2);
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.responsive-btn-view li a.top-bar-btn {
    margin-block: 0;
    font-size: 14px;
}

.responsive-btn-view {
    display: none !important;
    padding-inline: 0 !important;
}

@media only screen and (max-width: 768px) {
    .banner-section-content .site-btn-navy {
        display: none;
    }

    .responsive-btn-view {
        display: flex !important;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    .section-title {
        line-height: normal;
    }
}

ul.fer-panel:after,
ul.dot_solutions2:after {
    content: '';
    clear: both;
    display: table;
}

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

    .entry-content .w-50,
    entry-content .w-75,
    .entry-content p {
        width: 100% !important;
    }

    .section-padding {
        padding: 50px 0;
    }

    .img-outer-2 {
        flex-direction: column;
    }
}

.blog-top-category ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-block-end: 30px;
}

.blog-top-category ul li a {
    display: inline-block;
    padding: 8px 24px;
    background-color: #f4f4f4;
    border-radius: 35px;
}

.blog-top-category ul li a.active {
    background-color: #D4AF37;
    color: #fff;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}


/*===========07/04/2025==========*/
.hire-custom-app-banner {
    background: url("../../../img/hire-custom-app-bg.webp") center bottom;
    padding: 140px 0;
}

.hire-custom-app-banner-2 {
    background: url("../../../img/hire-custom-app-bg-2.webp") center bottom;
    padding: 105px 0;
}

.hire-custom-app-banner h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 54px;
    line-height: 120%;
    color: #FFFFFF;
}

.hire-custom-app-banner p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
    margin: 28px 0 35px;
}

.hire-custom-app-banner .book-call-btn {
    padding: 16px 35px;
    color: #101E60;
    background-color: #fff;
    border-radius: 6px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.hire-custom-app-banner .contact-details {
    display: flex;
    align-items: center;
    margin-block-start: 25px;
    padding-inline-start: 0;
    margin-block-end: 0;
}

.hire-custom-app-banner .contact-details a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.hire-custom-app-banner .brand-logo-sec {
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 30px;
    margin-block-start: 70px;
}

.hire-custom-app-banner-2 .brand-logo-sec {
    margin-block-start: 40px;
}

.hire-custom-app-banner .brand-logo-sec img {
    height: 50px;
}

.mobile-app-solution {
    padding-block: 80px;
    overflow-x: hidden;
}

.mobile-app-solution .iconbox.style4 {
    background: #F9F9F9;
    border: 1px solid #D3D3D3;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

.mobile-app-solution .iconbox.style4 h6 {
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #101E60;
    margin-block-start: 25px;
    margin-block-end: 0;
}

.technologies-sec {
    padding-block: 60px;
    background-color: #F5F5F5;
    margin-block-end: 0;
}

.technologies-sec.app_con_new2 .gray-bg {
    padding: 0;
}

.solutions_new .game-list li,
.solutions_new .solution_inner ul li {
    flex-basis: 50%;
    display: block;
}

.solutions_new .solution_inner ul li a {
    padding: 10px;
    border: 1px solid #999;
    display: block;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.solutions_new .solution_inner ul li span {
    display: block;
    margin-top: 10px;
    min-height: auto;
}

@media only screen and (max-width: 767px) {
    .hire-custom-app-banner h1 {
        font-size: 52px;
    }

    .hire-custom-app-banner .brand-logo-sec img {
        height: 40px;
    }

    .mobile-app-solution .iconbox.style4 {
        margin: 0;
    }

    .mobile-app-solution {
        padding-block: 50px;
    }

    .solutions_section.section-padding.section-padding2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section.padding-bottom-70.in_middle.process_section.solution-new {
        margin-block-end: 0;
    }
}

@media only screen and (max-width: 480px) {
    .hire-custom-app-banner h1 {
        font-size: 42px;
    }

    .hire-custom-app-banner .brand-logo-sec img {
        height: 34px;
    }

    .hire-custom-app-banner p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .hire-custom-app-banner .brand-logo-sec {
        padding: 15px 10px;
        gap: 17px;
        margin-block-start: 50px;
    }

    .hire-custom-app-banner .brand-logo-sec img {
        height: 30px;
    }
}

/* ============================================
   CAREERS NAV TABS — Premium Redesign
   ============================================ */
.grp-tabs-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 6px;
    box-shadow: 0 4px 24px rgba(14, 43, 92, 0.08);
    border: 1px solid #eef2f7;
    display: inline-flex;
    width: 100%;
}

#rt_tab {
    margin-top: -34px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.grp-nav-pills {
    display: flex !important;
    width: 100%;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    gap: 4px;
}

.grp-nav-pills li.nav-item {
    flex: 1;
    width: auto !important;
    text-align: center;
    margin: 0 !important;
}

.grp-nav-pills li.nav-item a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px !important;
    border-radius: 12px !important;
    font-size: 14px;
    font-weight: 600;
    color: #4a5568 !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.3s ease;
    position: relative;
    white-space: nowrap;
}

.grp-nav-pills li.nav-item a.nav-link::after {
    display: none !important;
}

.grp-nav-pills li.nav-item a.nav-link i {
    font-size: 16px;
    color: #8aa4be;
    transition: color 0.3s ease;
}

.grp-nav-pills li.nav-item a.nav-link:hover {
    color: #D4AF37 !important;
    background: #f0f9ff !important;
}

.grp-nav-pills li.nav-item a.nav-link:hover i {
    color: #D4AF37;
}

.grp-nav-pills li.nav-item.active a.nav-link {
    background: linear-gradient(135deg, #1A1A1A, #132d4a) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(14, 43, 92, 0.2);
}

.grp-nav-pills li.nav-item.active a.nav-link i,
.grp-nav-pills li.nav-item a.nav-link.active i {
    color: #4fc3f7;
}

.grp-nav-pills li.nav-item.active a.nav-link::after,
.grp-nav-pills li.nav-item a.nav-link.active::after {
    display: none !important;
}

/* new-vac-gif badge on tab (keep the animated dot) */
.grp-nav-pills li.new-vac-gif a.nav-link::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #4caf50;
    border-radius: 50%;
    animation: tviPulse 1.5s infinite;
    flex-shrink: 0;
}

@keyframes tviPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.4); }
}

@media only screen and (max-width: 991px) {
    .grp-tabs-wrapper {
        border-radius: 14px;
        padding: 5px;
    }

    .grp-nav-pills li.nav-item a.nav-link {
        padding: 12px 14px !important;
        font-size: 13px;
        gap: 6px;
    }

    .grp-nav-pills li.nav-item a.nav-link i {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    .grp-tabs-wrapper {
        flex-direction: column;
        border-radius: 12px;
    }

    .grp-nav-pills {
        flex-direction: column !important;
        gap: 3px;
    }

    .grp-nav-pills li.nav-item {
        width: 100% !important;
    }

    .grp-nav-pills li.nav-item a.nav-link {
        padding: 12px 16px !important;
        border-radius: 10px !important;
        justify-content: flex-start;
    }

    #rt_tab {
        margin-top: -20px;
    }
}

@media only screen and (max-width: 480px) {
    .grp-nav-pills li.nav-item a.nav-link {
        padding: 10px 14px !important;
        font-size: 13px;
    }
}

/* ============================================
   CAREERS INTRO — Premium Section
   ============================================ */
.grp-careers-intro {
    padding: 50px 0 60px;
    background: #fff;
}

.grp-ci-wrapper {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
}

.grp-ci-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
}

.grp-ci-title {
    font-size: 32px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.25;
    margin-bottom: 20px;
}

.grp-ci-title span {
    color: #D4AF37;
}

.grp-ci-desc {
    font-size: 15px;
    color: #5a6e82;
    line-height: 1.8;
    margin-bottom: 10px;
}

.grp-ci-stats {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 34px 0 32px;
}

.grp-ci-stat {
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    padding: 22px 28px;
    min-width: 140px;
    transition: all 0.35s ease;
}

.grp-ci-stat:hover {
    background: #fff;
    border-color: rgba(3, 169, 244, 0.15);
    box-shadow: 0 10px 30px rgba(14, 43, 92, 0.06);
    transform: translateY(-4px);
}

.grp-ci-stat-num {
    font-size: 28px;
    font-weight: 800;
    color: #D4AF37;
    line-height: 1.2;
    margin-bottom: 4px;
}

.grp-ci-stat-label {
    font-size: 13px;
    font-weight: 600;
    color: #6b839e;
    letter-spacing: 0.2px;
}

.grp-ci-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 30px;
    background: linear-gradient(135deg, #1A1A1A, #132d4a);
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.grp-ci-btn:hover {
    background: linear-gradient(135deg, #D4AF37, #0277bd);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(3, 169, 244, 0.25);
}

.grp-ci-btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

.grp-ci-btn:hover i {
    transform: translateX(4px);
}

@media only screen and (max-width: 991px) {
    .grp-ci-title {
        font-size: 26px;
    }

    .grp-ci-stats {
        flex-wrap: wrap;
        gap: 12px;
    }

    .grp-ci-stat {
        min-width: 120px;
        padding: 18px 20px;
    }

    .grp-ci-stat-num {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-careers-intro {
        padding: 40px 0 50px;
    }

    .grp-ci-title {
        font-size: 22px;
    }

    .grp-ci-desc {
        font-size: 14px;
    }

    .grp-ci-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .grp-ci-stat {
        min-width: auto;
        padding: 16px 14px;
    }

    .grp-ci-stat-num {
        font-size: 22px;
    }

    .grp-ci-stat-label {
        font-size: 12px;
    }
}

/* ============================================
   ABOUT THE HIRING PROGRAM — Premium Section
   ============================================ */
.grp-about-hiring {
    padding: 100px 0 60px;
    background: linear-gradient(160deg, #f0f4f8 0%, #e8edf4 50%, #f5f7fa 100%);
    margin-block-start: -40px;
}

.grp-ah-wrapper {
    display: flex;
    align-items: center;
    gap: 50px;
    background: #fff;
    border-radius: 20px;
    padding: 50px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(14, 43, 92, 0.06);
    border: 1px solid #eef2f7;
}

.grp-ah-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #D4AF37, #1A1A1A);
    border-radius: 20px 0 0 20px;
}

.grp-ah-content {
    flex: 1;
    position: relative;
    z-index: 1;
    text-align: left;
}

.grp-ah-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
}

.grp-ah-title {
    font-size: 30px;
    font-weight: 800;
    color: #1A1A1A;
    margin-bottom: 18px;
    line-height: 1.25;
}

.grp-ah-title span {
    color: #D4AF37;
}

.grp-ah-text {
    font-size: 15px;
    color: #5a6e82;
    line-height: 1.75;
    margin-bottom: 10px;
}

.grp-ah-text strong {
    color: #1A1A1A;
    font-weight: 700;
}

.grp-ah-highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
    margin: 24px 0 28px;
}

.grp-ah-highlight-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1a2744;
}

.grp-ah-highlight-item i {
    color: #D4AF37;
    font-size: 16px;
    flex-shrink: 0;
}

.grp-ah-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: linear-gradient(135deg, #1A1A1A, #132d4a);
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.grp-ah-btn:hover {
    background: linear-gradient(135deg, #D4AF37, #0277bd);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(3, 169, 244, 0.25);
}

.grp-ah-btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

.grp-ah-btn:hover i {
    transform: translateX(4px);
}

.grp-ah-visual {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.grp-ah-icon-box {
    width: 100px;
    height: 100px;
    border-radius: 24px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    display: flex;
    align-items: center;
    justify-content: center;
}

.grp-ah-icon-box i {
    font-size: 42px;
    color: #0277bd;
}

.grp-ah-stat-cards {
    display: flex;
    gap: 14px;
}

.grp-ah-stat {
    background: linear-gradient(160deg, #0a1628, #132d4a);
    border-radius: 14px;
    padding: 18px 22px;
    text-align: center;
    min-width: 120px;
}

.grp-ah-stat strong {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #D4AF37;
    line-height: 1.2;
}

.grp-ah-stat span {
    font-size: 11.5px;
    color: #8aa4be;
    font-weight: 500;
    letter-spacing: 0.2px;
}

@media only screen and (max-width: 991px) {
    .grp-ah-wrapper {
        flex-direction: column;
        padding: 40px 30px;
        gap: 36px;
    }

    .grp-ah-visual {
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }

    .grp-ah-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-about-hiring {
        padding: 70px 0 40px;
    }

    .grp-ah-wrapper {
        padding: 30px 20px;
        border-radius: 14px;
    }

    .grp-ah-highlights {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .grp-ah-title {
        font-size: 22px;
    }

    .grp-ah-text {
        font-size: 14px;
    }

    .grp-ah-visual {
        flex-direction: column;
    }

    .grp-ah-stat-cards {
        width: 100%;
    }

    .grp-ah-stat {
        flex: 1;
        min-width: auto;
    }

    .grp-ah-icon-box {
        width: 80px;
        height: 80px;
    }

    .grp-ah-icon-box i {
        font-size: 34px;
    }
}

/* ============================================
   WHO CAN APPLY — Premium Section
   ============================================ */
.grp-who-apply {
    padding: 60px 0;
    background: #fff;
}

.grp-wa-header {
    max-width: 500px;
    margin: 0 auto 40px;
}

.grp-wa-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 14px;
}

.grp-wa-title {
    font-size: 30px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.25;
}

.grp-wa-title span {
    color: #D4AF37;
}

.grp-wa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 44px;
}

.grp-wa-card {
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 32px 24px;
    text-align: center;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.grp-wa-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37, #0277bd);
    transform: scaleX(0);
    transition: transform 0.35s ease;
}

.grp-wa-card:hover::before {
    transform: scaleX(1);
}

.grp-wa-card:hover {
    background: #fff;
    border-color: rgba(3, 169, 244, 0.15);
    box-shadow: 0 12px 36px rgba(14, 43, 92, 0.07);
    transform: translateY(-5px);
}

.grp-wa-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    transition: all 0.35s ease;
}

.grp-wa-card:hover .grp-wa-icon {
    background: linear-gradient(135deg, #D4AF37, #0277bd);
}

.grp-wa-icon i {
    font-size: 24px;
    color: #0277bd;
    transition: color 0.35s ease;
}

.grp-wa-card:hover .grp-wa-icon i {
    color: #fff;
}

.grp-wa-card h5 {
    font-size: 17px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 8px;
}

.grp-wa-card p {
    font-size: 14px;
    color: #6b839e;
    line-height: 1.55;
    margin-bottom: 0;
}

/* Apply Through channels */
.grp-wa-channels {
    background: linear-gradient(160deg, #0a1628, #132d4a);
    border-radius: 18px;
    padding: 36px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.grp-wa-channels::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(3, 169, 244, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.grp-wa-channels-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    letter-spacing: 0.3px;
    position: relative;
    z-index: 1;
}

.grp-wa-channels-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.grp-wa-channel {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 14px 28px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
}

.grp-wa-channel:hover {
    background: rgba(3, 169, 244, 0.15);
    border-color: rgba(3, 169, 244, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(3, 169, 244, 0.15);
}

.grp-wa-channel i {
    font-size: 18px;
    color: #D4AF37;
}

.grp-wa-channel span {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .grp-wa-grid {
        gap: 18px;
    }

    .grp-wa-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-who-apply {
        padding: 40px 0;
    }

    .grp-wa-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .grp-wa-card {
        padding: 24px 20px;
    }

    .grp-wa-title {
        font-size: 22px;
    }

    .grp-wa-channels {
        padding: 28px 20px;
        border-radius: 14px;
    }

    .grp-wa-channels-row {
        gap: 10px;
    }

    .grp-wa-channel {
        padding: 12px 20px;
        font-size: 13px;
        flex: 1 1 calc(50% - 10px);
        justify-content: center;
    }
}

@media only screen and (max-width: 480px) {
    .grp-wa-channel {
        flex: 1 1 100%;
    }
    .faq-section {
        padding: 40px 15px;
    }
}

/* ============================================
   OUR HIRING PROCESS — Timeline Section
   ============================================ */
.grp-hiring-process {
    padding: 60px 0 70px;
    background: linear-gradient(160deg, #f0f4f8 0%, #e8edf4 50%, #f5f7fa 100%);
    position: relative;
    overflow: hidden;
}

.grp-hiring-process::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(3, 169, 244, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.grp-hp-header {
    max-width: 500px;
    margin: 0 auto 48px;
}

.grp-hp-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 14px;
}

.grp-hp-title {
    font-size: 30px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.25;
}

.grp-hp-title span {
    color: #D4AF37;
}

/* Timeline */
.grp-hp-timeline {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    padding-left: 60px;
}

.grp-hp-timeline::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, #D4AF37, #bbdefb 50%, #D4AF37);
}

/* Step */
.grp-hp-step {
    position: relative;
    margin-bottom: 28px;
}

.grp-hp-step:last-child {
    margin-bottom: 0;
}

.grp-hp-num {
    position: absolute;
    left: -53px;
    top: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #D4AF37;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: all 0.35s ease;
}

.grp-hp-num span {
    font-size: 13px;
    font-weight: 800;
    color: #D4AF37;
    line-height: 1;
    transition: color 0.35s ease;
}

.grp-hp-step:hover .grp-hp-num {
    background: #D4AF37;
    box-shadow: 0 0 0 5px rgba(3, 169, 244, 0.15);
}

.grp-hp-step:hover .grp-hp-num span {
    color: #fff;
}

/* Card */
.grp-hp-card {
    display: flex;
    gap: 18px;
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 24px;
    transition: all 0.35s ease;
}

.grp-hp-step:hover .grp-hp-card {
    border-color: rgba(3, 169, 244, 0.15);
    box-shadow: 0 10px 30px rgba(14, 43, 92, 0.06);
    transform: translateX(4px);
}

.grp-hp-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.35s ease;
}

.grp-hp-step:hover .grp-hp-card-icon {
    background: linear-gradient(135deg, #D4AF37, #0277bd);
}

.grp-hp-card-icon i {
    font-size: 18px;
    color: #0277bd;
    transition: color 0.35s ease;
}

.grp-hp-step:hover .grp-hp-card-icon i {
    color: #fff;
}

.grp-hp-card-body {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.grp-hp-card-body h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 6px;
    line-height: 1.3;
}

.grp-hp-card-body p {
    font-size: 14px;
    color: #5a6e82;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Tag (duration badge) */
.grp-hp-tag {
    display: inline-block;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    color: #e65100;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 50px;
    margin-left: 8px;
    vertical-align: middle;
    letter-spacing: 0.3px;
}

/* Bullet list */
.grp-hp-list {
    list-style: none;
    padding: 10px 15px;
    margin: 10px 0 0;
    border-radius: 12px;
}

.grp-hp-list li {
    position: relative;
    padding-left: 18px;
    font-size: 13.5px;
    color: #4a5568;
    line-height: 1.5;
    margin-bottom: 4px;
    text-align: left !important;
    width: 100% !important;
}

.grp-hp-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D4AF37;
}

/* Info note */
.grp-hp-note {
    margin-top: 10px;
    padding: 10px 14px;
    background: #f0f9ff;
    border-left: 3px solid #D4AF37;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    color: #0277bd;
    font-weight: 500;
}

.grp-hp-note i {
    margin-right: 6px;
    font-size: 14px;
}

/* Interview rounds */
.grp-hp-rounds {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.grp-hp-round {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
}

.grp-hp-round i {
    color: #D4AF37;
    font-size: 16px;
}

/* Final step highlight */
.grp-hp-step-final .grp-hp-num {
    border-color: #4caf50;
}

.grp-hp-step-final .grp-hp-num span {
    color: #4caf50;
}

.grp-hp-step-final:hover .grp-hp-num {
    background: #4caf50;
    box-shadow: 0 0 0 5px rgba(76, 175, 80, 0.15);
}

.grp-hp-card-final {
    border-color: rgba(76, 175, 80, 0.15);
    background: linear-gradient(135deg, #f1f8e9, #fff);
}

.grp-hp-step-final:hover .grp-hp-card {
    border-color: rgba(76, 175, 80, 0.25);
    box-shadow: 0 10px 30px rgba(76, 175, 80, 0.08);
}

.grp-hp-step-final .grp-hp-card-icon {
    background: linear-gradient(135deg, #c8e6c9, #a5d6a7);
}

.grp-hp-step-final .grp-hp-card-icon i {
    color: #2e7d32;
}

.grp-hp-step-final:hover .grp-hp-card-icon {
    background: linear-gradient(135deg, #4caf50, #2e7d32);
}

.grp-hp-step-final:hover .grp-hp-card-icon i {
    color: #fff;
}

/* Responsive */
@media only screen and (max-width: 991px) {
    .grp-hp-title {
        font-size: 26px;
    }

    .grp-hp-timeline {
        padding-left: 50px;
    }

    .grp-hp-num {
        left: -50px;
        width: 36px;
        height: 36px;
    }

    .grp-hp-num span {
        font-size: 12px;
    }

    .grp-hp-timeline::before {
        left: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-hiring-process {
        padding: 40px 0 50px;
    }

    .grp-hp-title {
        font-size: 22px;
    }

    .grp-hp-header {
        margin-bottom: 36px;
    }

    .grp-hp-timeline {
        padding-left: 44px;
    }

    .grp-hp-timeline::before {
        left: 19px;
    }

    .grp-hp-num {
        left: -44px;
        width: 32px;
        height: 32px;
    }

    .grp-hp-num span {
        font-size: 11px;
    }

    .grp-hp-card {
        flex-direction: column;
        gap: 12px;
        padding: 20px 18px;
        border-radius: 12px;
    }

    .grp-hp-card-body h4 {
        font-size: 15px;
    }

    .grp-hp-step {
        margin-bottom: 20px;
    }

    .grp-hp-rounds {
        flex-direction: column;
        gap: 8px;
    }

    .grp-hp-round {
        padding: 8px 14px;
        font-size: 13px;
    }

    .grp-hp-tag {
        display: block;
        margin: 4px 0 0;
    }
}

/* ============================================
   WHY CHOOSE — Internship Benefits Grid
   ============================================ */
.grp-why-intern {
    padding: 50px 0 60px;
    background: #f8fafc;
}

.grp-wi-header {
    max-width: 600px;
    margin: 0 auto 40px;
}

.grp-wi-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 14px;
}

.grp-wi-title {
    font-size: 28px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.3;
}

.grp-wi-title span {
    color: #D4AF37;
}

.grp-wi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.grp-wi-card {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 30px 24px;
    text-align: left;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.grp-wi-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37, #0277bd);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.grp-wi-card:hover::after {
    transform: scaleX(1);
}

.grp-wi-card:hover {
    border-color: rgba(3, 169, 244, 0.12);
    box-shadow: 0 14px 36px rgba(14, 43, 92, 0.07);
    transform: translateY(-5px);
}

.grp-wi-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    transition: all 0.35s ease;
}

.grp-wi-card:hover .grp-wi-icon {
    background: linear-gradient(135deg, #D4AF37, #0277bd);
}

.grp-wi-icon i {
    font-size: 22px;
    color: #0277bd;
    transition: color 0.35s ease;
}

.grp-wi-card:hover .grp-wi-icon i {
    color: #fff;
}

.grp-wi-card h5 {
    font-size: 16px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 8px;
}

.grp-wi-card p {
    font-size: 13.5px;
    color: #6b839e;
    line-height: 1.6;
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .grp-wi-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .grp-wi-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-why-intern {
        padding: 40px 0 50px;
    }

    .grp-wi-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .grp-wi-title {
        font-size: 22px;
    }

    .grp-wi-card {
        padding: 24px 20px;
    }
}

/* ============================================
   INTERN DOMAINS — 4 Cards Grid
   ============================================ */
.grp-intern-domains {
    padding: 50px 0;
    background: #fff;
}

.grp-id-header {
    max-width: 550px;
    margin: 0 auto 36px;
}

.grp-id-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 14px;
}

.grp-id-title {
    font-size: 28px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.25;
}

.grp-id-title span {
    color: #D4AF37;
}

.grp-id-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.grp-id-card {
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 28px 20px;
    text-align: center;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

.grp-id-card::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37, #0277bd);
    transform: scaleX(0);
    transition: transform 0.35s ease;
}

.grp-id-card:hover::before {
    transform: scaleX(1);
}

.grp-id-card:hover {
    background: #fff;
    border-color: rgba(3, 169, 244, 0.15);
    box-shadow: 0 12px 32px rgba(14, 43, 92, 0.07);
    transform: translateY(-5px);
}

.grp-id-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    transition: all 0.35s ease;
}

.grp-id-card:hover .grp-id-icon {
    background: linear-gradient(135deg, #D4AF37, #0277bd);
}

.grp-id-icon i {
    font-size: 22px;
    color: #0277bd;
    transition: color 0.35s ease;
}

.grp-id-card:hover .grp-id-icon i {
    color: #fff;
}

.grp-id-card h5 {
    font-size: 16px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 6px;
}

.grp-id-card p {
    font-size: 13px;
    color: #6b839e;
    line-height: 1.5;
    margin-bottom: 0;
}

/* ============================================
   INTERN REQUIREMENTS — Card
   ============================================ */
.grp-intern-req {
    padding: 0 0 50px;
    background: #fff;
}

.grp-ir-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    padding: 36px 40px;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.grp-ir-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #D4AF37, #1A1A1A);
    border-radius: 18px 0 0 18px;
}

.grp-ir-icon-box {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.grp-ir-icon-box i {
    font-size: 22px;
    color: #0277bd;
}

.grp-ir-content {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.grp-ir-title {
    font-size: 20px;
    font-weight: 800;
    color: #1A1A1A;
    margin-bottom: 6px;
}

.grp-ir-desc {
    font-size: 14px;
    color: #5a6e82;
    line-height: 1.6;
    margin-bottom: 14px;
}

.grp-ir-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    background-color: transparent !important;
}

.grp-ir-list li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 8px;
    text-align: left !important;
    width: 100% !important;
}

.grp-ir-list li:last-child {
    margin-bottom: 0;
}

.grp-ir-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #D4AF37;
}

/* Responsive: Domains + Requirements */
@media only screen and (max-width: 991px) {
    .grp-id-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .grp-id-title {
        font-size: 24px;
    }

    .grp-ir-wrapper {
        padding: 30px 28px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-intern-domains {
        padding: 40px 0;
    }

    .grp-id-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .grp-id-title {
        font-size: 22px;
    }

    .grp-id-card {
        padding: 22px 18px;
    }

    .grp-intern-req {
        padding: 0 0 40px;
    }

    .grp-ir-wrapper {
        flex-direction: column;
        padding: 24px 20px;
        gap: 16px;
        border-radius: 14px;
    }

    .grp-ir-title {
        font-size: 18px;
    }

    .grp-ir-list li {
        font-size: 13px;
    }
}

/* ============================================
   HOW TO APPLY — Premium Section
   ============================================ */
.grp-how-apply {
    padding: 50px 0 60px;
    background: linear-gradient(160deg, #f0f4f8 0%, #e8edf4 50%, #f5f7fa 100%);
}

.grp-ha-wrapper {
    display: flex;
    gap: 44px;
    align-items: flex-start;
    text-align: left;
}

.grp-ha-left {
    flex: 1;
    min-width: 0;
}

.grp-ha-badge {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #0277bd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 14px;
}

.grp-ha-title {
    font-size: 28px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.25;
    margin-bottom: 10px;
}

.grp-ha-title span {
    color: #D4AF37;
}

.grp-ha-desc {
    font-size: 14.5px;
    color: #5a6e82;
    line-height: 1.7;
    margin-bottom: 24px;
}

.grp-ha-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.grp-ha-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    padding: 16px 18px;
    transition: all 0.3s ease;
}

.grp-ha-step:hover {
    border-color: rgba(3, 169, 244, 0.15);
    box-shadow: 0 6px 20px rgba(14, 43, 92, 0.05);
    transform: translateX(3px);
}

.grp-ha-step-num {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4AF37, #0277bd);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.grp-ha-step p {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.55;
    margin: 0;
    padding-top: 4px;
}

/* Right: CTA Card */
.grp-ha-right {
    flex-shrink: 0;
    width: 470px;
    max-width: 100%;
}

.grp-ha-cta-card {
    background: linear-gradient(160deg, #0a1628, #132d4a);
    border-radius: 18px;
    padding: 32px 28px;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

.grp-ha-cta-card::before {
    content: "";
    position: absolute;
    top: -50px;
    right: -50px;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(3, 169, 244, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.grp-ha-cta-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(3, 169, 244, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}

.grp-ha-cta-icon i {
    font-size: 22px;
    color: #4fc3f7;
}

.grp-ha-cta-card h5 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}

.grp-ha-cta-card > p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 12px;
}

.grp-ha-email {
    display: inline-block;
    background: linear-gradient(135deg, #D4AF37, #0277bd);
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.grp-ha-email:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(3, 169, 244, 0.3);
}

.grp-ha-subject {
    margin-top: 12px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    font-style: italic;
    position: relative;
    z-index: 1;
}

.grp-ha-contact-row {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}

.grp-ha-contact {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 10px;
    color: #1A1A1A !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.grp-ha-contact:hover {
    border-color: rgba(3, 169, 244, 0.2);
    color: #D4AF37 !important;
    box-shadow: 0 4px 12px rgba(14, 43, 92, 0.05);
}

.grp-ha-contact i {
    color: #D4AF37;
    font-size: 14px;
}

.grp-ha-note {
    font-size: 13px;
    color: #8aa4be;
    line-height: 1.6;
    text-align: center;
    margin: 0;
}

/* Responsive */
@media only screen and (max-width: 991px) {
    .grp-ha-wrapper {
        flex-direction: column;
        gap: 32px;
    }

    .grp-ha-right {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .grp-ha-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .grp-how-apply {
        padding: 40px 0 50px;
    }

    .grp-ha-title {
        font-size: 22px;
    }

    .grp-ha-step {
        padding: 14px 14px;
    }

    .grp-ha-cta-card {
        padding: 26px 22px;
    }

    .grp-ha-contact-row {
        flex-direction: column;
        gap: 8px;
    }

    .grp-ha-right {
        max-width: 100%;
    }
}

/* ============================================
   JOIN US CTA — Premium Section
   ============================================ */
.grp-join-cta {
    padding: 0;
    margin-bottom: 0;
    margin-block: 40px;
}

.grp-jc-wrapper {
    background: linear-gradient(160deg, #0a1628 0%, #132d4a 50%, #0d2137 100%);
    border-radius: 24px;
    padding: 60px;
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.grp-jc-bg-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.grp-jc-orb-1 {
    width: 300px;
    height: 300px;
    top: -80px;
    left: -80px;
    background: radial-gradient(circle, rgba(3, 169, 244, 0.1) 0%, transparent 70%);
}

.grp-jc-orb-2 {
    width: 250px;
    height: 250px;
    bottom: -60px;
    right: -60px;
    background: radial-gradient(circle, rgba(249, 168, 37, 0.08) 0%, transparent 70%);
}

.grp-jc-content {
    flex: 1;
    position: relative;
    z-index: 1;
}

.grp-jc-badge {
    display: inline-block;
    background: rgba(3, 169, 244, 0.15);
    color: #4fc3f7;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 5px 14px;
    border-radius: 50px;
    border: 1px solid rgba(3, 169, 244, 0.2);
    margin-bottom: 16px;
}

.grp-jc-title {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 10px;
}

.grp-jc-title span {
    color: #D4AF37;
}

.grp-jc-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    margin-bottom: 14px;
}

.grp-jc-desc {
    font-size: 14.5px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.7;
    margin-bottom: 0;
    max-width: 520px;
}

/* HR Contact Card */
.grp-jc-hr-card {
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 28px 30px;
    backdrop-filter: blur(8px);
    min-width: 280px;
    position: relative;
    z-index: 1;
}

.grp-jc-hr-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.grp-jc-hr-header i {
    font-size: 20px;
    color: #D4AF37;
}

.grp-jc-hr-header span {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.grp-jc-hr-name {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2px;
}

.grp-jc-hr-role {
    font-size: 13px;
    color: #D4AF37;
    font-weight: 600;
    margin-bottom: 18px;
}

.grp-jc-hr-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grp-jc-hr-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.grp-jc-hr-link:hover {
    background: rgba(3, 169, 244, 0.1);
    border-color: rgba(3, 169, 244, 0.2);
    color: #fff !important;
    transform: translateX(3px);
}

.grp-jc-hr-link i {
    color: #D4AF37;
    font-size: 14px;
    width: 16px;
    text-align: center;
}

.grp-jc-linkedin {
    background: rgba(0, 119, 181, 0.1);
    border-color: rgba(0, 119, 181, 0.15);
}

.grp-jc-linkedin:hover {
    background: rgba(0, 119, 181, 0.2);
    border-color: rgba(0, 119, 181, 0.3);
}

.grp-jc-linkedin i {
    color: #0a66c2;
}

@media only screen and (max-width: 991px) {
    .grp-jc-wrapper {
        flex-direction: column;
        padding: 44px 32px;
        gap: 36px;
        text-align: center;
    }

    .grp-jc-desc {
        max-width: 100%;
    }

    .grp-jc-title {
        font-size: 28px;
    }

    .grp-jc-hr-card {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
}

@media only screen and (max-width: 767px) {
    .grp-jc-wrapper {
        padding: 32px 22px;
        border-radius: 16px;
        gap: 28px;
    }

    .grp-jc-title {
        font-size: 24px;
    }

    .grp-jc-subtitle {
        font-size: 16px;
    }

    .grp-jc-desc {
        font-size: 13.5px;
    }

    .grp-jc-hr-card {
        padding: 22px 20px;
        min-width: auto;
    }

    .grp-jc-hr-name {
        font-size: 18px;
    }
}

/* ============================================
   HEADER REDESIGN — grp- prefixed (no conflicts)
   ============================================ */

/* --- Disclaimer Strip --- */
.grp-disclaimer {
    background: #1A1A1A;
    overflow: hidden;
    position: relative;
    z-index: 1201;
}

.grp-disclaimer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 16px;
    white-space: nowrap;
    animation: tviMarquee 22s linear infinite;
}

.grp-disclaimer i {
    color: #f9a825;
    font-size: 13px;
    flex-shrink: 0;
}

.grp-disclaimer span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

@keyframes tviMarquee {
    0% { transform: translateX(60%); }
    100% { transform: translateX(-100%); }
}



/* --- Header Nav Overrides --- */
.header_new .header-sticky.light-header {
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(14, 43, 92, 0.06) !important;
    padding: 0 !important;
    height: auto !important;
}


.header_new.tt-nav,
.header_new.tt-nav.sticky {
    height: auto !important;
}

.header_new.sticky .header-sticky.light-header {
    height: auto !important;
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(14, 43, 92, 0.08) !important;
}

.header_new.sticky .menuzord-menu > li > a {
    color: #1a2744 !important;
}

.header_new .logo-brand img {
    height: 38px !important;
    width: auto !important;
}

.header_new .menuzord-menu > li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a2744 !important;
    line-height: 64px !important;
    padding: 0 12px !important;
    letter-spacing: 0.2px;
    position: relative;
}

.header_new.sticky .menuzord-menu > li > a {
    line-height: 56px !important;
}

.header_new .menuzord-menu > li:hover > a,
.header_new .menuzord-menu > li.active > a {
    color: #D4AF37 !important;
}

/* Nav underline effect */
.header_new .menuzord-menu > li > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #D4AF37, #0277bd);
    border-radius: 3px 3px 0 0;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.header_new .menuzord-menu > li:hover > a::after,
.header_new .menuzord-menu > li.active > a::after {
    width: 60%;
}

/* Dropdown */
.header_new .menuzord-menu ul.dropdown {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 40px rgba(14, 43, 92, 0.1) !important;
    padding: 8px 0 !important;
    border-top: 3px solid #D4AF37 !important;
    background: #fff !important;
    overflow: hidden;
}

.header_new .menuzord-menu ul.dropdown li a {
    padding: 8px 20px !important;
    font-size: 13px !important;
    color: #4a5568 !important;
    font-weight: 500 !important;
    transition: all 0.25s ease;
    line-height: 1.5 !important;
}

.header_new .menuzord-menu ul.dropdown li a:hover {
    color: #D4AF37 !important;
    background: #f0f9ff !important;
    padding-left: 24px !important;
}

/* Mega dropdown */
.header_new .menuzord-menu ul.dropdown.dropdownnew {
    border-radius: 10px !important;
    padding: 16px 8px !important;
}

.header_new .menuzord-menu ul.dropdownnew li p,
.header_new .menuzord-menu ul.dropdownnew li p a {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header_new .menuzord-menu ul.dropdown.dropdownnew li a {
    font-size: 12.5px !important;
    padding: 4px 20px !important;
}

/* Mobile actions (hidden on desktop) */
.grp-mobile-actions {
    display: none;
}

/* --- Responsive: 1024px (Tablet landscape) --- */
@media only screen and (max-width: 1024px) {
    .grp-topbar-link {
        font-size: 12px;
        gap: 5px;
    }

    .grp-topbar-left {
        gap: 14px;
    }

    .grp-topbar-btn {
        padding: 6px 14px;
        font-size: 11.5px;
    }

    .header_new.tt-nav,
    .header_new.tt-nav.sticky {
        height: auto !important;
    }

    .header_new.sticky .header-sticky.light-header {
        height: auto !important;
        background: #fff !important;
    }

    .header_new .menuzord-menu > li > a {
        font-size: 13px !important;
        padding: 0 8px !important;
        line-height: 60px !important;
    }

    .header_new.sticky .menuzord-menu > li > a {
        line-height: 52px !important;
        color: #1a2744 !important;
    }

    .header_new .logo-brand img,
    .header_new.sticky .logo-brand img {
        height: 34px !important;
    }
}

/* --- Responsive: 991px (Tablet portrait) --- */
@media only screen and (max-width: 991px) {

    .header_new.tt-nav,
    .header_new.tt-nav.sticky {
        height: auto !important;
    }

    .header_new.sticky .header-sticky.light-header {
        height: auto !important;
        background: #fff !important;
    }

    .header_new .menuzord-menu > li > a {
        font-size: 13px !important;
        padding: 0 6px !important;
        line-height: 58px !important;
    }

    .header_new.sticky .menuzord-menu > li > a {
        line-height: 50px !important;
        color: #1a2744 !important;
    }

    .header_new .logo-brand,
    .header_new.sticky .logo-brand {
        margin: 12px 0 0 !important;
    }

    .header_new .logo-brand img,
    .header_new.sticky .logo-brand img {
        height: 32px !important;
    }
}

/* --- Responsive: 768px (Mobile — menuzord switches to hamburger) --- */
@media screen and (max-width: 768px) {
    .grp-disclaimer-inner {
        padding: 6px 12px;
    }

    .grp-disclaimer span {
        font-size: 11.5px;
    }

    /* Normal + sticky: consistent look */
    .header_new.tt-nav.sticky {
        height: auto !important;
        position: fixed !important;
        z-index: 1200 !important;
    }

    .header_new .header-sticky.light-header,
    .header_new.sticky .header-sticky.light-header {
        height: auto !important;
        padding: 0 !important;
        background: #fff !important;
        box-shadow: 0 2px 16px rgba(14, 43, 92, 0.06) !important;
    }

    .header_new .logo-brand,
    .header_new.sticky .logo-brand {
        margin: 4px 0 0 10px !important;
    }

    .header_new .logo-brand img,
    .header_new.sticky .logo-brand img {
        height: 32px !important;
    }

    /* Menu items: normal + sticky — always dark text on white bg */
    .header_new .menuzord-responsive .menuzord-menu > li > a,
    .header_new.sticky .menuzord-responsive .menuzord-menu > li > a,
    .header_new.sticky .menuzord-menu > li > a {
        line-height: 20px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #fff !important;
        border-bottom: 1px solid #f0f2f5 !important;
    }

    .header_new .menuzord-menu > li > a::after {
        display: none !important;
    }

    /* Dropdowns: mobile style */
    .header_new .menuzord-menu ul.dropdown,
    .header_new .menuzord-menu ul.dropdown li ul.dropdown {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-top: none !important;
        border: none !important;
        border-left: 3px solid #D4AF37 !important;
        margin-left: 10px;
        background: #fafbfc !important;
        padding: 4px 0 !important;
    }

    .header_new .menuzord-menu ul.dropdown.dropdownnew {
        border-radius: 0 !important;
        padding: 6px 0 !important;
        border-top: none !important;
        border-left: 3px solid #D4AF37 !important;
    }

    .header_new .menuzord-menu ul.dropdown li a {
        padding: 8px 18px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        border: none !important;
    }

    .header_new .menuzord-menu ul.dropdown li a:hover {
        padding-left: 22px !important;
    }

    /* Mobile action buttons */
    .grp-mobile-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        position: absolute;
        right: 55px;
        transform: unset;
        z-index: 10;
    }

    .grp-mob-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 6px 14px;
        border-radius: 6px;
        font-size: 12px;
        font-weight: 600;
        background: #1A1A1A;
        color: #fff !important;
        text-decoration: none !important;
        white-space: nowrap;
        transition: all 0.3s ease;
    }

    .grp-mob-btn-green {
        background: #25d366;
        padding: 6px 10px;
    }

    .grp-mob-btn-green i {
        font-size: 16px;
    }
}

/* --- Responsive: 767px --- */
@media only screen and (max-width: 767px) {
    .grp-disclaimer span {
        font-size: 11px;
    }

    .header_new .logo-brand img {
        height: 30px !important;
    }

    .grp-mob-btn {
        padding: 5px 11px;
        font-size: 11px;
    }

    .grp-mobile-actions {
        right: 50px;
        gap: 6px;
    }

    .header_new .menuzord-responsive .menuzord-menu > li > a {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
}

/* --- Responsive: 480px (Small phones) --- */
@media only screen and (max-width: 480px) {
    .grp-disclaimer-inner {
        padding: 5px 10px;
    }

    .grp-disclaimer span {
        font-size: 10px;
    }

    /* .grp-mob-btn:not(.grp-mob-btn-green) {
        display: none;
    } */

    .grp-mobile-actions {
        right: 55px;
        top: 12px;
    }

    .header_new .logo-brand img {
        height: 26px !important;
        margin-block-start: 8px;
    }

    .header_new .menuzord-responsive .menuzord-menu > li > a {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
}


/* ===== Our Values Section ===== */
.grp-values-section {
    padding: 70px 0;
    background: #f8f9fc;
}
.grp-values-heading {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    color: #2C2C2C;
    margin-bottom: 14px;
    position: relative;
}
.grp-values-heading::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #C5A017, #F1C40F);
    border-radius: 2px;
    margin: 12px auto 0;
}
.grp-values-desc {
    text-align: center;
    color: #555;
    font-size: 15px;
    max-width: 850px;
    margin: 0 auto 50px;
    line-height: 1.8;
}
.grp-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.grp-value-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px 32px;
    text-align: left;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    border: 1px solid #e8edf5;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.grp-value-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #C5A017, #F1C40F);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}
.grp-value-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0,102,204,0.12);
}
.grp-value-card:hover::before {
    transform: scaleX(1);
}
.grp-value-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e8f0fb, #d0e4f7);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: background 0.3s ease;
}
.grp-value-card:hover .grp-value-icon-wrap {
    background: linear-gradient(135deg, #C5A017, #F1C40F);
}
.grp-value-icon-wrap i {
    font-size: 2.6rem;
    color: #C5A017;
    transition: color 0.3s ease;
}
.grp-value-card:hover .grp-value-icon-wrap i {
    color: #fff;
}
.grp-value-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #2C2C2C;
    margin-bottom: 12px;
}
.grp-value-text {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin: 0;
    text-align: left;
}
@media (max-width: 991px) {
    .grp-values-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* ===== Employee Testimonial Marquee ===== */
.grp-testi-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #0a1f44 0%, #0d2d6e 60%, #0a1f44 100%);
    overflow: hidden;
    position: relative;
}
.grp-testi-section::before {
    content: '';
    position: absolute;
    top: -60px; left: -60px;
    width: 220px; height: 220px;
    border-radius: 50%;
    background: rgba(255,255,255,0.04);
    pointer-events: none;
}
.grp-testi-section::after {
    content: '';
    position: absolute;
    bottom: -80px; right: -40px;
    width: 300px; height: 300px;
    border-radius: 50%;
    background: rgba(255,255,255,0.03);
    pointer-events: none;
}
.grp-testi-label {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.9rem;
    color: #7eb3ff;
    font-weight: 600;
    margin-bottom: 8px;
}
.grp-testi-heading {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}
.grp-testi-heading span {
    color: #5ba4ff;
}
.grp-marquee-wrapper {
    position: relative;
    overflow: hidden;
}
.grp-marquee-wrapper::before,
.grp-marquee-wrapper::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}
.grp-marquee-wrapper::before {
    left: 0;
    background: linear-gradient(90deg, #0a1f44, transparent);
}
.grp-marquee-wrapper::after {
    right: 0;
    background: linear-gradient(-90deg, #0a1f44, transparent);
}
.grp-marquee-track {
    display: flex;
    gap: 24px;
    width: max-content;
    animation: grp-marquee-scroll 36s linear infinite;
}
.grp-marquee-track:hover {
    animation-play-state: paused;
}
@keyframes grp-marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.grp-testi-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    padding: 24px 24px 24px;
    width: 320px;
    flex-shrink: 0;
    backdrop-filter: blur(6px);
    transition: background 0.3s, transform 0.3s;
    position: relative;
}
.grp-testi-card:hover {
    background: rgba(255,255,255,0.11);
    transform: translateY(-4px);
}
.grp-testi-quote-icon {
    font-size: 5.5rem;
    color: #5ba4ff;
    opacity: 0.5;
    margin-bottom: 0;
    font-family: Georgia, serif;
}
.grp-testi-quote {
    font-size: 1.3rem;
    color: #cdd9f0;
    line-height: 1.8;
    margin-bottom: 10px;
    min-height: 116px;
}
.grp-testi-stars {
    color: #f5c518;
    font-size: 2.1rem;
    letter-spacing: 3px;
    margin-bottom: 18px;
}
.grp-testi-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 16px;
}
.grp-testi-photo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #5ba4ff;
    flex-shrink: 0;
}
.grp-testi-photo-placeholder {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C5A017, #F1C40F);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    border: 2px solid #5ba4ff;
    flex-shrink: 0;
}
.grp-testi-info-name {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    text-align: left;
}
.grp-testi-info-desig {
    font-size: 1.25rem;
    color: #7eb3ff;
    font-weight: 500;
    text-align: left;
}

/* ===== Why Join Us Section ===== */
.grp-wju-section {
    padding: 80px 0;
    background: #fff;
}
.grp-wju-top {
    text-align: center;
    margin-bottom: 52px;
}
.grp-wju-label {
    display: inline-block;
    background: linear-gradient(90deg, #e8f0fb, #d0e4f7);
    color: #C5A017;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 20px;
    margin-bottom: 14px;
}
.grp-wju-heading {
    font-size: 2.2rem;
    font-weight: 800;
    color: #2C2C2C;
    margin-bottom: 14px;
    line-height: 1.3;
}
.grp-wju-heading span {
    color: #C5A017;
}
.grp-wju-sub {
    font-size: 1.6rem;
    color: #666;
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.75;
}
.grp-wju-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.grp-wju-card {
    background: #f8f9fc;
    border-radius: 16px;
    padding: 34px 24px 28px;
    text-align: center;
    border: 1px solid #e8edf5;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.grp-wju-card::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #C5A017, #F1C40F);
    transform: scaleX(0);
    transition: transform 0.35s ease;
}
.grp-wju-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 14px 40px rgba(0,102,204,0.13);
    background: #fff;
}
.grp-wju-card:hover::after {
    transform: scaleX(1);
}
.grp-wju-icon-wrap {
    width: 68px;
    height: 68px;
    border-radius: 18px;
    background: linear-gradient(135deg, #e8f0fb, #d0e4f7);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    transition: background 0.3s ease;
}
.grp-wju-card:hover .grp-wju-icon-wrap {
    background: linear-gradient(135deg, #C5A017, #F1C40F);
}
.grp-wju-icon-wrap i {
    font-size: 2.7rem;
    color: #C5A017;
    transition: color 0.3s ease;
}
.grp-wju-card:hover .grp-wju-icon-wrap i {
    color: #fff;
}
.grp-wju-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2C2C2C;
    margin-bottom: 10px;
    line-height: 1.4;
}
.grp-wju-desc {
    font-size: 1.5rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
}
@media (max-width: 991px) {
    .grp-wju-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .grp-wju-heading {
        font-size: 1.7rem;
    }
}
@media (max-width: 575px) {
    .grp-wju-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Premium Hero Banner Redesign ===== */
.banner-section {
    padding-top: 140px !important;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}
.banner-section::before {
    content: '';
    position: absolute;
    top: -120px; right: -120px;
    width: 500px; height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,102,204,0.07) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.grp-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, #e8f0fb, #d0e4f7);
    border: 1px solid #b8d4f0;
    color: #0055aa;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 30px;
    margin-bottom: 20px;
    display: inline-block;
}
.grp-hero-badge i {
    color: #C5A017;
    margin-right: 5px;
}
.banner-section-content h2 {
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 66px !important;
    color: #0d1f3c !important;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}
.banner-section-content h2 .grp-hero-highlight {
    background: linear-gradient(90deg, #C5A017, #F1C40F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.banner-section-content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #4a5568 !important;
    margin: 18px 0 36px !important;
    max-width: 480px;
}
.grp-hero-cta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 36px;
}
.grp-hero-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #0055cc, #0088ff);
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 30px;
    border-radius: 50px;
    text-decoration: none !important;
    box-shadow: 0 6px 24px rgba(0,102,204,0.35);
    transition: transform 0.25s, box-shadow 0.25s;
    white-space: nowrap;
}
.grp-hero-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,102,204,0.45);
}
.grp-hero-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: #0055cc !important;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 26px;
    border-radius: 50px;
    border: 2px solid #0055cc;
    text-decoration: none !important;
    transition: all 0.25s;
    white-space: nowrap;
}
.grp-hero-btn-outline:hover {
    background: #0055cc;
    color: #fff !important;
}
.grp-hero-btn-wa {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #25d366;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none !important;
    transition: background 0.25s, transform 0.25s;
    white-space: nowrap;
}
.grp-hero-btn-wa:hover {
    background: #1aad54;
    transform: translateY(-2px);
}
.grp-hero-btn-dark {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #2C2C2C;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none !important;
    transition: background 0.25s;
    white-space: nowrap;
}
.grp-hero-btn-dark:hover {
    background: #0d1f3c;
}
.grp-hero-stats {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
}
.grp-hero-stat {
    display: flex;
    flex-direction: column;
}
.grp-hero-stat-num {
    font-size: 24px;
    font-weight: 800;
    color: #0055cc;
    line-height: 1;
}
.grp-hero-stat-label {
    font-size: 12px;
    font-weight: 500;
    color: #718096;
    margin-top: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.grp-hero-stat-divider {
    width: 1px;
    height: 36px;
    background: #e2e8f0;
}
.banner-section-img img {
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.10));
}

/* Responsive */
@media (max-width: 1280px) {
    .banner-section-content h2 {
        font-size: 44px !important;
        line-height: 56px !important;
    }
}
@media (max-width: 991px) {
    .banner-section-content h2 {
        font-size: 36px !important;
        line-height: 48px !important;
    }
    .grp-hero-cta-row {
        justify-content: center;
    }
    .grp-hero-stats {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .banner-section-content h2 {
        font-size: 30px !important;
        line-height: 42px !important;
    }
    .banner-section-content p {
        font-size: 16px !important;
    }
    .grp-hero-badge {
        font-size: 11px;
    }
    .grp-hero-btn-primary,
    .grp-hero-btn-outline,
    .grp-hero-btn-wa,
    .grp-hero-btn-dark {
        font-size: 14px;
        padding: 11px 18px;
    }
    .grp-hero-stat-num {
        font-size: 20px;
    }
}
p.clients-logo1 {
    margin-block-end: 0;
}

/* ─── Portfolio Premium Page ─────────────────────────────────────── */
.grp-port-hero {
    background: linear-gradient(135deg, #0a1628 0%, #0d2b5c 55%, #0f3460 100%);
    padding: 110px 0 55px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.grp-port-hero::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -8%;
    width: 560px;
    height: 560px;
    background: radial-gradient(circle, rgba(0,180,216,0.13) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.grp-port-hero__inner {
    text-align: center;
    position: relative;
}
.grp-port-hero__tag {
    display: inline-block;
    background: rgba(0,180,216,0.15);
    color: #00b4d8;
    border: 1px solid rgba(0,180,216,0.3);
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.grp-port-hero__title {
    font-size: clamp(30px, 5vw, 58px);
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 18px;
}
.grp-port-hero__title span { color: #00b4d8; }
.grp-port-hero__sub {
    font-size: 17px;
    color: rgba(255,255,255,0.65);
    max-width: 660px;
    margin: 0 auto 50px;
    line-height: 1.75;
}
.grp-port-hero__stats {
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 36px;
    flex-wrap: wrap;
    gap: 0;
}
.grp-port-stat {
    flex: 1;
    min-width: 140px;
    text-align: center;
    padding: 0 24px;
    border-right: 1px solid rgba(255,255,255,0.1);
}
.grp-port-stat:last-child { border-right: none; }
.grp-port-stat__num {
    display: block;
    font-size: 32px;
    font-weight: 800;
    color: #00b4d8;
    line-height: 1.1;
}
.grp-port-stat__lbl {
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    letter-spacing: 0.5px;
    margin-top: 4px;
    display: block;
}

/* Filter */
.grp-port-filter-wrap {
    background: #f0f4fb;
    padding: 24px 0;
    border-bottom: 1px solid #dde5f0;
}
.grp-port-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}
.grp-port-filter__btn {
    background: #fff;
    border: 1px solid #cdd8ea;
    color: #4a6587;
    padding: 8px 20px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.22s ease;
    line-height: 1;
}
.grp-port-filter__btn:hover,
.grp-port-filter__btn.pf-active {
    background: #0d2b5c;
    border-color: #0d2b5c;
    color: #fff;
}

/* Grid */
.grp-port-grid-wrap {
    background: #f0f4fb;
    padding: 50px 0 80px;
}
.grp-port-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}
@media (max-width: 1100px) { .grp-port-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px)  { .grp-port-grid { grid-template-columns: 1fr; } }

.grp-port-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(0,0,0,0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.grp-port-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 34px rgba(0,0,0,0.13);
}
.grp-port-card.pf-hidden { display: none; }

/* Browser mockup */
.grp-port-browser { position: relative; }
.grp-port-browser__bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #1a2438;
    padding: 9px 14px;
}
.grp-port-browser__dots { display: flex; gap: 5px; flex-shrink: 0; }
.grp-port-browser__dots span {
    width: 10px; height: 10px;
    border-radius: 50%; display: block;
}
.grp-port-browser__dots span:nth-child(1) { background: #ff5f57; }
.grp-port-browser__dots span:nth-child(2) { background: #febc2e; }
.grp-port-browser__dots span:nth-child(3) { background: #28c840; }
.grp-port-browser__url {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 5px;
    padding: 3px 12px;
    font-size: 11px;
    color: rgba(255,255,255,0.45);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grp-port-browser__screen {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #dde5f0;
}
.grp-port-browser__screen img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.5s ease;
}
.grp-port-card:hover .grp-port-browser__screen img { transform: scale(1.04); }

.grp-port-overlay {
    position: absolute;
    inset: 0;
    background: rgba(8,18,36,0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.28s ease;
}
.grp-port-card:hover .grp-port-overlay { opacity: 1; }
.grp-port-overlay__btn {
    background: #00b4d8;
    color: #fff;
    padding: 10px 26px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: background 0.2s;
}
.grp-port-overlay__btn:hover { background: #0096b4; color: #fff; text-decoration: none; }
.grp-port-overlay__label {
    background: rgba(255,255,255,0.15);
    color: #fff;
    padding: 9px 22px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.25);
}

/* Card info */
.grp-port-card__info {
    padding: 13px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.grp-port-card__title {
    font-size: 14px;
    font-weight: 700;
    color: #0d2b5c;
    margin: 0;
    line-height: 1.3;
}
.grp-port-card__tag {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}
.pftag-ecommerce  { background: #e0f9f7; color: #0096b4; }
.pftag-corporate  { background: #e3eaf8; color: #1a56db; }
.pftag-education  { background: #ede9ff; color: #7c3aed; }
.pftag-healthcare { background: #ffe4e9; color: #e11d48; }
.pftag-hospitality{ background: #fff0e0; color: #d97706; }
.pftag-travel     { background: #e0f5ff; color: #0284c7; }
.pftag-auto       { background: #fff1f0; color: #c0392b; }
.pftag-logistics  { background: #e8f5e9; color: #2e7d32; }
.pftag-realestate { background: #fdf5e0; color: #92400e; }
.pftag-other      { background: #f1f5f9; color: #64748b; }

@media (max-width: 767px) {
    .grp-port-stat { min-width: 120px; padding: 0 12px; }
    .grp-port-stat__num { font-size: 26px; }
    .grp-port-hero {
        padding: 50px 0;
    }
}
/* ─── End Portfolio Premium Page ──────────────────────────────────── */

/* ─── Portfolio Mobile App Page ──────────────────────────────────── */
/* Phone mockup frame */
.grp-app-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
.grp-app-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(0,0,0,0.14);
}
.grp-app-card.pf-hidden { display: none; }

/* Phone frame wrapper */
.grp-app-phone-wrap {
    background: linear-gradient(135deg, #0a1628 0%, #0d2b5c 100%);
    padding: 28px 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    min-height: 260px;
    position: relative;
    overflow: hidden;
}
.grp-app-phone-wrap::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(0,180,216,0.18) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.grp-app-phone {
    width: 130px;
    flex-shrink: 0;
    background: #111;
    border-radius: 22px 22px 0 0;
    padding: 10px 8px 0;
    box-shadow: 0 -6px 30px rgba(0,0,0,0.4);
    position: relative;
    z-index: 1;
}
.grp-app-phone::before {
    content: '';
    display: block;
    width: 40px;
    height: 5px;
    background: #2a2a2a;
    border-radius: 3px;
    margin: 0 auto 7px;
}
.grp-app-phone__screen {
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    aspect-ratio: 9/16;
    background: #000;
}
.grp-app-phone__screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
    transition: transform 0.5s ease;
}
.grp-app-card:hover .grp-app-phone__screen img { transform: scale(1.05); }

/* Card body */
.grp-app-card__body {
    padding: 16px 16px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.grp-app-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.grp-app-card__title {
    font-size: 14px;
    font-weight: 700;
    color: #0d2b5c;
    margin: 0;
    line-height: 1.3;
}
.grp-app-card__sub {
    font-size: 11.5px;
    color: #6b7e99;
    margin: 0;
    line-height: 1.4;
}
.grp-app-card__tag {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}
/* Store buttons */
.grp-app-stores {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.grp-app-stores a img {
    height: 26px;
    width: auto;
    display: block;
    border-radius: 4px;
    transition: opacity 0.2s;
}
.grp-app-stores a:hover img { opacity: 0.8; }
.grp-app-casestudy {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #0d2b5c;
    text-decoration: none;
    border-bottom: 1px solid rgba(13,43,92,0.2);
    width: fit-content;
    transition: color 0.2s;
}
.grp-app-casestudy:hover { color: #00b4d8; border-color: #00b4d8; text-decoration: none; }

/* Category tag colours (reuse pftag- from websites) */
.pftag-enterprise  { background: #e3eaf8; color: #1a56db; }
.pftag-events      { background: #fff3e0; color: #d97706; }
.pftag-loyalty     { background: #fce7f3; color: #be185d; }
.pftag-utility     { background: #f1f5f9; color: #64748b; }
.pftag-govt        { background: #ecfdf5; color: #065f46; }
.pftag-fitness     { background: #f0fdf4; color: #16a34a; }
/* ─── End Portfolio Mobile App Page ──────────────────────────────── */

/* ─── Portfolio Design Gallery ───────────────────────────────────── */
.grp-design-grid-wrap {
    background: #f0f4fb;
    padding: 50px 0 80px;
}
.grp-design-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}
@media (max-width: 1100px) { .grp-design-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px)  { .grp-design-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px)  { .grp-design-grid { grid-template-columns: 1fr; } }

.grp-design-card {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    cursor: pointer;
    background: #e8edf5;
    aspect-ratio: 4/3;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.grp-design-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.16);
    transform: translateY(-4px);
}
.grp-design-card.pf-hidden { display: none; }

.grp-design-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.45s ease;
}
.grp-design-card:hover img { transform: scale(1.07); }

.grp-design-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(8,18,40,0.82) 0%, rgba(8,18,40,0.1) 55%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: flex-end;
    padding: 14px;
}
.grp-design-card:hover .grp-design-overlay { opacity: 1; }
.grp-design-overlay__name {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}
.grp-design-overlay__cat {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #00b4d8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 3px;
}
/* ─── End Portfolio Design Gallery ───────────────────────────────── */



/* ═══════════════════════════════════════════════════════════════════
   PRIVACY POLICY — Premium Theme
   ═══════════════════════════════════════════════════════════════════ */

.pp-section {
    background: #f5f7fc;
    padding: 70px 0 80px;
}

/* Intro card */
.pp-intro-card {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    background: #fff;
    border-radius: 16px;
    padding: 36px 40px;
    margin-bottom: 40px;
    border-left: 5px solid #D4AF37;
    box-shadow: 0 6px 28px rgba(26,26,26,0.08);
}
.pp-intro-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pp-intro-icon .fa {
    font-size: 26px;
    color: #fff;
}
.pp-intro-text h2 {
    font-size: 22px;
    font-weight: 800;
    color: #1A1A1A;
    margin-bottom: 12px;
}
.pp-intro-text p {
    font-size: 15px;
    color: #4a5e7a;
    line-height: 1.75;
    margin: 0;
}

/* Cards grid */
.pp-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 36px;
}
.pp-card {
    background: #fff;
    border-radius: 14px;
    padding: 30px 32px;
    box-shadow: 0 4px 18px rgba(26,26,26,0.07);
    border-top: 3px solid transparent;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.pp-card:hover {
    border-top-color: #D4AF37;
    box-shadow: 0 12px 36px rgba(26,26,26,0.13);
    transform: translateY(-4px);
}
.pp-card-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
.pp-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #e8f4fd, #c8e6f9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.3s ease;
}
.pp-card:hover .pp-card-icon {
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
}
.pp-card-icon .fa {
    font-size: 20px;
    color: #1A1A1A;
    transition: color 0.3s ease;
}
.pp-card:hover .pp-card-icon .fa { color: #fff; }
.pp-card-head h3 {
    font-size: 17px;
    font-weight: 700;
    color: #1A1A1A;
    margin: 0;
    line-height: 1.3;
}
.pp-card p {
    font-size: 14px;
    color: #4a5e7a;
    line-height: 1.75;
    margin-bottom: 14px;
}
.pp-card p:last-child { margin-bottom: 0; }
.pp-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}
.pp-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #4a5e7a;
    line-height: 1.6;
    padding: 6px 0;
    border-bottom: 1px solid #f0f4fb;
}
.pp-list li:last-child { border-bottom: none; }
.pp-list .fa-check-circle {
    color: #D4AF37;
    font-size: 15px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Acceptance banner */
.pp-accept-banner {
    display: flex;
    align-items: center;
    gap: 24px;
    background: linear-gradient(135deg, #1A1A1A 0%, #333333 100%);
    border-radius: 16px;
    padding: 32px 40px;
    box-shadow: 0 10px 36px rgba(26,26,26,0.20);
}
.pp-accept-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.20);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pp-accept-icon .fa {
    font-size: 26px;
    color: #fff;
}
.pp-accept-text {
    flex: 1;
}
.pp-accept-text h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}
.pp-accept-text p {
    font-size: 14px;
    color: rgba(255,255,255,0.72);
    line-height: 1.65;
    margin: 0;
}
.pp-accept-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #D4AF37;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 26px;
    border-radius: 50px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(3,169,244,0.40);
}
.pp-accept-btn:hover {
    background: #AA8C2C;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
    .pp-cards-grid { grid-template-columns: 1fr; }
    .pp-intro-card { flex-direction: column; gap: 18px; padding: 24px 20px; }
    .pp-accept-banner { flex-direction: column; text-align: center; padding: 28px 22px; gap: 18px; }
    .pp-card { padding: 24px 20px; }
}
/* ─── End Privacy Policy ──────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════
   TERMS & CONDITIONS — Premium Theme
   ═══════════════════════════════════════════════════════════════════ */

/* Quick nav pills */
.tc-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
}
.tc-nav-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1.5px solid #d8e4f5;
    color: #1A1A1A !important;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 30px;
    text-decoration: none !important;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(26,26,26,0.06);
}
.tc-nav-pill .fa { font-size: 12px; color: #D4AF37; }
.tc-nav-pill:hover {
    background: #1A1A1A;
    border-color: #1A1A1A;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(26,26,26,0.18);
}
.tc-nav-pill:hover .fa { color: #03d8f5; }

/* Sections wrapper */
.tc-sections {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 36px;
}

/* Individual section card */
.tc-section {
    background: #fff;
    border-radius: 16px;
    padding: 32px 36px;
    box-shadow: 0 4px 20px rgba(26,26,26,0.07);
    border-left: 4px solid #e4eaf5;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.tc-section:hover {
    border-left-color: #D4AF37;
    box-shadow: 0 10px 32px rgba(26,26,26,0.12);
}
.tc-section-head {
    display: grid;
    grid-template-columns: 52px 1fr;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eef2fb;
}
.tc-section-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e8f4fd, #c8e6f9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.3s ease;
}
.tc-section:hover .tc-section-icon {
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
}
.tc-section-icon .fa {
    font-size: 22px;
    color: #1A1A1A;
    transition: color 0.3s ease;
}
.tc-section:hover .tc-section-icon .fa { color: #fff; }
.tc-section-head > div { flex: 1; }
.tc-section-num {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #D4AF37;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.tc-section-head h2 {
    font-size: 19px;
    font-weight: 800;
    color: #1A1A1A;
    margin: 0;
    line-height: 1.2;
}

/* Items list */
.tc-items {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.tc-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f4fb;
}
.tc-item:last-child { border-bottom: none; padding-bottom: 0; }
.tc-item:first-child { padding-top: 0; }
.tc-item > .fa {
    font-size: 16px;
    color: #D4AF37;
    flex-shrink: 0;
    margin-top: 3px;
}
.tc-item p {
    font-size: 14px;
    color: #4a5e7a;
    line-height: 1.75;
    margin: 0;
}

.tc-section-half {
    margin: 0;
}

/* Responsive */
@media (max-width: 900px) {
    .tc-section-row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .tc-section { padding: 24px 20px; }
    .tc-section-head { gap: 14px; }
    .tc-section-head h2 { font-size: 16px; }
    .tc-nav-pill { font-size: 12px; padding: 7px 14px; }
    .pp-section { padding: 40px 0; }
}
/* ─── End Terms & Conditions ────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════
   REFUND POLICY — Premium Theme
   ═══════════════════════════════════════════════════════════════════ */

/* Overview tiles row */
.rp-overview {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}
.rp-overview-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1.5px solid #e4eaf5;
    border-radius: 14px;
    padding: 24px 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
    box-shadow: 0 4px 14px rgba(26,26,26,0.06);
    transition: all 0.25s ease;
}
.rp-overview-tile:hover {
    background: linear-gradient(135deg, #1A1A1A, #333333);
    border-color: transparent;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(26,26,26,0.20);
}
.rp-overview-tile .fa {
    font-size: 30px;
    color: #D4AF37;
    transition: color 0.25s ease;
}
.rp-overview-tile:hover .fa { color: #03d8f5; }

/* Nested liability box inside Section 2 */
.rp-liability-box {
    margin-top: 20px;
    background: #f8faff;
    border: 1.5px solid #e0eaf8;
    border-radius: 12px;
    padding: 22px 26px;
}
.rp-liability-head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 16px;
}
.rp-liability-head .fa {
    color: #e67e22;
    font-size: 16px;
}
.rp-liability-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.rp-liability-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: #4a5e7a;
    line-height: 1.7;
    padding: 10px 0;
    border-bottom: 1px solid #eaf0fb;
}
.rp-liability-list li:last-child { border-bottom: none; padding-bottom: 0; }
.rp-liability-list .fa-times-circle {
    color: #e74c3c;
    font-size: 14px;
    flex-shrink: 0;
    margin-top: 3px;
}

/* Responsive */
@media (max-width: 900px) {
    .rp-overview { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .rp-overview { grid-template-columns: repeat(2, 1fr); }
    .rp-liability-box { padding: 18px 16px; }
}
/* ─── End Refund Policy ─────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════
   ONLINE PROMOTION PAGE — Premium Theme
   ═══════════════════════════════════════════════════════════════════ */

/* ── Shared section scaffold ─────────────────────────────────────── */
.op-section { padding: 76px 0; }
.op-section-dark  { background: #12213d; }
.op-section-light { background: #f5f7fc; }
.op-process-section { background: #fff; }

.op-section-head {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 52px;
}
.op-section-title {
    font-size: 34px;
    font-weight: 800;
    color: #1A1A1A;
    margin: 10px 0 14px;
    line-height: 1.2;
}
.op-section-sub {
    font-size: 15px;
    color: #5a6a85;
    line-height: 1.7;
    margin: 0;
}
.op-text-white   { color: #fff !important; }
.op-text-white70 { color: rgba(255,255,255,0.72) !important; }

.op-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 30px;
    margin-bottom: 10px;
}
.op-tag-blue  { background: rgba(26,26,26,0.08);  color: #1A1A1A; }
.op-tag-light { background: rgba(255,255,255,0.14); color: #fff; border: 1px solid rgba(255,255,255,0.28); }

/* ── Intro section ───────────────────────────────────────────────── */
.op-intro-section {
    background: #fff;
    padding: 76px 0;
}
.op-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 60px;
    align-items: center;
}
.op-intro-img {
    position: relative;
    border-radius: 16px;
    overflow: visible;
}
.op-intro-img img {
    width: 100%;
    border-radius: 16px;
    display: block;
}
.op-intro-img-badge {
    position: absolute;
    bottom: -18px;
    left: 24px;
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(3,169,244,0.40);
    white-space: nowrap;
}
.op-intro-img-badge .fa { font-size: 16px; }

.op-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #D4AF37;
    margin-bottom: 10px;
}
.op-intro-content h2 {
    font-size: 32px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.25;
    margin-bottom: 18px;
}
.op-intro-content h2 span {
    background: linear-gradient(90deg, #D4AF37, #1A1A1A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.op-intro-content p {
    font-size: 15px;
    color: #4a5e7a;
    line-height: 1.75;
    margin-bottom: 14px;
}
.op-intro-highlights {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0 28px;
}
.op-intro-hi {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #2c3e6a;
    font-weight: 500;
}
.op-intro-hi .fa {
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    flex-shrink: 0;
}
.op-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 28px;
    border-radius: 50px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(3,169,244,0.35);
}
.op-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(3,169,244,0.45);
}

/* ── Goals / Plan cards ──────────────────────────────────────────── */
.op-goals-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.op-goal-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    padding: 36px 28px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.op-goal-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: rgba(3,216,245,0.4);
    transition: background 0.3s;
}
.op-goal-card:hover {
    background: rgba(255,255,255,0.11);
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.25);
}
.op-goal-card-accent { background: rgba(3,169,244,0.15); border-color: rgba(3,216,245,0.30); }
.op-goal-card-accent::before { background: #03d8f5; }
.op-goal-icon {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(3,169,244,0.20);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}
.op-goal-icon .fa { font-size: 28px; color: #03d8f5; }
.op-goal-num {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(3,216,245,0.70);
    text-transform: uppercase;
    margin-bottom: 8px;
}
.op-goal-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}
.op-goal-card p {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.7;
    margin: 0;
}

/* ── Tech cards ──────────────────────────────────────────────────── */
.op-tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.op-tech-card {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 14px;
    padding: 28px 26px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(26,26,26,0.06);
}
.op-tech-card:hover {
    transform: translateY(-5px);
    border-color: #D4AF37;
    box-shadow: 0 14px 36px rgba(26,26,26,0.13);
}
.op-tech-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e8f4fd, #c8e6f9);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: background 0.3s;
}
.op-tech-card:hover .op-tech-icon { background: linear-gradient(135deg, #D4AF37, #1A1A1A); }
.op-tech-icon .fa { font-size: 22px; color: #1A1A1A; transition: color 0.3s; }
.op-tech-card:hover .op-tech-icon .fa { color: #fff; }
.op-tech-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 8px;
}
.op-tech-card p {
    font-size: 13.5px;
    color: #5a6a85;
    line-height: 1.65;
    margin: 0;
}

/* ── Process steps ───────────────────────────────────────────────── */
.op-process-grid {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
}
.op-process-step {
    flex: 0 0 calc(14.28% - 20px);
    min-width: 110px;
    max-width: 150px;
    text-align: center;
    padding: 0 8px;
}
.op-step-num {
    font-size: 40px;
    font-weight: 900;
    color: #eef2fb;
    line-height: 1;
    margin-bottom: -8px;
}
.op-step-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    box-shadow: 0 6px 20px rgba(3,169,244,0.28);
}
.op-step-icon .fa { font-size: 24px; color: #fff; }
.op-process-step h4 {
    font-size: 13px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 6px;
}
.op-process-step p {
    font-size: 12px;
    color: #6a7a96;
    line-height: 1.55;
    margin: 0;
}
.op-process-connector {
    display: flex;
    align-items: center;
    padding-top: 42px;
    color: #c8d8ee;
    font-size: 20px;
}
.op-process-connector::before {
    content: '\f054';
    font-family: FontAwesome;
}

/* ── 360 section ─────────────────────────────────────────────────── */
.op-360-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 56px;
    align-items: start;
}
.op-360-content p {
    font-size: 15px;
    color: #4a5e7a;
    line-height: 1.78;
    margin-bottom: 16px;
}
.op-360-services {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
.op-service-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    border: 1.5px solid #d0e4f7;
    color: #1A1A1A;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 30px;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(26,26,26,0.06);
}
.op-service-pill .fa { color: #D4AF37; font-size: 12px; }
.op-service-pill:hover {
    background: #1A1A1A;
    border-color: #1A1A1A;
    color: #fff;
}
.op-service-pill:hover .fa { color: #03d8f5; }

.op-360-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.op-360-stat-card {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 14px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 4px 14px rgba(26,26,26,0.07);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.op-360-stat-card:hover {
    transform: translateY(-4px);
    border-color: #D4AF37;
    box-shadow: 0 12px 30px rgba(26,26,26,0.13);
}
.op-360-stat-card .fa {
    font-size: 28px;
    color: #D4AF37;
}
.op-360-num {
    font-size: 28px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1;
}
.op-360-lbl {
    font-size: 12px;
    color: #6a7a96;
    font-weight: 500;
    text-align: center;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .op-tech-grid  { grid-template-columns: repeat(2, 1fr); }
    .op-360-grid   { grid-template-columns: 1fr; gap: 36px; }
    .op-360-stats  { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
    .op-intro-grid { grid-template-columns: 1fr; gap: 48px; }
    .op-goals-grid { grid-template-columns: 1fr; }
    .op-process-grid { gap: 10px; }
    .op-process-step { min-width: 90px; flex: 0 0 calc(25% - 10px); }
    .op-process-connector { padding-top: 38px; }
}
@media (max-width: 768px) {
    .op-section, .op-intro-section { padding: 40px 0; }
    .op-section-title { font-size: 26px; }
    .op-tech-grid  { grid-template-columns: 1fr; }
    .op-360-stats  { grid-template-columns: repeat(2, 1fr); }
    .op-process-grid { flex-direction: column; align-items: center; gap: 16px; }
    .op-process-connector { display: none; }
    .op-process-step { max-width: 100%; flex: unset; width: 100%; }
    .op-intro-content h2 { font-size: 26px; }
    .op-goals-grid { grid-template-columns: 1fr; }
    .op-intro-img-badge { font-size: 12px; padding: 10px 16px; }
}
/* ─── End Online Promotion ───────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════
   TOLL FREE / IVR / BULK SMS PAGE — Feature Cards
   ═══════════════════════════════════════════════════════════════════ */

.tf-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.tf-feature-card {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 14px;
    padding: 26px 22px;
    text-align: center;
    box-shadow: 0 4px 14px rgba(26,26,26,0.06);
    transition: all 0.3s ease;
    border-top: 3px solid transparent;
}
.tf-feature-card:hover {
    transform: translateY(-5px);
    border-top-color: #D4AF37;
    box-shadow: 0 14px 36px rgba(26,26,26,0.13);
}
.tf-feature-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e8f4fd, #c8e6f9);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    transition: background 0.3s ease;
}
.tf-feature-card:hover .tf-feature-icon {
    background: linear-gradient(135deg, #D4AF37, #1A1A1A);
}
.tf-feature-icon .fa {
    font-size: 24px;
    color: #1A1A1A;
    transition: color 0.3s ease;
}
.tf-feature-card:hover .tf-feature-icon .fa { color: #fff; }
.tf-icon-white {
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
}
.tf-icon-white .fa { color: #03d8f5 !important; }
.tf-feature-card h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 8px;
    line-height: 1.3;
}
.tf-feature-card p {
    font-size: 13px;
    color: #5a6a85;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 1100px) {
    .tf-features-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .tf-features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .tf-features-grid { grid-template-columns: 1fr; }
}
/* ─── End Toll Free / IVR ────────────────────────────────────────── */

/* ===================================================
   BULK SMS PAGE — bs- prefix
   =================================================== */

/* ── Hero Form ── */
.bs-hero-form-wrap {
    margin-top: 36px;
    display: flex;
    justify-content: center;
}
.bs-hero-form {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50px;
    padding: 6px 6px 6px 20px;
    gap: 0;
    max-width: 560px;
    width: 100%;
    backdrop-filter: blur(6px);
}
.bs-hero-input {
    flex: 1;
    background: transparent;
    outline: none;
    color: #fff;
    font-size: 15px;
    padding: 8px 0;
    min-width: 0;
    margin-block-end: 0 !important;
    border: none !important;
}
.bs-hero-input:focus { outline: none !important;  border: none !important; box-shadow: none !important;}
.bs-hero-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
/* Remove number arrows */
.bs-hero-input::-webkit-inner-spin-button,
.bs-hero-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.bs-hero-btn {
    background: linear-gradient(135deg, #D4AF37, #03d8f5);
    color: #fff;
    border: none;
    border-radius: 40px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    white-space: nowrap;
}
.bs-hero-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(3, 169, 244, 0.45);
}

/* ── Pricing Section (Light Theme) ── */
.bs-pricing-section {
    padding: 80px 0 40px;
    background: #fff !important;
    position: relative;
    overflow: hidden;
}
.bs-pricing-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #D4AF37, #03d8f5, #D4AF37);
}
.bs-pricing-section .op-section-head .op-tag {
    background: #e8f6fe;
    color: #D4AF37;
    border: 1px solid #b3e5fc;
}
.bs-pricing-section .op-section-title {
    color: #1A1A1A;
}
.bs-pricing-section .op-section-sub {
    color: #5a6a85;
}

/* Tabs */
.bs-pricing-tabs-wrap {
    text-align: center;
}
.bs-pricing-tabs {
    display: inline-flex !important;
    border: none !important;
    background: #f0f6ff;
    border-radius: 50px;
    padding: 5px;
    gap: 0;
    width: auto !important;
    float: none !important;
    box-shadow: 0 2px 12px rgba(14, 43, 92, 0.08);
}
.bs-pricing-tabs > li {
    float: none !important;
}
.bs-pricing-tabs > li > a {
    border: none !important;
    border-radius: 40px !important;
    padding: 11px 30px !important;
    font-size: 14px;
    font-weight: 700;
    color: #5a6a85 !important;
    background: transparent !important;
    transition: background 0.25s, color 0.25s, box-shadow 0.25s;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
}
.bs-pricing-tabs > li.active > a,
.bs-pricing-tabs > li > a:hover {
    background: linear-gradient(135deg, #1A1A1A, #2C2C2C) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(14, 43, 92, 0.22) !important;
}

/* Grid */
.bs-pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 8px;
    align-items: start;
}

/* Cards */
.bs-price-card {
    background: #fff;
    border: 2px solid #e8f0fb;
    border-radius: 24px;
    padding: 36px 26px 30px;
    box-shadow: 0 2px 16px rgba(14, 43, 92, 0.06);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.bs-price-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 44px rgba(14, 43, 92, 0.12);
    border-color: #D4AF37;
}
.bs-price-card-popular {
    background: linear-gradient(155deg, #1A1A1A 0%, #2C2C2C 60%, #AA8C2C 100%);
    border-color: transparent;
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(14, 43, 92, 0.28);
}
.bs-price-card-popular:hover {
    transform: translateY(-14px);
    box-shadow: 0 28px 70px rgba(14, 43, 92, 0.35);
    border-color: transparent;
}
.bs-popular-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #D4AF37, #03d8f5);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    padding: 5px 18px;
    border-radius: 20px;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(3, 169, 244, 0.4);
}

/* Header */
.bs-price-header {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f4fb;
}
.bs-price-card-popular .bs-price-header {
    border-bottom-color: rgba(255,255,255,0.12);
}
.bs-sms-count {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #1A1A1A;
    line-height: 1.2;
    margin-bottom: 6px;
}
.bs-price-card-popular .bs-sms-count { color: #fff; }
.bs-sms-type {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #D4AF37;
    background: #e8f6fe;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 16px;
}
.bs-price-card-popular .bs-sms-type {
    color: rgba(255,255,255,0.9);
    background: rgba(255,255,255,0.12);
}
.bs-price-amount {
    display: flex;
    align-items: baseline;
    gap: 3px;
}
.bs-currency {
    font-size: 20px;
    font-weight: 700;
    color: #1A1A1A;
}
.bs-price-card-popular .bs-currency { color: #fff; }
.bs-price-num {
    font-size: 40px;
    font-weight: 900;
    color: #1A1A1A;
    line-height: 1;
    letter-spacing: -1px;
}
.bs-price-card-popular .bs-price-num { color: #fff; }

/* Features */
.bs-price-features {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    flex: 1;
}
.bs-price-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: #4a5a78;
    padding: 8px 0;
    border-bottom: 1px solid #f0f4fb;
}
.bs-price-features li:last-child { border-bottom: none; }
.bs-price-card-popular .bs-price-features li {
    color: rgba(255,255,255,0.8);
    border-bottom-color: rgba(255,255,255,0.1);
}
.bs-price-features li .fa {
    width: 20px;
    height: 20px;
    background: #e8f6fe;
    color: #D4AF37;
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.bs-price-card-popular .bs-price-features li .fa {
    background: rgba(255,255,255,0.15);
    color: #03d8f5;
}

/* Buttons */
.bs-price-btn {
    display: block;
    text-align: center;
    background: #f0f6ff;
    color: #1A1A1A !important;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 20px;
    border-radius: 40px;
    border: 2px solid #d0e4f7;
    text-decoration: none !important;
    transition: all 0.25s;
}
.bs-price-btn:hover {
    background: linear-gradient(135deg, #D4AF37, #03d8f5);
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 6px 20px rgba(3, 169, 244, 0.35);
    transform: translateY(-2px);
}
.bs-price-btn-light {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
}
.bs-price-btn-light:hover {
    background: #fff !important;
    color: #1A1A1A !important;
    border-color: #fff !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.2) !important;
}

/* ── SMS Types Row ── */
.bs-sms-types {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    margin-top: 48px;
}
.bs-sms-type-card {
    border-radius: 20px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.bs-sms-type-dark {
    background: linear-gradient(145deg, #1A1A1A, #12213d);
}
.bs-sms-type-teal {
    background: linear-gradient(145deg, #0a3a4a, #05616e);
}
.bs-sms-type-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-sms-type-icon .fa {
    font-size: 22px;
    color: #03d8f5;
}
.bs-sms-type-card h4 {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin: 0;
}
.bs-sms-type-card p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.75;
    margin: 0;
}

/* ── Benefits Section ── */
.bs-benefits-section {
    padding: 80px 0 70px;
}
.bs-benefits-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    margin-top: 48px;
}
.bs-benefit-card {
    background: #fff;
    border: 1px solid #e2eaf5;
    border-radius: 18px;
    padding: 28px 22px;
    box-shadow: 0 4px 20px rgba(14, 43, 92, 0.06);
    text-align: center;
    transition: transform 0.25s, box-shadow 0.25s;
}
.bs-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(14, 43, 92, 0.12);
}
.bs-benefit-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(3, 169, 244, 0.12), rgba(3, 216, 245, 0.12));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}
.bs-benefit-icon .fa {
    font-size: 22px;
    color: #D4AF37;
}
.bs-benefit-card h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 10px;
    line-height: 1.3;
}
.bs-benefit-card p {
    font-size: 13px;
    color: #5a6a85;
    line-height: 1.65;
    margin: 0;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    .bs-pricing-grid { grid-template-columns: repeat(2, 1fr); }
    .bs-benefits-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
    .bs-sms-types { grid-template-columns: 1fr; }
    .bs-benefits-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .bs-pricing-grid { grid-template-columns: 1fr; }
    .bs-pricing-tabs { flex-direction: column; border-radius: 16px !important; }
    .bs-hero-form { flex-direction: column; border-radius: 16px; padding: 16px; }
    .bs-hero-input { width: 100%; padding: 10px 0; }
    .bs-hero-btn { width: 100%; border-radius: 10px; padding: 12px; }
    .bs-benefits-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .bs-benefits-grid { grid-template-columns: 1fr; }
}

/* ─────────────────────────────────────────────────── Digital Marketing ────────────────────────────────────────────────────── */

/* Intro Section */
.dm-intro-section {
    padding: 60px 0;
    background: #f5f7fc !important;
}

/* Blog Grid */
.dm-blog-section {
    padding: 80px 0;
    background: #fff !important;
}

.dm-blog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 12px;
}

/* Blog Card */
.dm-blog-card {
    background: #fff;
    border: 1px solid #e8f0fb;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(14, 43, 92, 0.06);
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    display: flex;
    flex-direction: column;
}

.dm-blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 44px rgba(14, 43, 92, 0.12);
    border-color: #D4AF37;
}

/* Blog Image */
.dm-blog-img {
    position: relative;
    overflow: hidden;
    height: 240px;
}

.dm-blog-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.dm-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.dm-blog-card:hover .dm-blog-img img {
    transform: scale(1.08);
}

/* Blog Date Badge */
.dm-blog-date {
    position: absolute;
    top: 14px;
    right: 14px;
    background: linear-gradient(135deg, #D4AF37, #03d8f5);
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(3, 169, 244, 0.3);
}

.dm-blog-date span {
    display: block;
    font-size: 10px;
    font-weight: 600;
    margin-top: 3px;
    opacity: 0.95;
}

/* Blog Body */
.dm-blog-body {
    padding: 28px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Blog Title */
.dm-blog-title {
    font-size: 18px;
    font-weight: 700;
    color: #1A1A1A;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dm-blog-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.dm-blog-title a:hover {
    color: #D4AF37;
}

/* Blog Excerpt */
.dm-blog-excerpt {
    font-size: 13.5px;
    color: #5a6a85;
    line-height: 1.6;
    margin-bottom: 18px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Read More Link */
.dm-blog-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #D4AF37;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s;
}

.dm-blog-link:hover {
    color: #AA8C2C;
}

.dm-blog-link i {
    font-size: 11px;
    transition: transform 0.2s;
}

.dm-blog-card:hover .dm-blog-link i {
    transform: translateX(3px);
}

/* ─────────────────────────────────────────────────── Responsive ────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .dm-blog-grid { gap: 24px; }
}

@media (max-width: 900px) {
    .dm-blog-grid { grid-template-columns: 1fr; }
    .dm-blog-section { padding: 60px 0; }
    .dm-blog-body { padding: 24px; }
}

@media (max-width: 768px) {
    .dm-intro-section { padding: 48px 0; }
    .dm-blog-grid { gap: 20px; }
    .dm-blog-img { height: 200px; }
    .dm-blog-body { padding: 20px; }
    .dm-blog-title { font-size: 16px; }
}

@media (max-width: 480px) {
    .dm-blog-section { padding: 40px 0; }
    .dm-blog-grid { gap: 16px; }
    .dm-blog-img { height: 160px; }
    .dm-blog-body { padding: 16px; }
    .dm-blog-title { font-size: 15px; }
    .dm-blog-date { font-size: 11px; padding: 6px 10px; }
}

/* ─────── End Digital Marketing ─────── */



/* ───────────────────────────────────────────────────── Scroll Animations ────────────────────────────────────────────────────── */

/* Base animation setup */
.scroll-anim {
    opacity: 0;
    transition: opacity 0.7s ease, transform 0.7s ease;
}

/* Fade up animation */
.scroll-anim-up {
    transform: translateY(40px);
}

.scroll-anim-up.scroll-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Fade left animation */
.scroll-anim-left {
    transform: translateX(-40px);
}

.scroll-anim-left.scroll-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Fade right animation */
.scroll-anim-right {
    transform: translateX(40px);
}

.scroll-anim-right.scroll-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Scale up animation */
.scroll-anim-scale {
    transform: scale(0.9);
}

.scroll-anim-scale.scroll-visible {
    opacity: 1;
    transform: scale(1);
}

/* Fade only animation */
.scroll-anim-fade {
    transform: none;
}

.scroll-anim-fade.scroll-visible {
    opacity: 1;
}

/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
    .scroll-anim {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ─────── End Scroll Animations ─────── */

/* ───────────────────────────────────────────────────── Hiring Process ────────────────────────────────────────────────────── */

.hp-section {
    padding: 80px 0;
    background: linear-gradient(180deg, #d6eeff 0%, #e8f5ff 18%, #f4f9ff 42%, #fff 68%);
}

/* Header */
.hp-header {
    text-align: center;
    margin-bottom: 70px;
}

.hp-tag {
    display: inline-block;
    background: #e8f6fe;
    color: #AA8C2C;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.hp-title {
    font-size: 48px;
    font-weight: 900;
    color: #1A1A1A;
    margin-bottom: 16px;
    letter-spacing: -1px;
}

.hp-title span {
    color: #D4AF37;
}

.hp-desc {
    font-size: 16px;
    color: #5a6a85;
    max-width: 500px;
    margin: 0 auto;
    line-height: normal;
}

/* Steps Container */
.hp-steps-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.hp-steps-row-2 {
    margin-bottom: 0;
}

/* Step Item */
.hp-step-item {
    position: relative;
    flex: 1;
    min-width: 160px;
    max-width: 180px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.hp-step-item:hover {
    transform: translateY(-8px);
}

/* Step Badge (Number) */
.hp-step-badge {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #D4AF37, #F1C40F);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3);
    z-index: 10;
}

.hp-step-final .hp-step-badge {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}

/* Step Content */
.hp-step-content {
    background: #fff;
    border: 2px solid #e8f0fb;
    border-radius: 16px;
    padding: 30px 20px;
    margin-top: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(14, 43, 92, 0.06);
}

.hp-step-item:hover .hp-step-content {
    border-color: #D4AF37;
    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.15);
}

.hp-step-final .hp-step-content {
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border-color: #10b981;
}

.hp-step-final:hover .hp-step-content {
    border-color: #059669;
    box-shadow: 0 12px 32px rgba(16, 185, 129, 0.15);
}

/* Step Icon */
.hp-step-icon {
    font-size: 28px;
    color: #D4AF37;
    margin-bottom: 12px;
    display: block;
    transition: all 0.3s ease;
}

.hp-step-item:hover .hp-step-icon {
    color: #AA8C2C;
    transform: scale(1.15);
}

.hp-step-final .hp-step-icon {
    color: #10b981;
}

/* Step Title */
.hp-step-content h4 {
    font-size: 15px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 6px;
}

/* Step Description */
.hp-step-content p {
    font-size: 13px;
    color: #5a6a85;
    margin: 0;
    line-height: 1.5;
}

/* Arrow Between Steps */
.hp-step-arrow {
    font-size: 20px;
    color: #D4AF37;
    opacity: 0.5;
    transition: all 0.3s ease;
    flex: 0 0 auto;
}

.hp-step-arrow:hover {
    opacity: 1;
    color: #AA8C2C;
    transform: translateX(4px);
}

/* CTA */
.hp-cta {
    text-align: center;
}

.hp-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #D4AF37, #AA8C2C);
    color: #fff;
    font-family: 'Poppins', sans-serif !important;
    padding: 10px 24px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 24px rgba(212, 175, 55, 0.3);
}

.hp-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 36px rgba(212, 175, 55, 0.4);
    color: #fff;
}

.hp-btn-primary i {
    font-size: 11px;
    transition: transform 0.3s ease;
}

.hp-btn-primary:hover i {
    transform: translateX(4px);
}

/* ─────────────────────────────────────────────────── Responsive ────────────────────────────────────────────────────── */

@media (max-width: 1200px) {
    .hp-step-item {
        min-width: 150px;
        max-width: 160px;
    }

    .hp-steps-container {
        gap: 16px;
    }

    .hp-step-content {
        padding: 24px 16px;
    }
}

@media (max-width: 900px) {
    .hp-section {
        padding: 80px 0;
    }

    .hp-title {
        font-size: 36px;
    }

    .hp-step-item {
        min-width: 140px;
    }

    .hp-step-content {
        padding: 20px 14px;
    }

    .hp-step-icon {
        font-size: 24px;
    }

    .hp-step-content h4 {
        font-size: 14px;
    }

    .hp-step-arrow {
        display: none;
    }
}

@media (max-width: 768px) {
    .hp-section {
        padding: 60px 0;
    }

    .hp-header {
        margin-bottom: 50px;
    }

    .hp-title {
        font-size: 32px;
    }

    .hp-desc {
        font-size: 14px;
    }

    .hp-steps-container {
        gap: 12px;
        margin-bottom: 30px;
    }

    .hp-step-item {
        min-width: 130px;
        flex: 0 1 calc(50% - 6px);
    }

    .hp-step-content {
        padding: 18px 12px;
    }

    .hp-step-badge {
        width: 36px;
        height: 36px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .hp-section {
        padding: 50px 0;
    }

    .hp-header {
        margin-bottom: 40px;
    }

    .hp-title {
        font-size: 26px;
    }

    .hp-desc {
        font-size: 13px;
    }

    .hp-steps-container {
        gap: 10px;
        margin-bottom: 20px;
    }

    .hp-step-item {
        flex: 0 1 calc(33.33% - 7px);
        min-width: 100px;
    }

    .hp-step-content {
        padding: 16px 10px;
    }

    .hp-step-icon {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .hp-step-content h4 {
        font-size: 12px;
    }

    .hp-step-content p {
        font-size: 11px;
    }

    .hp-step-badge {
        width: 32px;
        height: 32px;
        font-size: 11px;
        top: -14px;
    }

    .hp-btn-primary {
        padding: 8px 18px;
        font-size: 12px;
    }
}

/* ─────── End Hiring Process ─────── */


/* ─── End Bulk SMS ────────────────────────────────────────────────── */
/* Custom adjust logo position */
.header_new .logo-brand, .header_new.sticky .logo-brand {
    margin-left: 20px !important;
}

/* Fix footer logo aspect ratio */
.grp-footer-brand .grp-footer-logo img { height: auto !important; }