.arw-link a {
    color: #0eb6cc;
    font-weight: 700;
    font-size: 15px;
    padding-right: 15px;
    transition: color .15s ease-in
}

.arw-link-right a {
    padding-right: 0;
}

.arw-link a:after {
    content: '';
    position: absolute;
    margin-right: 6px;
    background-image: url(/img/icons/arrow-left.png) !important;
    background-repeat: no-repeat;
    background-size: 15px;
    width: 13px !important;
    height: 16px !important;
    margin-top: 3px;
}

h1.banner-h1 {
    text-align: center;
    max-width: 980px;
    font-size: 30px;
    line-height: 48px;
    margin: 6px auto;
    font-weight: 100
}

a.banner-btn {
    display: inline-block;
    background: #0eb6cc;
    color: #fff;
    padding: 10px 24px;
    border-radius: 4px
}

.nr-btnbx {
    text-align: center;
    margin-top: 45px
}

p.bnr-tex {
    text-align: center;
    font-size: 20px;
    font-weight: 400 !important;
    letter-spacing: 1px
}

span.back {
    background: #0eb6cc;
    color: #fff;
    padding: 0 20px 3px
}

span.bnar-no {
    font-weight: 700
}

section.comn-sec.full-section {
    background: #f8f8f8;
    padding: 1px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

.main-prod {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

section.comn-sec.bnner-sectionn {
    padding-bottom: 0;
    z-index: 1
}

.banr-img~p {
    display: none
}

section.scnd-sect {
    margin-top: -11px;
    z-index: 0;
    padding: 15px 0 0 0 !important
}

.home_cnt {
    margin-bottom: 60px
}

.cntr-hedin {
    margin-bottom: 20px
}

.prodct-box {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 -10px 15px 0 #ececec;
    position: relative;
    padding-bottom: 100px
}

.inr-box {
    padding: 20px 20px 10px
}

.prod_img {
    background-image: url(https://www.elluminatiinc.com/wp-content/uploads/2020/07/menu/hompge/new/box-city.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 100%
}

.prod-titl {
    font-size: 20px;
    margin-top: 0;
    line-height: 24px
}

.hedlin {
    margin: 15px auto;
    background: #dfdfdf;
    height: 1px
}

a.prod_btn {
    background: #0eb6cc;
    color: #fff;
    padding: 10px;
    display: block;
    border-radius: 4px
}

.prod_btnbox {
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.arw-link {
    text-align: center
}

.arw-link-right {
    text-align: inherit
}

div#cont_prt {
    display: grid
}

.bisprt_lft {
    flex: .8;
    z-index: 1
}

.bisprt_lft button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 10px;
    transition: .3s;
    font-size: 25px
}

.bisprt_lft button:hover {
    background-color: #ddd;
}

.bisprt_lft button.active_app {
    background-color: #ccc
}

.tabcontent {
    display: none
}

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

.ads_btns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
    max-width: 500px
}

.expl-btn {
    display: inline-block
}

a.expr_div {
    background: #0eb6cc;
    padding: 8px 20px;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 6px
}

a.expr_div img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 8px
}

p.srvc_nm {
    line-height: 20px;
    font-weight: 600
}

button.tabtns {
    width: 100%;
    margin: 15px 0;
    text-align: left;
    border: 1px solid #0eb6cc;
    border-radius: 10px;
    background: #fff
}

button.tabtns.active_app {
    background: #0eb6cc;
    color: #fff !important;
    box-shadow: 0 3px 6px 0 #8787878a;
    border: #0eb6cc;
    font-family: "shabnam";
}

button.tabtns.active_app p {
    color: #fff !important;
}

button.tabtns:hover {
    background: #0eb6cc;
    color: #fff !important
}

button.tabtns {
    width: 100%;
    max-width: 380px;
    border: 1px solid #878787;
    border-radius: 10px;
    background: #fff;
    margin: 5px 10px;
    padding: 18px;
    color: #444444 !important;
    font-size: 18px !important;
    height: 40px;
    text-align: left;
    font-family: Shabnam;
}

div.tabcontent h3 {
    margin-top: 0;
    margin-bottom: 10px
}

.bisprt-righ {
    background: #f8f8f8;
    padding: 55px 55px 55px 70px;
    border-radius: 72px;
    flex: 2
}

.pro_div {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 40px 0 #66666612;
    padding: 20px
}

.grids-prod {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    gap: 30px;
    margin-bottom: 10px
}

p.prod-txt {
    font-weight: 600;
    line-height: 24px
}

section.comn-sec.thrd-sect {
    padding-top: 40px;
    padding-bottom: 35px
}

.pro_div:hover {
    box-shadow: 0 0 30px 10px #b9b9b954
}

.frth-prdt {
    padding: 30px 0 !important
}

.shdawrd-box {
    flex: 15%;
    margin-left: 20px;
    margin-right: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 40px 0 #66666612;
    padding: 20px
}

.awrd_section {
    padding: 30px 0px !IMPORTANT
}

section.comn-sec {
    padding: 50px 0
}

.mindl-hed {
    margin-top: 50px;
    margin-bottom: 50px
}

.log_clnts {
    margin-bottom: 0
}

.expl-btn.btncntr {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
    margin-top: 60px
}

ul.padid-list {
    padding-left: 17px
}

ul.padid-list li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #00b7c9;
    border-radius: 50px;
    margin-left: -16px;
    margin-top: 6px;
}

ul.padid-list li:before {
    margin-top: 9px;
}

ul.bnr_pdls ul {
    display: inline-block;
    padding-left: 16px;
    padding-right: 20px
}

ul.bnr_pdls {
    padding-left: 0
}


@media(min-width:768px) and (max-width:1216px) {
    .main-prod {
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }

    .grids-prod {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:768px) and (max-width:860px) {
    .bisprt-righ {
        background: #f8f8f8;
        padding: 40px 40px 40px 70px;
        border-radius: 30px;
        flex: 1.5
    }

    .ads_btns {
        gap: 10px
    }

    p.srvc_nm {
        font-size: 16px
    }

    button.tabtns {
        font-size: 18px !important
    }
}

p.tb_tilt a {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

p.tb_tilt {
    margin-bottom: 6px
}

p.srvc_nm a {
    color: #000
}

.ads_btns.for-fr {
    grid-template-columns: repeat(4, 1fr);
    max-width: 550px
}

@media(max-width:767px) {
    .main-prod {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .grids-prod {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    .banner-h1 {
        margin-bottom: 45px;
        font-size: 28px;
        line-height: 43px
    }

    section.comn-sec.bnner-sectionn {
        z-index: 0
    }

    .inr-box {
        padding: 20px
    }

    .bisn_prts {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .bisprt_lft {
        flex: .8;
        z-index: 0
    }

    .bisn_prts {
        flex-direction: column
    }

    button.tabtns {
        margin: 0;
        width: 100%;
        max-width: -webkit-fill-available
    }

    .bisprt-righ {
        background: #fff !important;
        padding: 10px;
        border-radius: 10px;
        flex: 2;
        margin-top: 0
    }

    .srvc_img img+p {
        display: none
    }

    .imgsi-30 .srvc_img img {
        margin-left: 0 !important;
        margin-right: initial !important
    }

    .ads_btns {
        grid-template-columns: 1fr 1fr
    }

    .desk_view {
        display: none
    }

    .tabcontent {
        background: #f3f3f3;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 40px
    }

    .ads_btns.for-fr {
        grid-template-columns: repeat(2, 1fr);
        text-align: center
    }

    .srvc_img img {
        margin: 0 auto
    }

    p.srvc_nm {
        text-align: center
    }

    section.scnd-sect {
        margin-top: 0
    }

    h1.banner-h1 {
        font-weight: 500;
        font-size: 26px;
        line-height: 42px
    }

    .nr-btnbx {
        margin-top: 36px;
        margin-bottom: 66px;
        text-align: left
    }

    .main-prod {
        margin-top: 40px;
        padding-bottom: 50px
    }

    .prodct-box {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 -10px 15px 0 #ececec, 0 10px 15px 0 #ececec;
        padding-bottom: 70px
    }

    .banr-img.only-frmbil {
        margin-bottom: 50px
    }

    .pro_div {
        padding: 10px
    }

    .shdawrd-box {
        margin-bottom: 35px !important
    }

    .wrld_clnt {
        grid-template-columns: 1fr !important
    }

    .awrd_section {
        padding-bottom: 12px !important
    }

    img.desk_view {
        display: none
    }
}

@media(min-width:768px) {
    .only-frmbil {
        display: none
    }

    section.comn-sec.full-section.frth-prdt {
        margin-top: 45px
    }

    img.only-frmbil {
        display: none
    }
}

.wrld_clnt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.mindl-hed.logos_titl {
    margin-bottom: 0;
    margin-top: 45px
}

.log_clnts {
    margin-bottom: 40px
}

.awrd_section {
    padding-bottom: 26px !important;
    padding-top: 12px
}

.shdawrd-box {
    box-shadow: 0 0 68px 1px #b3b3b31c;
    background: #fff
}

/* styles in end of home page */

.solu_btns a:after {
    content: "f0da";
    margin-top: 3px;
}

.link-clrs a {
    color: #000;
}

.fqdesp.shw {
    opacity: 1;
    margin-bottom: 22px;
    max-height: 100%;
}

.fqdesp {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
    font-size: 18px;
    padding-left: 34px;
}

.pop-upvd.modal-dialog {
    transform: translate(0, 0) !important;
}

.utbicn {
    height: 100%;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto !important;
}

p.padi-aldesc a {
    color: #052d5d;
    font-weight: 600;
}

#video2 {
    width: 800px !important;
}

@media screen and (max-width: 767px) {
    #video2 {
        height: 80vh !important;
    }
}

@media screen and (max-width: 500px) {
    .flx-btns {
        display: inline-block !important;
    }

    .vid-btn {
        margin-top: 25px;
    }
}

.flx-btns {
    display: flex;
}

.vid-btn {
    display: inline-block;
    border: 2px solid #00b7c9;
    border-radius: 4px;
    color: #00b7c9;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 22px;
}

.bner-btn {
    margin-top: 0px !important;
}

i.fas.fa-video:before {
    color: #00b7c9;
}

.solu_btns a:after {
    content: "\f0da";
}

.marg-tp {
    margin-top: 40px;
}

.svg-chng,
.vdoicnclr {
    filter: invert(50%) sepia(99%) saturate(2247%) hue-rotate(150deg) brightness(99%) contrast(101%);
}

p.btntxtvd {
    color: #00b7c9;
}

@media screen and (max-width: 465px) {
    .pdnn {
        padding-top: 0;
    }
}





.alin-sol,
.banner-section {
    align-items: center
}

button.tabtns img {
    filter: invert(43%) sepia(58%) saturate(0) hue-rotate(146deg) brightness(109%) contrast(93%)
}

button.tabtns.active_app img,
button.tabtns:hover img {
    filter: invert(99%) sepia(0) saturate(3847%) hue-rotate(156deg) brightness(109%) contrast(100%)
}

p.prod-txt a {
    color: #4b4c5a
}

.ads_btns.for-fr {
    grid-template-columns: repeat(4, 1fr);
    max-width: 100%;
}

@media screen and (max-width:1110px) {
    .ads_btns.for-fr {
        grid-template-columns: repeat(3, 1fr);
        max-width: 100%;
    }
}

@media screen and (max-width:500px) {
    .ads_btns.for-fr {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
    }
}

.ads_btns.for-fr .srvc_img {
    display: flex;
    align-items: center;
}

.for-fr p.srvc_nm {
    margin-bottom: 0;
    margin-left: 10px;
}

/* ====== */