.light-background,
:root {
    --surface-color: #ffffff
}

.dark-background,
:root {
    --contrast-color: #ffffff
}

a,
a:hover {
    text-decoration: none
}

.header,
body {
    color: var(--default-color);
    background-color: var(--background-color)
}

.blurb_her_bxo,
.blurb_her_bxo .blurb_her_img,
.ener_sec .blurb_boxs,
.hed_text h1,
.hero h1 {
    text-align: center
}

:root {
    --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "Montserrat", sans-serif;
    --nav-font: "Open Sans", sans-serif;
    --background-color: #ffffff;
    --default-color: #444444;
    --heading-color: #222222;
    --accent-color: #2B5AB4;
    --nav-color: #222222;
    --nav-hover-color: #106eea;
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: #222222;
    --nav-dropdown-hover-color: #106eea;
    scroll-behavior: smooth
}

.light-background {
    --background-color: #f5f9ff
}

.dark-background {
    --background-color: #060606;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --surface-color: #252525
}

body {
    font-family: var(--default-font)
}

a {
    color: var(--accent-color);
    transition: .3s
}

a:hover {
    color: color-mix(in srgb, var(--accent-color), transparent 25%)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-family: var(--heading-font)
}

section {
    position: relative;
}

.header {
    transition: .5s;
    z-index: 997
}
section.map_sec iframe {
    width: 100%;
}
.tab_sec .tab_hss span {
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    font-family: 'Montserrat';
}
.header .topbar {
    background-color: var(--accent-color);
    height: 40px;
    padding: 10px 0;
    font-size: 14px;
    transition: .5s
}
span.tab_hss span {
    color: #000;
    font-size: 20px;
}
.header .topbar .contact-info i {
    font-style: normal;
    color: var(--contrast-color)
}

.header .topbar .contact-info i a,
.header .topbar .contact-info i span {
    padding-left: 5px;
    color: var(--contrast-color)
}

.header .topbar .contact-info i span {
    border-right: 1px solid #fff
}

@media (max-width:575px) {

    .header .topbar .contact-info i a,
    .header .topbar .contact-info i span {
        font-size: 13px
    }
}

.header .topbar .contact-info i a {
    line-height: 0;
    transition: .3s
}

.header .topbar .contact-info i a:hover {
    color: var(--contrast-color);
    text-decoration: underline
}

.header .topbar .social-links a {
    color: color-mix(in srgb, var(--contrast-color), transparent 40%);
    line-height: 0;
    transition: .3s;
    margin-left: 20px
}

.header .topbar .social-links a:hover {
    color: var(--contrast-color)
}

.header .branding {
    background-color: var(--background-color);
    min-height: 60px;
    padding: 10px 0
}

.header .logo {
    line-height: 1
}

.header .logo img {
    max-height: 44px;
    margin-right: 8px;
    filter: invert(1)
}

.clientes_sec img,
.hero .img_img img {
    filter: grayscale(1)
}

.scrolled .header {
    box-shadow: 0 0 18px rgba(0, 0, 0, .1)
}

.scrolled .header .topbar {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
    color: var(--contrast-color);
    background: linear-gradient(to right, #145aba, #71a3e7);
    font-size: 14px;
    padding: 8px 25px;
    margin: 0 0 0 30px;
    border-radius: 50px;
    transition: .3s;
    position: relative;
    overflow: hidden
}

.btn-getstarted::after {
    content: '';
    width: 50px;
    position: absolute;
    background: linear-gradient(to right, rgba(64, 235, 241, 0) 0, rgba(255, 254, 253, 56%) 50%, rgba(255, 254, 253, 28%) 99%, rgba(64, 235, 241, 0) 100%);
    left: 0;
    top: 0;
    height: 100%;
    animation: 1s infinite mymove
}

@keyframes mymove {
    from {
        left: 0
    }

    to {
        left: 100px
    }
}

.call_fix_box {
    position: fixed;
    bottom: 40%;
    left: -88px;
    background: #060606;
    transform: translate(0, -50%);
    rotate: 90deg;
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 0 0px 0 0;
}
.call_fix_icon,
.hero {
    align-items: center;
    display: flex
}

.call_fix_icon {
    width: 40px;
    height: 40px;
    background: #fff;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    position: absolute;
    top: 0px;
    left: -20px;
    border: 2px solid;
}

.circle_inner,
.round_per {
    left: 0;
    clip: rect(0 1em 1em .5em)
}

.call_fix_icon i {
    color: #00649e;
    animation: 1s infinite wobble;
    rotate: -84deg
}

.call_fix_text h4 {
    margin-bottom: 0;
    color: #fff;
    font-size: 17px;
    padding-left: 22px;
    font-weight: 600;
    padding-right: 2px
}

@media (min-width:1200px) {
    .navmenu {
        padding: 0
    }

    .navmenu ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center
    }

    .navmenu li {
        position: relative
    }

    .navmenu a,
    .navmenu a:focus {
        color: var(--nav-color);
        padding: 7px 15px;
        font-size: 15px;
        font-family: var(--nav-font);
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: .3s
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
        transition: .3s
    }

    .navmenu li:last-child a {
        padding-right: 0
    }

    .navmenu .active,
    .navmenu .active:focus,
    .navmenu li:hover>a {
        color: var(--nav-hover-color)
    }

    .navmenu .dropdown ul {
        margin: 0;
        padding: 10px 0;
        background: var(--nav-dropdown-background-color);
        display: block;
        position: absolute;
        visibility: hidden;
        left: 14px;
        top: 130%;
        opacity: 0;
        transition: .3s;
        border-radius: 4px;
        z-index: 99;
        box-shadow: 0 0 30px rgba(0, 0, 0, .1)
    }

    .navmenu .dropdown ul li {
        min-width: 240px
    }

    .border_menu_col {
        border: 2px solid #2b5ab4;
        border-left: none;
        border-right: none
    }

    .navmenu .dropdown ul a {
        padding: 10px 20px;
        font-size: 15px;
        text-transform: none;
        color: var(--nav-dropdown-color)
    }

    .navmenu .dropdown ul a i {
        font-size: 12px
    }

    .navmenu .dropdown ul .active:hover,
    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul li:hover>a {
        color: var(--nav-dropdown-hover-color)
    }

    .navmenu .dropdown:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible
    }

    .navmenu .dropdown .dropdown ul {
        top: 0;
        left: -90%;
        visibility: hidden
    }

    .navmenu .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0;
        left: -100%;
        visibility: visible
    }
}

@media (max-width:1199px) {
    .mobile-nav-toggle {
        color: var(--nav-color);
        font-size: 28px;
        line-height: 0;
        margin-right: 10px;
        cursor: pointer;
        transition: color .3s
    }

    .navmenu {
        padding: 0;
        z-index: 9997
    }

    .navmenu ul {
        display: none;
        list-style: none;
        position: absolute;
        inset: 60px 20px 20px 20px;
        padding: 10px 0;
        margin: 0;
        border-radius: 6px;
        background-color: var(--nav-mobile-background-color);
        overflow-y: auto;
        transition: .3s;
        z-index: 9998;
        box-shadow: 0 0 30px rgba(0, 0, 0, .1)
    }

    .navmenu a,
    .navmenu a:focus {
        color: var(--nav-dropdown-color);
        padding: 10px 20px;
        font-family: var(--nav-font);
        font-size: 17px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: .3s
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: .3s;
        background-color: color-mix(in srgb, var(--accent-color), transparent 90%)
    }

    .navmenu a i:hover,
    .navmenu a:focus i:hover {
        background-color: var(--accent-color);
        color: var(--contrast-color)
    }

    .navmenu .active,
    .navmenu .active:focus,
    .navmenu a:hover {
        color: var(--nav-dropdown-hover-color)
    }

    .navmenu .active i,
    .navmenu .active:focus i {
        background-color: var(--accent-color);
        color: var(--contrast-color);
        transform: rotate(180deg)
    }

    .navmenu .dropdown ul {
        position: static;
        display: none;
        z-index: 99;
        padding: 10px 0;
        margin: 10px 20px;
        background-color: var(--nav-dropdown-background-color);
        border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
        box-shadow: none;
        transition: .5s ease-in-out
    }

    .navmenu .dropdown ul ul {
        background-color: rgba(33, 37, 41, .1)
    }

    .navmenu .dropdown>.dropdown-active {
        display: block;
        background-color: rgba(33, 37, 41, .03)
    }

    .mobile-nav-active {
        overflow: hidden
    }

    .mobile-nav-active .mobile-nav-toggle {
        color: #fff;
        position: absolute;
        font-size: 32px;
        top: 15px;
        right: 15px;
        margin-right: 0;
        z-index: 9999
    }

    .mobile-nav-active .navmenu {
        position: fixed;
        overflow: hidden;
        inset: 0;
        background: rgba(33, 37, 41, .8);
        transition: .3s
    }

    .mobile-nav-active .navmenu>ul {
        display: block
    }
}

.hero {
    width: 100%;
    min-height: 86vh;
    position: relative;
    padding: 60px 0 10px;
    background: url("../img/home-page-bg.webp") top left/contain
}

.btn-get-started,
.hero .row {
    align-items: center
}

.blurb_text_why .blurb_icon i,
.btn-get-started,
.btn-get-started:hover i {
    background: linear-gradient(270deg, #33b4ff 0, #00649e 100%) no-repeat padding-box
}

.hero h1 {
    font-weight: 700;
    font-size: 50px;
    padding-top: 70px
}

.hero h1 span {
    color: #00649e
}

.btn-get-started {
    color: #fff;
    border-radius: 50px;
    border: unset;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 2px 36px rgba(0, 0, 0, .06);
    font-size: 22px;
    font-weight: 500;
    position: relative;
    white-space: nowrap;
    transition: .8s;
    height: 55px;
    padding: 5px 60px 5px 25px;
    width: fit-content;
    cursor: pointer;
    font-family: var(--default-font);
}

.inder_Sec,
.ser_sec {
    background-repeat: no-repeat
}

.inder_Sec,
.indes_blurb,
.ser_sec {
    position: relative;
    background-size: cover
}

.btn-get-started i {
    background: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    transition: .5s;
    right: 10px;
    animation: 1s infinite wobble;
    color: #060606
}

@keyframes wobble {

    0%,
    100% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(-12%) rotate(-5deg)
    }

    30% {
        transform: translateX(10%) rotate(3deg)
    }

    45% {
        transform: translateX(-8%) rotate(-3deg)
    }

    60% {
        transform: translateX(6%) rotate(2deg)
    }

    75% {
        transform: translateX(-3%) rotate(-1deg)
    }
}
.hed_text h2 {
    font-size: 45px;
    font-weight: 600;
}
.btn-get-started:hover {
    background: #fff;
    padding: 5px 25px 5px 60px;
    color: #333;
}
.btn-get-started:hover i {
    right: calc(100% - 50px)
}

.hero .text_box h5 {
    font-size: 18px;
    font-weight: 700
}

.hero .img_img {
    width: 150px
}

.box_rox,
.clientes_sec .row,
.comp_sec .row,
.indes_blurb .text_box,
.patner_sec .row,
.ser_sec .row,
.why_secs .row {
    align-items: center;
    display: flex
}

.hero .exp_texr {
    margin-top: 20px;
    filter: drop-shadow(2px 4px 6px #ddd);
}
.hero .exp_texr h4 {
    font-size: 35px;
    color: #106eea;
    font-weight: 700
}

.hero .exp_texr p {
    font-size: 18px;
    font-weight: 500
}

.ser_sec {
    padding: 60px 0;
    overflow: hidden;
}
.hed_text h1 {
    font-weight: 700;
    font-size: 50px
}
.blurb_box:hover {
    transition: 0.2s ease-in-out;
    transform: scale3d(1.1, 1.1, 1.1);
    z-index: 2;
    position: relative;
}
.blurb_box {
    padding: 20px;
    background-color: #f8f8e7;
    border-radius: 20px;
    height: auto;
    position: relative;
    z-index: 1;
    transition: 0.2s ease-in-out;
}
.circle_inner,
.circle_percent,
.round_per {
    width: 1em;
    height: 1em
}

.blurb_box .blurb_icon img {
    width: 50px;
    margin-bottom: 8px;
    height: 50px
}

.blurb_box .blurb_text h3 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

.foter_menu ul,
.why_blurb_item .why_blurb_text p {
    margin-bottom: 0;
}

.blurb_btn a.btn-get-started {
    font-size: 14px;
    padding: 6px 34px 6px 16px;
    height: 35px
}

.blurb_btn .btn-get-started i {
    padding: 7px;
    right: 4px;
    height: 27px;
    width: 27px;
    animation: none
}

.fotsd ul,
.tab_sec .tab_text ul {
    padding-left: 0;
    list-style: none
}

.burb_1 {
    background-color: #ecf3fd
}

.burb_2 {
    background-color: #f5edee
}

.burb_3 {
    background-color: #fbf7ed
}

.burb_4 {
    background-color: #f7f1ff
}

.burb_5 {
    background-color: #f3e7f0
}

.burb_6 {
    background-color: #fff4ec
}

.burb_7 {
    background-color: #f9f3ff
}

.burb_8 {
    background-color: #effaff
}

.sec_img {
    padding: 22px 16px;
    margin-top: 44px;
    background: #ffffff70;
    border-radius: 12px;
    transform: scale3d(1.0, 1.0, 1.0);
}

#myVideo,
.why_blurb_item .why_blurb_text {
    width: 100%
}
.inder_Sec {
    padding: 5rem 0;
    background-color: #ffff;
    color: #fff;
    overflow: hidden;
}
.tab_sec2 {
    padding: 5rem 0;
}
.comp_pro_sec {
    padding: 5rem 0;
}

.inder_Sec .hed_text h1,
.inder_Sec .hed_text p {
    color: #222
}
.indes_blurb .indes_detai {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    text-align: end;
    padding: 10px 14px;
    top: 54px;
    background: #2b5ab4;
}
.indes_blurb {
    border-radius: 0px;
    border: 0px solid #fff;
    transition: .3s ease-in-out;
    overflow: hidden;
    padding: 54px 0;
    background-blend-mode: overlay;
    background-color: #212529d4;
/*    box-shadow: 1px 1px 53px #c0c0c0;*/
}
.indes_blurb.aos-init.aos-animate:before {
    content: '';
    position: absolute;
    background: linear-gradient(45deg, #ecf3fd 48%, #3c8fff 8%);
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 59px;
    z-index: 4;
    height: 57px;
}
.client_sec,
.why_sec {
    padding: 60px 0;
    position: relative
}

.indes_blurb .indes_icon {
    color: #00b0f5;
    font-size: 50px
}

.indes_icon img {
    width: 17%
}

.indes_blurb .indes_detai h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px
}

.indes_blurb .text_box {
    position: absolute;
    top: 0;
    transform: translate(0, -100%);
    margin: auto;
    background: linear-gradient(180deg, #3c8fff, #2b5ab4);
    border-radius: 0px;
    padding: 20px 9px;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    opacity: 0;
    color: #fff;
}

.indes_blurb:hover .text_box {
    opacity: 1;
    transform: translate(0, 0)
}
section {
    overflow: hidden;
}
.client_sec {
    background: #fff;
    background: radial-gradient(circle, #fff 31%, #091b6b5d 100%);
    overflow: hidden;
}
.client_sec .col-lg-2 {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 20%
}

.why_sec {
    background: #fff;
    background: radial-gradient(circle, #fff 31%, #091b6b5d 100%);
    background-size: cover !important;
    background-repeat: no-repeat
}

.why_sec h1 {
    text-align: left;
    color: #2b5ab4;
    font-size: 45px
}

.blurb_text_why {
    display: flex;
    gap: 10px
}

.blurb_text_why .blurb_icon i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 22px
}

.blurb_text_why .blurb_text h4, .patner_sec .text_bco h4 {
    font-weight: 700;
}

.circle_percent {
    font-size: 140px;
    position: relative;
    background: #ced8eb;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin: 0
}

.percent_more:after,
.round_per {
    top: 0;
    background: #2b5ab4;
    position: absolute
}

.circle_inner {
    position: absolute;
    top: 0
}

.round_per {
    transform: rotate(180deg);
    transition: 1.05s
}

.percent_more .circle_inner {
    clip: rect(0 .5em 1em 0)
}

.percent_more:after {
    left: .5em;
    right: 0;
    bottom: 0;
    content: ''
}

.circle_inbox {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #fff;
    z-index: 3;
    border-radius: 50%
}

.inner_banner,
footer {
    background-size: cover;
    background-repeat: no-repeat
}

.percent_text {
    position: absolute;
    font-size: 36px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.cont_sec,
.hed_text .col-4,
.patner_sec,
.tab_sec,
footer {
    position: relative
}

.tab_sec .text_sd {
    padding: 60px 0 0;
    background-color: #5780cd
}

.ico_tex,
.tab_sec .tab-content {
    background-color: #fff
}

.digil_blurb:hover .digil-text P,
.digil_blurb:hover .digil-text h4,
.tab_sec h1 {
    color: #fff
}

.tab_sec p {
    font-size: 18px
}

.tab_sec h5 {
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    color: #fff
}

.tab_sec .nav-link.active {
    background-color: transparent;
    border: none
}

.tabs_box .nav {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.tabs_box .nav .nav-item:hover {
    border: none !important
}

.ico_tex,
.tab_hss i {
    border-radius: 50%;
    display: flex
}

.ico_tex {
    padding: 10px;
    margin-top: 10px;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.bot_fots,
.cont_sec {
    width: 100%;
    overflow: hidden
}

.tab_hss i {
    font-size: 35px;
    height: 80px;
    width: 85px;
    align-items: center;
    justify-content: center;
    color: #000;
    border: 1px solid #cfcfcf
}

.tab_sec .tab_hss {
    display: grid;
    place-items: center
}

.tab_sec .nav-link {
    position: relative;
    top: 55px
}

.tab_sec .nav-link.active .ico_tex {
    background-color: transparent;
    box-shadow: none
}

.tab_sec .nav-link.active .tab_hss .ico_tex i {
    background: #1c1171;
    background: linear-gradient(149deg, #1c1171 18%, rgb(106 153 238) 87%);
    color: #fff;
    border: none
}
.tab_sec .tab_text h4 {
    font-size: 30px;
    font-weight: 600;
    color: #145aba;
    border-left: 6px solid #005db6;
    padding-left: 11px;
}
.tab_sec .tab_text ul li {
    padding: 3px 0;
    font-size: 17px
}

.tab_sec .tab_text ul li i {
    padding-right: 5px;
    color: #00649e
}

.tab_sec .nav-item,
.tab_sec .nav-link:hover {
    border: none
}

.patner_sec {
    padding-bottom: 60px
}

.patner_sec .text_bco {
    padding-bottom: 20px
}

.cont_sec .roe_dj .col-lg-6 {
    padding: 40px 5%
}

.cont_sec .roe_dj .hafe_1 {
    background-color: rgb(45 0 225 / 14%);
    padding-left: 5%
}

.cont_sec .roe_dj .hafe_1 .text_box h4 {
    font-size: 30px;
    font-weight: 600;
    color: #00b0f5
}

.cont_sec .roe_dj .hafe_1 .text_box p,
.inner_banner .text_box p {
    font-size: 17px
}

.cont_sec .roe_dj .hafe_2 {
    background-color: #5780cd
}

.cont_sec .gs_tgts h4 {
    color: #fff;
    font-weight: 600;
    font-size: 30px
}

.cont_sec .gs_tgts p {
    color: #fff;
    font-size: 16px
}

.hafe_1 .text_box p span {
    color: red
}
.resde_css .text_hed h2 span {
    color: #fc4e3a;
}
footer {
    padding: 60px 0 0;
    background-blend-mode: overlay;
    background: #221e3b;
    background-size: cover;
}
.fot_menu h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize
}

.fot_menu ul {
    list-style: none;
    padding: 0
}

.fot_menu ul li {
    padding: 3px 0;
    font-size: 16px;
    transition: .5s
}

.fot_menu ul li a {
    color: #fff;
    letter-spacing: .5px;
    transition: .5s
}

.comp_sec .text-box h2 span,
.fot_menu ul li:hover a,
.ineer_bud .text-box h2 span,
.why_secs .text-box h2 span {
    color: #00b0f5
}

.fot_menu p {
    color: #fff;
    font-size: 16px;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
    line-height: 1.5;
    gap: 17px;
}

.fotsd h5 {
    color: #fff;
    font-weight: 600
}

.fotsd ul {
    display: flex;
    gap: 15px;
    justify-content: center
}

.fotsd ul li {
    width: 40px;
    height: 40px;
    background: #1c1171;
    background: linear-gradient(149deg, #1c1171 18%, #896aee 87%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 5px
}

.fotsd ul li a {
    color: #fff;
    font-size: 20px
}

.bot_fots {
    padding: 10px 5%;
    border-top: 2px solid #fff
}

.bot_fots .bot_fot p {
    margin-bottom: 0;
    color: #fff
}

.foter_menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.foter_menu ul li a {
    color: #fff;
    letter-spacing: .5px
}

.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 58px;
    z-index: 995;
    background-color: #00b0f5;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: .4s;
}
.scroll-top i {
    font-size: 24px;
    color: #fff;
    line-height: 0
}

.scroll-top:hover {
    background-color: color-mix(in srgb, #00649e, transparent 20%);
    color: #fff
}

.scroll-top.active {
    visibility: visible;
    opacity: 1
}

.index-page.scrolled .topbar {
    padding: 0
}

.inner_banner {
    height: auto;
    background-position: center
}

.inner_banner .form_box {
    margin: 40px 0;
    padding: 40px;
    background: #fff;
    border-radius: 20px
}

.inner_banner .text_box h4 {
    font-size: 25px;
    font-weight: 700
}

.form_box .btn-get-started {
    height: 45px;
    padding: 5px 47px 5px 12px;
    font-size: 18px
}

.form_box .btn-get-started i {
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center
}

.form_box input,
.form_box textarea {
    border: 1px solid #000;
    color: #000
}

.clientes_sec {
    padding: 30px 0;
    background-color: #c3e0f1
}

.comp_sec,
.digil_sec,
.ener_sec,
.why_secs {
    padding: 60px 0;
    position: relative
}

.text_box h5 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    letter-spacing: .5px
}

.clientes_sec img {
    width: 140px !important
}

.clientes_sec .owl-dots {
    display: none
}

.clientes_sec img:hover {
    filter: grayscale(0)
}

.ener_sec h2 {
    font-size: 40px;
    font-weight: 700;
    color: #106eea
}

.ener_sec .blurb_boxs .blurb_text p,
.ener_sec .text_box p {
    font-size: 16px
}

.ener_sec .blurb_boxs {
    display: grid;
    place-content: center;
    align-content: stretch;
    justify-content: space-around;
    align-items: baseline;
    justify-items: center
}

.ener_sec .blurb_boxs .blurb_icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(270deg, #33b4ff 0, #00649e 100%) no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    border-radius: 10px
}

.ener_sec .blurb_boxs .blurb_icon i {
    color: #fff;
    font-size: 25px
}

.ener_sec .blurb_boxs .blurb_text h4 {
    font-size: 22px;
    font-weight: 600
}

.ener_sec .col-lg-3 {
    width: 20%
}

.ener_sec .container-lg.container-fliuid {
    width: 100%;
    max-width: 95%
}

.comp_sec {
    background-color: #c7e2f1
}

.comp_sec .text-box h5,
.why_secs .text-box h5 {
    font-size: 25px;
    font-size: 500;
    color: #00b0f5;
    font-family: Roboto
}

.comp_sec .text-box h2,
.digil_sec h2,
.why_secs .text-box h2 {
    font-size: 40px;
    font-weight: 700
}

.comp_sec .text-box h6 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px
}

.comp_sec .text-box h6 i,
.digil_sec .digil_blurb .digil_icon {
    align-items: center;
    background: linear-gradient(270deg, #33b4ff 0, #00649e 100%) no-repeat padding-box
}

.comp_sec .text-box h6 i {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    color: #fff;
    border-radius: 50%
}
section.digil_sec {
    background-size: cover;
}
.why_secs {
    background-size: cover;
}
.digil_sec .digil_blurb {
    padding: 40px;
    text-align: center;
    border: 1px solid #f1e3e3;
    border-radius: 10px;
    display: grid;
    justify-items: center;
    height: 334px;
}
.digil_sec .digil_blurb .digil_icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: .5s
}

.digil_sec .digil_blurb .digil_icon i {
    font-size: 30px;
    color: #fff;
    transition: .5s
}

.digil_sec .digil_blurb .digil-text h4 {
    font-weight: 600;
    transition: .5s
}

.digil_blurb {
    transition: .5s
}

.digil_blurb:hover {
    background: linear-gradient(270deg, #33b4ff 0, #00649e 100%) no-repeat padding-box
}

.digil_blurb:hover .digil_icon {
    background: #fff !important
}

.digil_blurb:hover .digil_icon i {
    color: #00649e !important
}

.why_secs {
    background-color: #b5cdfa
}

.blurb_her_bxo,
.why_blurb_item {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px
}

.why_blurb_item {
    display: flex;
    gap: 20px
}

.why_blurb_item .why_blurb_icon {
    width: 50px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #33b4ff 0, #00649e 100%) no-repeat padding-box;
    color: #fff;
    border-radius: 50%;
    font-size: 20px
}

.why_blurb_item .why_blurb_text h5 {
    font-weight: 600;
    font-family: Roboto
}

.ineer_bud .text-box h2 {
    font-size: 35px;
    font-weight: 700
}

.why_sec.ineer_bud {
    background: #bbdef1 !important
}

.blurb_her_img img {
    width: 80px;
    margin-bottom: 10px
}

.blurb_her_bxo .blurb_her_text h5 {
    font-size: 20px;
    font-weight: 600;
    font-family: Roboto
}

/* ------------- website mantains ------------------------*/

.inde_item.inner_banner .form_box {
    margin: 0px;
}

.inde_item.inner_banner {
    padding: 40px 0px;
    background: linear-gradient(270deg, #78a9e2 0, #627ea2 100%) no-repeat padding-box;
    background-size: cover;
}

.inde_item.inner_banner .text_hed h2 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
}
.inde_item.inner_banner .text_hed h5 {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    font-weight: 600;
}
.tabs_box3 .nav-link.active h5 {
    color: #0d6efd;
}
.tabs_box2 .nav-link.active h5 {
    color: #0d6efd;
}
.tabs_box .nav-link.active h5 {
    color: #000;
}
.min_sec {
    padding: 60px 0px;
    background-size: cover;
}
.text-heds h6 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto';
    color: #35418fa3;
}

.text-heds h1 {
    font-size: 34px;
    font-weight: 700;
    color: #093c98;
}

.text-heds h1 span {
    color: #106eea;
}

.blurb_text_min {
    background: linear-gradient(270deg, #33b4ff 0, #00649e 100%) no-repeat padding-box;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.blurb_text_min .min_icon {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.min_icon i {
    font-size: 25px;

}

.blurb_text_min .min_text {
    width: 80%;
}

.blurb_text_min .min_text h5 {
    font-size: 20px;
    font-family: 'Roboto';
    color: #fff;
}

.blurb_text_min .min_text p {
    color: #fff;
}

.every_about {
    padding: 40px 0px;
    background: linear-gradient(270deg, #0f70f0 0, #00649e 100%) no-repeat padding-box;
}

.every_about .text-heds h2 {
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0.5px;
}

.every_about .text-heds h2 span {
    color: #fff;
}

.every_about .text-heds p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.5px;
}

.every_blurb {
    border-radius: 10px;
}

.every_about .col-xl-2 {
    width: 20%;
}

.mantain_sec {
    padding: 60px 0px;
    background-size: cover;
}

.web_mat_page .blurb_box .blurb_icon {
    width: auto;
    height: auto;
}

.web_mat_page .blurb_box .blurb_icon img {
    width: 50px;
}

.web_mat_page .blurb_box .blurb_text h3 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}

.web_mat_page .blurb_box .blurb_text p {
    margin-bottom: 5px;
    border-top: 1px solid #a3a1a1;
    padding-top: 5px;
    color: #000;
}

.web_mat_page .blurb_box {
    height: auto;
}

.prose_sec {
    padding: 40px 0px;
    background: rgb(191, 175, 244);
    background: linear-gradient(149deg, rgba(191, 175, 244, 1) 0%, rgb(249 247 247) 36%, rgb(226, 226, 226) 75%, rgba(148, 136, 236, 1) 100%);
}

.prose_sec .blurb_stap_icon {
    position: relative;
}

.prose_sec .blurb_stap_icon i {
    font-size: 30px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: #00649e;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

.prose_sec .blurb_stap_icon h1 {
    font-size: 100px;
    font-weight: 700;
    color: transparent;
    text-shadow: 2px 2px 7px #e3ecf6, 0 0 #aab1b8;
    position: absolute;
    line-height: 1;
    top: -30px;
    left: 7% !important;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: linear-gradient(100deg, #e3ecf6 .51%, #e3ecf6 100%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 2;


}

.prose_sec .blurb_text h5 {
    font-size: 20px;
    font-weight: 600;
    font-family: Roboto;
}

.prose_sec .col-lg-2 {
    width: 20%;
}

.faq_sec .accordion-button.collapsed {
    border: 0px solid #f0f7fb;
    background: #fff;
}
section.faq_sec.pt-5.pb-5 {
    background: #f0f7fb;
}
.accordion-item {
    border: 1px solid #678b9f59 !important;
    margin-bottom: 12px;
    background: #ffffff;
    border-radius: 9px !important;
    position: relative;
    overflow: hidden !important;
}
.faq_sec .accordion-button.collapsed::after {
    display: block;
    BACKGROUND-IMAGE: NONE !important;
    content: "\f178";
    font-family: "Font Awesome 6 Free";
    background: #00649e;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}
.blurb_stap_box.text-center {
    padding: 29px 14px;
}
.faq_sec .accordion-button::after {
    display: none;
}

.faq_sec .accordion-button {
    font-size: 18px;
    font-weight: 600;
    border: none;
    font-family: var(--heading-font);
    background-color: #ffffff;
    border-radius: 10px 10px 0px 0px !important;
    box-shadow: none;
}

.faq_sec .accordion-body {
    background-color: #ffffff;
    border-radius: 0px 0px 10px 10px;
}

/* star */
.sat_blurb {
    padding: 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    /* clip-path: polygon(45% 47%, 100% 56%, 100% 100%, 55% 100%);
   background-color: #d9f2fc; */
}

.sat_blurb .sat_blurb_text h5 {
    padding-top: 10px;
    font-family: var(--default-font);
    color: #000;
}

.stat_web_dd {
    background-color: #2b5ab4;
    background: radial-gradient(circle, #0f2a5a 31%, #335697 100%)
}

.stat_web_dd h5 {
    font-family: var(--default-font);
    color: #fff;
}

.stat_web_dd h1 {
    color: #fff;
    font-size: 30px;
}

.stat_web_dd p {
    color: #fff;
    text-align: justify;
}

.stat_web_dd h4 {
    color: #fff;
}

.web_box {
    padding-top: 60px;
    background-color: #00649e;
}

.digi_pro .tab_box h5 {
    font-family: var(--default-font);
    font-size: 20px;
}

.digi_pro .container-xl {
    width: 100%;
    max-width: 95%;
}

.static_page_blurb {
    background: linear-gradient(270deg, #1a75aa 0, #00649e 100%) no-repeat padding-box;
    padding-top: 20px;
}

.static_page_blurb .static_blurb_icon {
    position: absolute;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #1a75aa 0, #00649e 100%) no-repeat padding-box;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    border: 5px solid #fff;
    top: -40px;
    left: -15px;
}

.static_page_blurb {
    padding: 32px 10px 32px;
    border-radius: 0px 0px 100px 100px;
}

.static_page_blurb h4 {
    font-size: 20px;
    font-family: var(--contrast-color);
    color: #fff;
}

.pros_blurb {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.pros_blurb .pros_blurb_img {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 50%;
}

.pros_blurb .pro_burb_text h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--default-font);
}

/* .pros_blurb::after{
    background-image: url(../img/arrow-moverie.png);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
} */
.pro_dde_sec .blurb_box {
    height: auto;
}

.pro_dde_sec .blurb_box .blurb_icon {
    width: 100%;
}

.pro_dde_sec .blurb_box .blurb_icon img {
    width: 60px;
}

.sta_faq_sec {
    background-color: #190e42;
}

.sta_faq_sec .accordion-item {
    background-color: #0000003f;
    margin-bottom: 18px;
    border: transparent !important;
}

.sta_faq_sec .accordion-item .accordion-header .accordion-button {
    background: transparent;
    font-size: 20px;
    font-family: var(--default-font);
    color: #fff;
}

.sta_faq_sec .accordion-item .accordion-body {
    color: #fff;
}

.static_page_blurb h5 {
    font-size: 20px;
    font-family: var(--default-font);
    position: absolute;
    top: -92px;
}

.inner_banner ul {
    list-style: none;
    padding-left: 0px;
}

.inner_banner ul li {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.text_hed ul li i {
    list-style: none;
    width: 30px;
    height: 30px;
    background: linear-gradient(270deg, #1a75aa 0, #00649e 100%) no-repeat padding-box;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    color: #fff;
}
.wo_sec {
    background-color: #eee;
}

.wo_box_blurb {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
}

.prose_sec .col-xl-2 {
    width: 20%;
}

.sta_faq_sec .collapsed.accordion-button::after {
    display: block;
    background-image: none;
    content: '\f059';
    font-family: "Font Awesome 6 Free";
    color: #fff;
    font-size: 20px;
}

.sta_faq_sec .accordion-button:after {
    display: none;
}

.why_coun_blurb {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.contact_form .form-control, .contact_form .form-select {
    box-shadow: 0px 1px 9px #ddd;
}
.why_coun_blurb .why_coun_icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00649e;
    color: #fff;
    border-radius: 50%;
}

.why_coun_blurb .why_coun_icon i {
    font-size: 20px;
}

.why_coun_blurb .why_coun_text {
    width: 80%;
}

.why_coun_blurb .why_coun_text h5 {
    font-family: var(--default-font);
}

/* sdd */
.textmon_box {
    background-color: #4d8fe4;
    border-radius: 10px;
    padding: 40px 20px;
}

.swiper {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
}

.testmon_img img {
    border-radius: 50%;
    overflow: hidden;
    width: 100px !important;
    height: 100px;
}

.textmon_box .textmon_text h4 {
    font-size: 18px;
    font-family: var(--default-font);
    margin-top: 10px !important;
    font-weight: 500;
    color: #fff;
}

.textmon_box .textmon_text p {
    color: #fff;
    font-size: 14px;
}

/* cont */
.form_box .form-control,
.form_box .form-select {
    padding: 15px 17px;
    border: 1px solid rgba(0, 102, 255, 0.1);
    color: #676767;
    font-size: 1rem;
}
.follow-us2 ul li:hover img {
    filter: invert(1);
}
.form_box label {
    font-size: 18px;
    font-weight: 600;
    color: #293043;
    font-family: var(--default-font);
}
.contact-info-item.style-two {
    display: flex;
    gap: 29px;
}
.contact-info-item.style-two .content .text {
    font-size: 14px;
    line-height: 1.4;
    display: block;
}
.contact-info-item.style-two .content .text img {
    width: auto;
    object-fit: contain;
}
.contact-info-item.style-two .icon {
    width: 61px;
    height: 61px;
    font-size: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f3f3;
    text-align: center;
    color: #2b5ab4;
}
.follow-us2 ul li {
    display: inline-block;
    width: 29%;
    text-align: center;
    box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.1);
    margin: 10px 21px 20px 0;
    padding: 20px 16px;
    vertical-align: top;
    min-height: 140px;
    background: #fff;
    height: 30vh;
}
.follow-us2 ul li .gcont p {
    font-size: 18px;
    color: #393167;
    font-weight: normal;
    margin-bottom: 0;
}
section.contact_pg {
    padding: 10% 0 !important;
}
.follow-us2 ul li .gcont h4 {
    font-size: 30px;
    color: #2b5ab4;
    font-weight: 600;
    font-family: 'Roboto';
}
.follow-us2 ul li:hover {
    background: #393167;
    transition: ease all 0.5s;
}
.follow-us2 ul li:hover .gcont h4 {
    color: #fff;
}
.follow-us2 ul li:hover .gcont p {
    color: #fff;
}
.contact-info-item.style-two .content {
    width: 77%;
}
.content a.text {
    display: inline-flex !important;
    padding: 0px 0;
    gap: 16px;
}
.content p {
    font-family: 'Montserrat';
}
.contact-info-item.style-two .content .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 19px;
    font-family: 'Montserrat';
    color: #000;
}
.abt_ro2 {
    padding-bottom: 54px;
    border-bottom: 1px solid #212529;
    margin-bottom: 61px;
}
.contact-info-item.style-two .content .text {
    font-size: 16px;
    line-height: 1.5;
}
.contact-info-item.style-two:nth-child(2) {
    background: #fef9ed;
}

.contact-info-item.style-two:nth-child(2) .icon {
    background: #ff8a00;
}

.contact-info-item.style-two:nth-child(3) {
    background: #effafe;
}

.contact-info-item.style-two:nth-child(3) .icon {
    background: #01c9f5;
}

.follow-us {
    padding-top: 22px;
    text-align: center;
    padding-bottom: 35px;
    border: 1px solid rgba(0, 102, 255, 0.1);
}

.follow-us h4 {
    font-size: 22px;
    margin-bottom: 22px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 102, 255, 0.1);
}

.social-style-two {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: -5px;
    margin-right: -5px;
}

.social-style-two a {
    margin: 10px 5px 0;
    width: 45px;
    height: 45px;
    background: white;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    color: #0066ff;
    -webkit-box-shadow: 10px 0 30px rgba(175, 175, 175, 0.3);
    box-shadow: 10px 0 30px rgba(175, 175, 175, 0.3);
}

.map_sec .row {
    margin: 0px;
}

.how_cc {
    background: radial-gradient(circle, #e1d9f0 31%, #d7dfee 100%)
}

.how_cc img {
    border-radius: 10px;
}

.land_sec .blurb_box {
    height: auto;
}

.prefiew_ladi {
    background-color: #eee;
}

.prefiew_ladi .layout_exam {
    padding: 0px 60px 0px 0px;
    position: relative;
    transition: 0.7s cubic-bezier(0.26, 0.76, 0.3, 0.75);
}

.layout_exam .mobile_img {
    position: absolute;
    right: 0px;
    bottom: 20px;
    z-index: 2;
    padding: 7px;
    padding-top: 16px;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
    border-radius: 10px;
    transition: opacity 0.6s ease 0.12s, transform 0.4s ease;
    width: 152px;
    height: auto;
    background: rgba(255, 255, 255, 0.4);
    border: 2px solid #FFFFFF;
    backdrop-filter: blur(7.5px);
}

.layout_exam .content h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
    letter-spacing: 0.2px;
    margin: 0;
    color: #192335;
    font-family: var(--default-font);
    padding: 10px 0px;
    background: #fff;
}

.prefiew_ladi .layout_exam:hover {
    transform: translateY(-6px);
}

.layout_exam .dexstop_img {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
}

.layout_exam:hover .mobile_img {
    transform: translateY(-5%);
}

.layout_exam::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    position: absolute;
    top: 13px;
    left: 30px;
    z-index: 1;
    color: rgba(0, 0, 0, 0.07);
    background-color: #F15252;
    box-shadow: 10px 0 0 #FACB34, 20px 0 0 #A7DF4B;
}

.container.box_boxs {
    background-color: #00649e;
    border-radius: 10px;
    overflow: hidden;
    margin: auto;
    left: 0px;
    right: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.box_boxs .text-heds {
    padding: 30px;
}

.box_boxs .col-lg-4 {
    padding: 0px;
}

.ser_inse_sec{
    background-color: #eee;
}
/* ess */
.mobile_ser{
    background-color: #eee;
}
.mobile_ser .icon_blurb .icon_box{
    width: 100%;
    height: 170px;
    /* border: 1px solid #646464; */
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
   margin-bottom: 10px;
   border: 1px solid #fff;
}
.mobile_ser .icon_blurb .blurb_text h6{
    font-size: 18px;
    font-family: var(--default-font);
}
.ser_bg_img{
    background-size: cover;
    background-repeat: no-repeat;
    height: 520px;
    position: relative;
    border-radius: 18px;
}
.ser_bg_img .bg_text {
    background-color: #ffffffa3;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    bottom: 0px;
    margin: 20px;
}
.ser_bg_img .bg_text p{
    text-align: justify;
    color: #000;
}
.mobile_ser .icon_blurb:hover .icon_box{
  border:1px solid #00649e;
}
.mobile_ser .nav.nav-pills{
    display: flex;
}
.mobile_ser .nav-item{
   width: 32% !important;
}

.mobile_ser .nav-item .nav-link{ 
    background-color: transparent !important;
} 
.img_box img {
    width: 100%;
}

.resde_css .text_hed h5 {
    color: #062747 !important;
}
.resde_css .text_hed h2 {
    color: #000 !important;
}
.inner_banner .row {
    align-items: center;
}

.container-lg.container-fliuid {
    max-width: 90%;
}

.mq {
    animation:mq 50s linear infinite ;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    gap: 40px;
    min-width: 200%;
}
.mq {
    gap: 10px;
}
section.move {
    overflow-x: hidden;
}
@keyframes mq{
    0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}





.mq li {
    white-space: nowrap;
}
section.move {
    padding: 44px 11px;
}
.marw .mqrtl {
    animation: 50s linear infinite mqrtl;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 40px;
    min-width: 200%;
}
.marw .mqrtl {
    gap: 10px;
}
@keyframes mqrtl{
    0% {
    transform: translateX(-50%);
}
100% {
    transform: translateX(0);
}
}

.marw ul li {
    color: #555555;
    font-size: 35px;
    font-weight: 700;
    text-transform: none;
    line-height: 1em;
    border: 1px dashed #fff;
    padding: 9px 30px;
}
.text-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 380px;
    line-height: 85%;
    font-weight: 600;
    color: #151515;
    letter-spacing: -.06em;
    padding-right: 10px;
}

@supports (-webkit-background-clip: text) {
    .text-img {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(transparent, transparent);
        background: -o-linear-gradient(transparent, transparent);
        background: linear-gradient(-62deg, #4e4b8f, #756aee);
        -webkit-background-clip: text;
    }
}    

.counter-amy-number .symbol {
    font-size: 70px;
    letter-spacing: 0;
    margin-left: -8px;
}
.counter-amy-number > * {
    display: inline-block;
}
.counter-amy-number {
    font-size: -webkit-xxx-large;
    line-height: 0.8;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
}.counter-amy-number {
    font-size: 110px;
    line-height: 0.8;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.marw {
    position: relative;
    overflow: hidden;
    padding: 1px 0 1px 0;
}
.counter-amy {
    text-align: center;
    padding: 30px 10px;
}

.soft_deve {
    align-items: center;
}
.hero1 .exp_texr h4 {
    font-size: 67px;
    color: #333;
    font-weight: 600;
    font-family: 'Montserrat';
    letter-spacing: 2px;
}
.hero1 .exp_texr p {
    font-size: 18px;
    font-weight: 500;
}

.hero1 .col-md-6.col-12:nth-child(1) {
    border-top: none;
}
.hero1 .col-md-6.col-12 {
    padding: 6px 24px;
    border-top: 1px solid #e1e1e1;
}

.hero1 .ccol-md-6.col-12:nth-child(even) {
    border-left: 1px solid #e1e1e1;
}
.hero1 .col-md-6.col-12:nth-child(2) {
    border-top: none;
}

.hero1 .col-md-6.col-12:nth-child(even) {
    border-left: 1px solid #e1e1e1;
}


.inner_banner .text_hed p {
    color: #fff;
}


.section-pricing__box {
    background: #f3f8fa;
    padding-bottom: 55px;
    border-radius: 0 0 10px 10px;
    transition: .3s;
}
.section-pricing__box-hover {
    background: #453c9e;
    border-radius: 10px 10px 0 0;
    padding: 31px 60px;
    transition: .3s;
}
.section-pricing__box-hover.active {
    background: #180d5b;
}
.tc {
    text-align: center;
}
.section-pricing__box-title {
    font-family: Baloo, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-pricing__box-icon {
    font-family: Muli,sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
}
.section-pricing__box-price {
    font-family: Muli,sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 52px;
    line-height: 1.2;
}
.section-pricing__box-nav {
    width: 100%;
    padding: 0 47px;
    margin-top: 42px;
    text-align: left;
}
ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.section-pricing__box-nav li {
    padding: 0 0 0 43px;
    position: relative;
    font-family: Muli, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #3a3a3a;
    font-size: 18px;
    line-height: 1.6;
}
.section-pricing__box-nav li:not(:last-child) {
    margin-bottom: 10px;
}
.section-pricing__box-nav li:before {
    position: absolute;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    font: 22px / 1 FontAwesome;
    color: #453c9e;
    content: "\f00c";
}
    .section-pricing__box-btn {
        margin-top: 30px;
    }
.btn--preset-1 {
    color: #fff;
    background: #453c9e;
    border-color: #453c9e;
}
.btn-md {
    font-size: 15px;
    padding: 15.5px 10px;
    min-width: 180px;
}
.text-seo {
    padding-bottom: 34px;
    padding-top: 11px;
}
.section-pricing__box:hover .section-pricing__box-hover {
    background: #8a81ec;
}
.btn {
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
    transition: .3s;
    cursor: pointer;
    border-radius: 30px;
    font-family: Baloo, sans-serif;
    font-style: normal;
    font-weight: 400;
    z-index: 1;
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
}

/* soft ware page  */
.partnership-models .card .color-stip-2 {
    background-color: #4842A8;
}
.partnership-models .card:hover:before {
    bottom: -20px;
    left: 10px;
}
.partnership-models .card:hover {
    transition: all .5s;
}
.justify-content-center.card.d-flex.flex-column.mx-0.mx-xxl-4.overflow-hidden.position-relative.z-0 {
    padding: 45px;
    height: 450px;
    background-color: #fff;
    margin-bottom: 24px;
    border-radius: 0;
}
.justify-content-center.card:hover h3.mb-3.font-w-300.title-h5 {
    color: #fff;
    transition: 0.5s;
}
.z-0 {
    z-index: 0 ;
}
.justify-content-center.card:hover p.desc.mb-5 {
    color: #fff;
    transition: 0.5s;
}
.justify-content-center.card:hover span.bottom-line {
    border: 1px solid #fff;
}
.mx-0 {
    margin-right: 0;
    margin-left: 0 ;
}
.justify-content-center {
    justify-content: center;
}
.flex-column {
    flex-direction: column;
}
.position-relative {
    position: relative;
}
.d-flex {
    display: flex !important;
    border: none;
}
.hos{
    justify-content: center;
}
.overflow-hidden {
    overflow: hidden ;
}
.justify-content-center.card.d-flex.flex-column.mx-0.mx-xxl-4.overflow-hidden.position-relative.z-0 a.bottom-0 :before {
    background-image: url(assests/img/dots-pattern.svg);
    width: 172px;
    height: 98px;
    bottom: -43px;
    left: 10px;
}
.partnership-models .card .color-stip-1 {
    background-color: #EFFFAD;
}
.partnership-models .card .color-stip-1{
    width: 260px;
    height: 6px;
}
.end-0.position-absolute.top-0.color-stip-2 {
    width: 260px;
    height: 6px;
}
.end-0.position-absolute.top-0.color-stip-3{
    width: 260px;
    height: 6px;
}
.end-0.position-absolute.top-0.color-stip-1 {
    background-color: #EFFFAD;
    width: 77%;
    height: 5px;
}
.end-0.position-absolute.top-0.color-stip-2 {
    background-color: #4842A8;
}
.end-0.position-absolute.top-0.color-stip-3 {
    background-color: #FF818D;
}
.end-0 {
    right: 0;
}
.top-0 {
    top: 0 ;
}

span.bottom-line {
    width: 50px;
    display: inline-block;
    border: 1px solid #191919;
    margin-bottom: 20px;
}
.my-2 {
    margin-top: .5rem ;
    margin-bottom: .5rem;
}
span.bottom-line.bottom-line-big {
    width: 100px;
}
.desc {
    font-size: 16px;
    line-height: 32px;
    color: #191919;
}
.partnership-models a {
    color: #4842A8;
}
.justify-content-center.card.d-flex.flex-column.mx-0.mx-xxl-4.overflow-hidden.position-relative.z-0 .card .color-stip-1 {
    background-color: #EFFFAD;
}

a.bottom-0 {
    padding: 27px;
    right: 0;
    text-align: center;
    float: right;
    position: absolute;
    bottom: 0px !important;
}
.justify-content-center.card:hover:after {
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.justify-content-center.card:after {
    background-color: #4842A8;
    width: 77px;
    height: 77px;
    bottom: 0px;
    right: 0;
    z-index: -1;
    content: '';
    position: absolute;
    transition: all .5s;
}

section.new {
    padding: 60px 0;
    background-size: cover;
}
.soft {
    text-align: center;
    padding: 0px 0 31px;
}

.a-solution-types .a-st-item-link {
    align-items: center;
    background: #fff;
    box-shadow: 2px 2px 14px 0 #00000014;
    display: flex;
    font-weight: 700;
    height: 100px;
    justify-content: center;
    padding: 16px;
    position: relative;
    text-align: center;
    transition: all .24s ease;
}
.a-solution-types a.a-st-item-link:after {
    bottom: 10px;
    color: #005eb8;
    content: "\f061";
    display: block;
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    transform: rotate(45deg);
    transition: all .24s ease;
}
.home-page .prose-lg, .home-page .text-size-lg {
        font-size: 18px;
    }

 .a-st-items.grid .step-up {
    display: inline-block;
    width: 24%;
    margin: 14px 4px;
}
.a-st-items.grid {
    display: inline-block;
}   

.text-heds h2 {
    font-size: 33px;
    font-weight: 700;
    color: #16416d;
}
.a-solution-types a.a-st-item-link:hover {
    box-shadow: 2px 2px 24px 0 #0000002e;
}
.a-solution-types a.a-st-item-link:hover:after {
    transform: rotate(0);
}

/*res*/

.web_portfolio img {
    width: 100%;
}
 .red_mark li img {
    width: 100%;
    box-shadow: 1px 1px 28px #ddd;
}

.red_mark {
    animation: mq 50s linear infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    min-width: 200%;
}

@keyframes red_mark{
    0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
ul.newmarh li img {
    width: 100%;
    box-shadow: 1px 1px 28px #ddd;

}

ul.newmarh li {
    width: 735px;
    padding: 15px 1px;
    border: none;
}
ul.mqrtl.newmarh {
    display: inline-flex;
}
.red_mark li {
    width: 350px;
}
.redesign_hor {
    position: relative;
    overflow-x: hidden;
}

/* new section */
.s-cms-platforms {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(65,181,255,.37)),color-stop(68.46%,rgba(65,181,255,0))),#fff;
    background: linear-gradient(180deg,rgba(65,181,255,.37) 0,rgba(65,181,255,0) 68.46%),#fff;
    overflow: hidden;
}
    .s-cms-platforms .l-dcbl .c-block__content {
        max-width: 50%;
        padding: var(--c-block-padding, 30px);
    }
    .s-cms-platforms .main .c-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.l-dcbl .c-block__inner {
    width: 100%;
}
.c-heading__title {
    position: relative;
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
    line-height: inherit;
    margin: 0;
    z-index: 1;
    color: var(--titles-color);
}

.s-cms-platforms .cms-platform.wordpress::before {
    background: -webkit-gradient(linear, right top, left top, from(#3b7bce), color-stop(87.41%, #a1caff));
    background: linear-gradient(270deg, #3b7bce 0, #a1caff 87.41%);
}
.s-cms-platforms .cms-platform::before {
    content: "";
    inset: 0 auto 0 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    z-index: 0;
}
.s-cms-platforms .cms-platform.wordpress {
    border-color: #3b7bce;
}
.s-cms-platforms .cms-platform:first-child {
    padding-top: 70px;
}
.l-dcbl .c-block__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    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;
}
.s-cms-platforms .cms-platform {
    border-left: 7px solid;
    padding: 50px 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    position: relative;
}
.l-dcbl .c-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 30px;
}
.s-cms-platforms .cms-platform .c-image {
    min-width: 32px;
}
.s-cms-platforms .cms-platform>* {
    position: relative;
    z-index: 2;
}
.c-block .c-image {
    width: 100%;
}
    .s-cms-platforms .cms-platform:hover::before {
        opacity: 1;
        width: 55vw;
    }

.s-cms-platforms .cms-platform:hover .c-block__btn {
    max-height: 100px;
    opacity: 1;
}  
.s-cms-platforms .cms-platform .c-block__btn {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.-glow.gform_button .c-btn__ico, .-glow.wpcf7-submit .c-btn__ico, .c-btn.-glow .c-btn__ico {
    max-width: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.s-cms-platforms .cms-platform.shopify {
    border-color: #95bf47;
}

.s-cms-platforms .cms-platform.shopify::before {
    background: -webkit-gradient(linear, right top, left top, from(#95bf47), color-stop(87.41%, #dbff8d));
    background: linear-gradient(270deg, #95bf47 0, #dbff8d 87.41%);
}

.s-cms-platforms .cms-platform:hover::before {
    opacity: 1;
    width: 55vw;
}
.s-cms-platforms .cms-platform.magento {
    border-color: #f26322;
}
.s-cms-platforms .cms-platform.magento::before {
    background: -webkit-gradient(linear, right top, left top, from(#f26322), color-stop(87.41%, #ffb593));
    background: linear-gradient(270deg, #f26322 0, #ffb593 87.41%);
}
.s-cms-platforms .cms-platform::before {
    content: "";
    inset: 0 auto 0 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    z-index: 0;
}
    .s-cms-platforms .cms-platform:hover::before {
        opacity: 1;
        width: 55vw;
    }

.c-block .c-image img.c-image__src {
    width: 100%;
    height: auto;
}
.c-heading__title {
    position: relative;
    font-size: xxx-large;
    font-weight: 700;
    line-height: 1.1em;
    margin: 0;
    color: #003257;
}
.c-heading.-h3 .c-heading__title {
    font-size: x-large;
}
.c-block__col.c-block__content.main .c-image {
    position: relative;
    top: 278px !important;
}    

div#myTabContent {
    padding-top: 58px;
}
.bar.intermediate::before {
    width: calc(60% - 10px);
}
.bar.back::before {
    background-color: #fd7e14;
}
.bar::before {
    content: attr(data-skill);
    background-color: #fd7e14;
    display: inline-block;
    padding: 5px 0 5px 10px;
    border-radius: inherit;
    animation: load 2s 0s;
    -webkit-animation: load 2s 0s;
    -moz-animation: load 2s 0s;
    -o-animation: load 2s 0s;
}
.bar.basic::before {
    width: calc(40% - 10px);
}
.bar.advanced::before {
    width: calc(80% - 10px);
}
.bar.expert::before {
    width: calc(100% - 10px);
}
.bar {
    padding: 0px;
    border-radius: 15px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #ffffff;
    background: #ffffff12;
    transition: all 0.3s ease-in-out;
    border: 1px solid #000000;
}
.ps-lg-5 {
    padding-left: 3rem !important;
}


.ps-lg-5 img {
    border-radius: 19px;
}
.img-overlay-left {
    content: '';
    position: absolute;
    width: 250px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    height: 250px;
    background: #000;
    color: #fff;
    top: 236px;
    z-index: 2;
    border: 5px dashed #000;
    padding: 30px;
    border-radius: 50%;
    left: 79px;
    text-align: center;
}
.highlight_text h3 {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 20px;
    color: #fff;
}
.highlight_text h3 span {
    font-weight: 700;
    font-size: 94px;
    margin-bottom: 0;
    width: 100%;
    display: block;
}

.mobile_app {
    padding-top: 67px;
}
.mobile_app p {
    color: #fff;
}
.hlth-tech-skills {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}
.hlth-tab-content.frontend {
    display: flex;
}
.hlth-tech-skill {
    text-align: center;
}
.hlth-tech-skill img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 10px;
    background: #fff;
    border-radius: 8px;
}
.hlth-tech-section:first-child {
    padding: 1.4rem 3rem 1.6rem 0;
}
.hlth-tech-section {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.hlth-tech-skill p {
    font-size: 1rem;
    color: #333;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
}
.hlth-tech-section h3 {
    margin-bottom: 2.6rem;
    font-size: 20px;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #333;
    letter-spacing: normal;
}
.hlth-tech-section+ .hlth-tech-section {
    padding: 1.4rem 0 1.6rem 3rem;
    border-left: 1px solid rgba(204, 204, 204, .33);
}
.new_mobiletab button {
    padding: 0 86px;
    border: none !important;
    background: transparent !important;
    position: relative;
}
.new_mobiletab button:before {
    content: '';
    background: #fde1fd;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    border-radius: 10px;
    height: 4px;
}
.new_mobiletab button.active::after {
    opacity: 1;
}
.new_mobiletab button::after {
    background: transparent linear-gradient(91deg, #5f48d8 0%, #e54771 100%) 0% 0% no-repeat padding-box;
    opacity: 0;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    border-radius: 10px;
    height: 4px;
}
.row2 {
    padding: 3% 0;
}
.item2 {
    width: 62%;
    filter: sepia(1);
}

.exp_texr2 h4 {
    color: #fff;
    font-weight: 700;
    font-size: xx-large;
    border-left: 3px solid #ff493f;
    padding-left: 13px;
}
.exp_texr2 p {
    color: #fff;
    padding-left: 15px;
}
.text-heds.icon_box img {
    width: 100%;
}

.new_slider .item img {
    border-radius: 17px;
    box-shadow: 2px 2px 8px #333;
}
.new_slider .item {
    width: 73%;
    padding: 7% 0;
}
img {
    width: 100%;
}

.pros_blurb_img img {
    width: auto;
}
.every_icon img {
    width: auto;
}
img.w-60 {
    width: auto;
}
.fot_img img {
    width: auto;
}
.sat_blurb_img img {
    width: auto;
}
.portfolio h1 {
    color: #fff;
}
.portfolio h4 {
    color: #fff;
}

.box_wrap {
    position: relative;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box_wrap {
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    padding: 20px;
}
.box_wrap:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 0px;
    background: #5856CD;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box_wrap:hover:before {
    height: 30px;
}

.box_wrap:hover .icon {
    box-shadow: none;
    background: #5856CD;
}
.box_wrap .icon {
    background-color: #fff;
    position: static;
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    box-shadow: -3px 11px 32px rgba(0, 0, 0, 0.08);
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box_wrap:hover {
    box-shadow: 1px 3px 5px 0 rgba(173, 173, 173, 0.19), 0 15px 25px rgba(212, 212, 212, 0.13);
    transform: translateY(-10px) !important;
    background: #fff;
}
.box_wrap .line {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
}
.box_wrap .line:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 0px;
    background: #5856CD;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box_wrap .line:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    background: #5856CD;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box_wrap:hover .icon i {
    color: #fff;
}
.box_wrap:hover:after {
    width: 30px;
}
.box_wrap .icon i {
    font-size: 30px;
    line-height: 110px;
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: 'FontAwesome';
}
.box_wrap .i {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.box_wrap h5 {
    color: #333;
    padding: 30px 0 10px 0;
    font-size: 18px;
    font-weight: normal;
}
.box_wrap:hover:after {
    width: 30px;
}
.box_wrap:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    background: #5856CD;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box_wrap .line:hover:before {
    height: 30px;
}
.box_wrap .line:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 0px;
    background: #5856CD;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box_wrap .line:hover:after {
    width: 30px;
}
.box_wrap .line:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    background: #5856CD;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.static_page_blurb:hover {
    transition: 0.5s;
    background: #0072e5;
}

ul.static_ul li {
    width: -webkit-fill-available;
    gap: 7px;
    margin: 0 2px;
    align-items: center;
    padding: 6px 6px;
    border-radius: 3px;
}
ul.static_ul {
    align-items: center;
}


.work-process-item {
    margin-bottom: 50px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.work-process-item .content {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    border-radius: 7px;
    background: #fff;
    padding: 30px 20px 15px;
    border: 1px solid var(--ridda-border-color);
}
.work-process-item .circle {
    width: 40px;
    height: 40px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 30px auto;
    background: #006ca3;
    position: relative;
    border-radius: 50%;
    border: 1px solid white;
}
.work-process-item .image img {
    border-radius: 7px;
}
.work-process-item .circle:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    border-radius: 50%;
}
.work-process-shapes:after {
    content: '';
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 25%;
    -webkit-filter: blur(75px);
    filter: blur(75px);
    width: 500px;
    height: 200px;
    background: var(--ridda-primary-color);
    -webkit-transform: translate(20%) rotate(-9.61deg);
    -ms-transform: translate(20%) rotate(-9.61deg);
    transform: translate(20%) rotate(-9.61deg);
}
.work-process-line {
    top: 49%;
    left: 0%;
    z-index: 1;
    width: 100%;
    position: absolute;
}

.portfolio-one__item {
    position: relative;
    border-top: 1px solid rgba(var(--growim-white-rgb, 255, 255, 255), 0.4);
    border-bottom: 1px solid rgba(var(--growim-white-rgb, 255, 255, 255), 0.4);
    margin-bottom: -1px;
    padding: 35px 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio-one__item__title {
    color: var(--growim-white, #fff);
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
    display: inline-block;
    margin: 0 0 12px;
}
.portfolio-one__item__cate {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--growim-white, #fff);
    margin: 0 0 29px;
}
.portfolio-one__item__text {
    color: var(--growim-white, #fff);
    text-transform: capitalize;
    margin: 0;
}
.portfolio-one__item__btn {
    flex-shrink: 0;
}
.portfolio-one__item .hover-item__box {
    position: absolute;
    width: 578px;
    height: 280px;
    top: 50%;
    left: 185px;
    pointer-events: none;
    transform: translate(-100%, -50%);
    overflow: hidden;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.5s ease-out;
    z-index: 1;
}
.portfolio-one__item .hover-item__box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    transition: transform 0.4s ease-out;
}
.portfolio-one__item:hover .portfolio-one__item__title {
    background-size: 100% 1px;
}

.portfolio-one__item.hover-item:hover .hover-item__box {
    opacity: 2 !important;
    left: 32% !important;
    transform: translate(10px, 10px) !important;
    overflow: visible;
    top: -50px !important;
}

.profile-circle-wrapper {
    position: relative;
    height: 397px;
    width: 517px;
    margin: auto;
    pointer-events: fill;
    cursor: pointer;
    -webkit-transform: perspective(100px), translate3d(0, 0, 0);
    transform: perspective(1000px);
}
.profile-inner {
    position: absolute;
    height: auto;
    width: 517px;
    top: -29px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: 3s all;
    transition: 3s all;
}
.circle-lg {
    height: 465px;
    width: 465px;
}
.profile-circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #ededed;
    border-radius: 50%;
    margin: 25px auto 0;
}
.circle-animation .icon-1, .circle-animation .icon-2, .circle-animation .icon-3, .circle-animation .icon-4 {
    -webkit-animation: rotateCircle 80s 3s infinite linear;
    animation: rotateCircle 80s 3s infinite linear;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.profile-icon {
    display: none;
}
.icon-1 {
    top: 40px;
    left: 35px;
    -webkit-transform-origin: 350% 182px;
    transform-origin: 350% 182px;
}
.icon-2 {
    top: 40px;
    left: 370px;
    -webkit-transform-origin: -135px 185px;
    transform-origin: -135px 185px;
}
.icon-3 {
    top: 210px;
    left: 425px;
    -webkit-transform-origin: -355% 12px;
    transform-origin: -355% 12px;
}
.icon-4 {
    top: 422px;
    left: 140px;
    -webkit-transform-origin: 160% -191px;
    transform-origin: 160% -191px;
}
.icon-5 {
    top: -28px;
    left: 130px;
    -webkit-transform-origin: 50% 193px;
    transform-origin: 50% 193px;
}
.icon-6 {
    top: 65px;
    left: -15px;
    -webkit-transform-origin: 328% 100px;
    transform-origin: 328% 100px;
}
.icon-7 {
    top: 200px;
    left: -20px;
    -webkit-transform-origin: 328% -35px;
    transform-origin: 328% -35px;
}
.icon-8 {
    top: -15px;
    left: 120px;
    -webkit-transform-origin: -28% 117px;
    transform-origin: -28% 117px;
}
.icon-9 {
    top: 175px;
    left: 80px;
    -webkit-transform-origin: 46% -68px;
    transform-origin: 46% -68px;
}
.profile-icon {
    position: absolute;
    display: block;
    height: 55px;
    width: 55px;
    margin: 0 auto;
    -webkit-transition: 1s all;
    transition: 1s all;
}

@keyframes rotateCircle{
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

.profile-icon img {
    display: block;
}

.circle-md {
    height: 335px;
    width: 335px;
    margin-top: 85px;
}
.circle-sm {
    height: 220px;
    width: 220px;
    margin-top: 145px;
}
.folder-img {
    position: relative;
    top: 210px;
    left: 25px;
    z-index: 1;
}

.circle-animation .icon-5, .circle-animation .icon-6, .circle-animation .icon-7 {
    -webkit-animation: rotateCircle 90s 1s infinite linear;
    animation: rotateCircle 90s 1s infinite linear;
}

.circle-animation .icon-8, .circle-animation .icon-9 {
    -webkit-animation: rotateCircle 35s 2s infinite linear;
    animation: rotateCircle 35s 2s infinite linear;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.circle-animation .icon-8-img, .circle-animation .icon-9-img {
    -webkit-animation: rotateCircle 35s 2.01s infinite linear;
    animation: rotateCircle 35s 2.01s infinite linear;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
}

.digil_blurb2 .digil_icon i {
    font-family: 'FontAwesome';
    background: #fff;
    padding: 22px 21px;
    font-size: 35px;
    color: #3F51B5;
    width: 100%;
}
.digil_blurb2 .digil-text {
    border: 1px solid #fff;
    font-size: 17px;
    padding: 14px;
    border-top: 1px dashed #000;
    background: #fff;
}
.digil_blurb2 {
    box-shadow: 1px 1px 0px #ddd;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
.digil_blurb2:hover .digil-text {
    background: #0c2e4b;
    transition: 0.5s;
}
.wo_sec2 .wo_box_blurb {
    box-shadow: 0px 10px 35px 0px #ddd !important;
}

ul.campeign {
    color: #fff;
    list-style-type: square;
    padding-left: 21px;
    column-count: 3;
}

.go_aads {
    box-shadow: 1px 1px 4px;
    height: 431px;
}


.text-white h3 {
    color: #fff;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding: 14px 0px;
}

.inde_item2 h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}

.hosting_web img {
    width: auto;
    margin: 10px 0;
    height: 86px;
}
.hosting_web {
    background: #fff;
    padding: 29px 6px;
    text-align: center;
    filter: drop-shadow(0 4px 10px rgba(188, 193, 205, .3));
}

.hosting_web button.btnn {
    border-radius: 3px;
    color: #fff;
    border: 1px solid #3F51B5;
    background: #3F51B5;
    display: block;
    width: 80%;
    padding: 10px;
    margin: 19px auto;
}
.hosting_web button.btnn:hover {
    background: #05133f;
    border: 1px solid #05133f;
}

.price p {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 9px 4px;
}

.hosting_web h2.et_pb_module_header {
    font-weight: 500;
    font-size: 25px;
}
ul.hosting2 li {
    display: flex;
    align-items: baseline;
    color: #fff;
    gap: 18px;
    line-height: 2;
}
ul.hosting2 {
    list-style-type: none;
}

ul.host {
    list-style-type: square;
    text-align: left;
    padding-left: 37px;
    line-height: 1.9em;
}

.digil_blurb3 {
    display: flex;
    background: #ece9e4;
    padding: 42px 23px;
    border-radius: 19px;
}
.blub_new1 {
    display: flex;
    background: #3054b1;
    border-radius: 19px;
    color: #fff;
    align-items: center;
}
.digil_blurbn {
    height: 279px !important;
    padding: 18px 19px !important;
}
.blub_new2 {
    background: #cec0d3;
    color: #000;
    align-items: center;
    display: flex;
    border-radius: 19px;
}

.hosting-sef {
    background-color: #f0e7e9;
    padding: 38px 8px;
    border-radius: 20px;
}

.hosting3 p {
    color: #fff;
}
.hosting3 h4 {
    color: #fff;
    font-size: 20px;
    border-left: 4px solid #1757ad;
    padding-left: 10px;
}

.hosting3 {
    padding: 22px 0;
}

.workspace {
    align-items: inherit !important;
}
.google img {
    width: 49%;
}
.main_blurb_image2 img {
    width: 100%;
    height: auto;
}

.hosting_web2 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 5px;
    -webkit-transition: .9s;
    transition: .9s;
    border: 1px solid #3f51b53b;
    padding: 0 8px;
    height: 750px;
    filter: none;
}
.work-google {
    border-radius: 19px;
    box-shadow: 1px 1px 6px #b1b1b1;
    margin-top: 34px;
    background: #fff;
    padding: 51px 15px;
    padding-top: 42px !important;
}
.com_w_cont h6 {
    font-weight: 700;
}

.hosting-google h4 {
    font-weight: 800;
    padding: 0px 0 20px;
    color: #3F51B5;
}
.hosting-google h6 {
    font-weight: 700;
}
.hosting_web2 .price p {
    border-bottom: none;
}
.google_review img {
    width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: scale-down;
    border: 1px solid #ddd;
    border-radius: 12px;
}
.tabs_box3 ul#myTab {
    justify-content: center;
    background: #fff;
    width: fit-content;
    padding: 0px 18px;
    border-radius: 51px;
    margin: 0 auto;
}
.security-card {
    padding: 24px 14px;
    border-radius: 5px;
    border: 1px solid #dadce0;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    overflow: hidden;
    transition: all .3s cubic-bezier(.17,.08,.83,.92);
    margin: 13px 0;
    height: 415px;
}
.g1 {
    background: #ece9e4;
    border-radius: 30px;
    padding: 25px 25px;
}
.g2 {
    background: #38009d24;
    padding: 33px 25px;
    border-radius: 30px;
}

.security-card h6 {
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
    margin-top: 26px;
}

.security-card:hover {
    transition: 0.5s ease-in-out;
    box-shadow: 0px 4px 8px 3px #36404326, 0px 1px 3px 0px #3640434d;
}

.hosting_web3 .main_blurb_image2 img {
    width: auto;
}


.hosting_web3 {
    height: auto;
}

.miscrosft p {
    color: #000 !important;
}
ul.static_ul3 li {
    color: #000;
    font-size: 15px;
}

.tabs_box3 ul#myTab li button h5 {
    font-size: 17px;
    font-weight: 600;
    padding: 0px 17px;
    margin: 0;
}
.tabs_box3 ul#myTab .nav-tabs .nav-link.active {
    border: none;
    background: #2b5ab4;
}
.tabs_box3 .nav-tabs .nav-link {
    border: none;
}

.tabs_box2 ul#myTab {
    justify-content: center;
    background: #fff;
    width: fit-content;
    padding: 0px 18px;
    border-radius: 51px;
    margin: 0 auto;
}

.hosting_web4 {
    height: 468px;
    padding: 26px 11px;
    overflow-y: auto;
    border-radius: 19px;
    box-shadow: 1px 1px 6px #b1b1b1;
}
.hosting_web4::-webkit-scrollbar {
    background: #9dc5ff;
    padding: 1px;
    border: 5px solid #fff;
    max-height: 11px !important;
}
.hosting_web4::-webkit-scrollbar-thumb {
    -webkit-width: 5;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #034df1;
    border: 4px solid #fff;
}
.hosting_web4::-webkit-scrollbar-track {
    padding: 3px;
    max-height: 34px !important;
}

section.comp_pro_sec {
    background-size: cover;
    background-repeat: no-repeat;
}

ul.abt_list li i {
    font-size: 18px;
    color: #323b80 !important;
    background: #2b5ab42b;
    padding: 8px 9px;
    border-radius: 6px;
    transform: scale3d(1.1, 1.1, 1.1);
}
ul.abt_list li {
    display: inline-block;
    width: 48%;
    font-size: 19px;
    font-weight: 600;
    padding: 12px 0;
    color: #000;
    font-family: 'Montserrat';
}

.about_amin {
    border: 3px solid #00b0f5;
    padding: 39px 37px;
    border-radius: 0px 55px 0px 55px;
}


/* Checked state for custom checkbox */

.select_serv label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: 49%;
    padding: 5px 0px;
}
.select_serv label span.wpcf7-list-item-label {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto';
}
.select_serv input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 2px solid #0d6efd;
    appearance: none;
    outline: none;
    border-radius: 4px;
}
.select_serv input[type="checkbox"]:checked {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}
.select_serv input[type="checkbox"]:checked::after {
    content: '✓';
    color: #fff;
    font-size: 10px;
}
.select_serv input[type="text"], .select_serv input[type="email"], .select_serv input[type="tel"], .select_serv textarea[type="textarea"] {
    padding: 15px 17px;
    border: 1px solid rgba(0, 102, 255, 0.1);
    color: #676767;
    font-size: 1rem;
    filter: drop-shadow(2px 4px 6px #ddd);
}

.select_serv input:checked[type=checkbox] {
    background-image: url(assests/img/check.svg);
}
.select_serv input[type=checkbox] {
    width: 20px;
}
.select_serv input:checked {
    background-color: #0D6EFD;
    border-color: #0D6EFD;
}

section.new3 {
    padding-bottom: 65px;
}

.comp_pro_sec h3 {
    font-family: 'Montserrat';
    font-size: 23px;
    font-weight: 700;
    line-height: normal;
}

.schol {
    background-size: cover;
    height: 387px;
    background-position: center;
    padding: 16px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 3;
}
.schol:before{
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    height: 85%;
    display: block;
    z-index: 10;
    content: '';
    background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(15, 15, 15, .75) 100%);
    transition: opacity .65s cubic-bezier(.05,.2,.1,1);
    z-index: -1;
}
.schol:hover:before{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #3452ff 100%);
    transition: 0.5s ease-in-out;
}

.schol_content h3 {
    font-size: 21px;
    color: #fff;
    filter: drop-shadow(2px 4px 6px black);
}
.schol_content p {
    opacity: 0;
    color: #fff;
}

.schol:hover .schol_content p {
    opacity: 1;
}
.schol:hover .schol_content {
    top: auto;
    transition: 0.35s ease-in-out;
}
.schol_content {
    position: absolute;
    top: 76%;
    transition: 0.35s ease-in-out;
}
.schol:hover {
    box-shadow: 0px 13px 10px #ababab;
    transition: 0.35s ease-in-out;
    transform: translateY(-15px);
}
.schol2 {
    height: 351px;
}
.hspital_anim {
    border: 3px solid #058668;
    padding: 39px 37px;
    border-radius: 0px 55px 0px 55px;
}
/*.bplsafe2 .col-lg-6.mt-4 {
    padding: 0;
    margin: 0 !important;
}*/
ul.droptdoen2 {
    column-count: 2;
}
.bplsafe .ss3 {
    padding: 29px;
}
.bplsafe .col-lg-6.mt-4 {
    margin: 0;
    padding: 0;
}
.schol_con p {
    color: #000;
}
.schol_con h3 {
    font-size: 31px;
    font-weight: 700;
    border-bottom: 1px solid;
    display: inline-block;
    color: #053069;
}
/*.row.bplsafe2 {
    background: linear-gradient(45deg, #141625, #d408d5ab);
    box-shadow: 1px 1px 5px #000;
    border-radius: 30px;
    padding: 22px 36px;
    position: relative;
    align-items: center;
    margin-top: 38px;
}
.row.bplsafe {
    background: linear-gradient(45deg, #313a7d, transparent);
    box-shadow: 1px 1px 5px #000;
    border-radius: 30px;
    padding: 22px 36px;
    position: relative;
    align-items: center;
}
.ss4 {
    padding: 0;
    position: relative;
}*/
.transport_tes {
    border: 5px solid #3f51b5;
    padding: 30px 0;
}

.bplsafe .ss3 {
    padding: 29px;
    box-shadow: 1px 1px 18px #ddd;
    height: 100%;
    width: 94%;
    margin: 0 auto;
    border-radius: 28px;
}
.bplsafe2 .ss4 {
    padding: 29px;
    box-shadow: 1px 1px 18px #ddd;
    height: 100%;
    width: 94%;
    margin: 0 auto;
    border-radius: 28px;
}
.inde_item.inner_banner .text_hed h2 span {
    color: #fc4e3a;
}

.soft2 h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 39px;
}

.about_amin2 {
    box-shadow: 1px 1px 15px #ddd;
    width: 47%;
    margin: 0 auto;
}

.com_w_cont p i {
    color: #fff;
    background: #000;
    padding: 4px 4px;
    font-size: 15px;
    border-radius: 3px;
    filter: drop-shadow(2px 4px 6px #093c98);
    margin-right: 12px;
}
.newd h6 {
    color: #fff;
    font-size: 24px;
    border: 1px solid;
    display: inline-block;
    padding: 12px 25px;
    font-family: 'Roboto';
}
.newd h2 {
    color: #fc4e3a;
    font-weight: 700;
    padding: 16px 0;
    font-size: 36px;
}

.newd h3 {
    color: #fff;
    font-size: 42px;
    font-weight: 100;
    border-bottom: 1px dashed;
    padding-bottom: 15px;
    display: inline-block;
}
.finacebox img {
    height: 198px;
    width: 100%;
    object-fit: cover;
}
.finacebox {
    background: #001e38;
    background-blend-mode: overlay;
    padding: 1px 35px 47px;
    align-items: center;
}
.finacebox h3 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}
.fasion1 {
    border-left: 68px solid;
    border-bottom: 70px solid;
}
.fasion2 {
    border-right: 74px solid #fff;
    border-bottom: 57px solid #fff;
}

.oil_gas h2 span {
    color: #ffc107 !important;
}
.pharma {
    background-position: center !important;
}
.pharma2 {
    align-items: center;
    border-radius: 27px;
    position: relative;
    overflow: hidden;
    padding: 53px 17px;
}
.schol3 {
    height: 211px;
    border-radius: 5px;
    padding: 0 23px;
    background-size: contain;
}

.why_sec h2 {
    font-size: 38px;
    color: #fff;
    font-weight: 700;
}


.healthbnr {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.healthbnr video {
    position: absolute;
    z-index: -1;
    top: -16px;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 100%;
}
.healthbnr .gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#0000004d, #0000004d), linear-gradient(#00378a66, #00378a66), linear-gradient(#05203b00, #051f3b);
    z-index: -1;
    pointer-events: none;
}
.edu h3 {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
}
.edu:before {
    background: rgb(255, 255, 255);
    width: 40px;
    height: 100%;
    z-index: 999;
    position: absolute;
    -webkit-animation: flow 1.5s linear infinite;
    -webkit-transform: skew(20deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);
    border-left: 1px solid #fff;
    content: '';
}
@keyframes flow{
    0% {
    left: -20px;
    opacity: 0;
}
50% {
    left: 100px;
    opacity: 0.3;
}
100% {
    left: 180px;
    opacity: 0;
}
}
.edu {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    position: relative;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    width: 100%;
    font-size: 12px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 140px;
    font-weight: 500;
    background-image: linear-gradient(to right, #092272 0%, #23e4d2 51%, #092272 100%);
    line-height: 21px;
    height: 238px;
}
.indes_blurb5 {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
.indes_blurb5:hover img {
    transition: 0.5s;
    transform: scale3d(-1, 1, 1);
}
.indes_blurb6:hover {
    background: #b6b8bb;
    transition: 0.5s;
}
.trns2 {
    border: 1px solid #ddd;
    padding: 18px 17px;
}
.indes_blurb6 h5 {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    letter-spacing: 0.3px;
}
.indes_blurb6 h4 {
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding-top: 25px;
}
.hed_texttransport h1 {
    color: #ffffff;
    font-size: 72px;
}
.hed_texttransport h5 {
    color: #2b5ab4;
    font-style: oblique;
    font-size: 25px;
    border-left: 25px solid;
    padding-left: 24px;
}
.indes_blurb6 {
    background: #2b5ab4;
    height: 316px;
    padding: 10px 21px;
    display: flex;
    align-items: end;
    clip-path: polygon(0 0, 23% 0, 100% 44%, 100% 100%, 0 100%, 0% 50%);
}
.indes_blurb5 h4 {
    display: flex;
    font-size: 18px;
    align-items: center;
    padding: 17px;
    justify-content: space-between;
    border: 1px solid #2b5ab447;
    color: #ffffff;
    border-top: none;
}
.transportation2 {
    background-color: #2b2b2b !important;
    background-blend-mode: overlay;
}
section.hosabt {
    background: #ffffffa1;
    background-blend-mode: overlay;
}
.trasnportabt {
    background: #f1f7fb;
    background-blend-mode: overlay;
}
.education {
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.text-heds h1 {
    font-size: 30px;
    font-weight: 700;
    color: #093c98;
    border-left: 12px solid;
    padding-left: 21px;
}
.engdd {
    background: #141618;
    background-blend-mode: overlay;
}
.eng2 {
    background-blend-mode: overlay;
    background: #f5f5f5;
}
.text-heds h5 {
    font-size: 28px;
    padding: 7px 0;
    font-style: oblique;
    color: rgb(0 0 0 / 31%);
}
.eng_hid {
    position: relative;
    overflow: hidden;
}
.educatin {
    background-color: #000000a6 !important;
    background-blend-mode: overlay;
}
.enginerr_bnr {
    background-color: #00000094 !important;
    background-blend-mode: overlay;
}
.dyna {
    background: #1700a0 !important;
    border-radius: 17px !important;
}
.dyna img {
    width: 48px;
}
.indus img {
    width: 43px;
    filter: invert(1);
}
.indus {
    border-right: 1px solid #ffffff63;
}
.indus h4 {
    color: #fff;
    padding-top: 19px;
}
.indus p {
    color: #fff;
}
.industry_pg h4 {
    color: #212529;
    font-weight: 600;
}
.industry_pg h4 i.fa.fa-arrow-right {
    color: #2b5ab4;
}
.fot_menu p a {
    color: #fff;
}












.chat-form-container {
    width: 300px;
    margin: 20px auto;
    position: fixed;
    right: 24px;
    bottom: 71px;
    z-index: 996;
}
.chat-header {
    color: white;
    padding: 2px;
    align-items: center;
    cursor: pointer;
    width: 40px;
    height: 38px;
    text-align: end;
    display: flex;
    position: fixed;
    justify-content: center;
    bottom: 16px;
    right: 15px;
    background: #0d9f16;
    border-radius: 5px;
    z-index: 9999;
}
.chat_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #002855;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}
.chat-body {
    border: 1px solid #ced4da;
    width: 100%;
    max-width: fit-content;
    height: auto;
    background-color: #fff;
    border-radius: 16px;
    padding: 14px;
    position: relative;
    bottom: 17px;
    z-index: 9999;
}
.chat_hd img {
    width: 44px;
}
.chat_hd span {
    font-weight: 600;
}
span.chat-status {
    font-weight: 300;
    font-size: 14px;
}
div#chatMessage {
    margin-bottom: 15px;
    background-color: #4a90e2;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
}
.chat-input {
      display: flex;
      margin-top: 10px;
    }
.chat-textbox {
    flex: 1 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
}
.send-btn {
    background-color: #4a90e2;
    color: #fff;
    padding: 10px;
    margin-left: 5px;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s;
}.error {
      color: red;
      font-size: 12px;
      margin-top: 5px;
    }
.chat-header i {
    padding-right: 0;
    font-size: 27px;
    padding-top: 0;
}
    /* Modal Styles */
.modal {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 400px;
      background-color: white;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      z-index: 1000;
      padding: 20px;
    }
    .modal-header {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .modal-table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 10px;
    }
    .modal-table th, .modal-table td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: left;
    }
    .modal-footer {
      text-align: right;
    }
    .close-modal {
      background-color: #007bff;
      color: white;
      border: none;
      padding: 5px 10px;
      cursor: pointer;
      border-radius: 4px;
    }
    .modal-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;
    }

 div#chatMessage .serv_name {
    display: ruby;
}
.serv_name label {
    display: block;
    font-size: 14px;
    padding: 3px 8px;
}

.blurb_stap_icon img {
    width: 71px;
    height: 71px;
    background: #1700a0;
    padding: 20px;
    border-radius: 15px;
    opacity: 1;
    transition: all .3s;
    margin: 0 auto;
    margin-bottom: 2em;
}
.blurb_stap_box.text-center h1 {
    top: -16px;
    left: -10% !important;
}
.gcont img {
    width: 45px;
    margin-bottom: 8px;
}