.footer-bg {

    background: url(../img/Footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}

.img-width img {

    width: 40px;
    height: 41px;
}

.bg-whl {

    background: url(../img/HOME_BG.jpg) !important;
    /* background-attachment: fixed; */
    background-size: cover;

}

.d_flex {

    display: flex;
    align-items: center;
    gap: 15px;
}

.bg-banner {

    background: url(../img/Common_top_bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 100% 100% !important;
}

.abouts-page {

    background: url(../img/ABOUTUSBG.jpg);
}

.bg-branding {

    background: url(../img/distinctive_design_bg.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 100% 100% !important;
}

.ux-flx {

    display: flex;
    align-items: center;
    gap: 20px;
}

.ux-flx img {

    width: 100px;
}

.information-service-img img {

    width: 50px;
    height: 50px;
}

.full-bg {

    background: url(../img/BLOG_BG.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.faq-bg {

    background: url(../img/FAQ_BG.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.information-page-bg {

    background: url(../img/information_services_bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.commerce-page-bg {

    background: url(../img/commerce_bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.travel-page-bg {

    background: url(../img/travel_hospitality_bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.ai-page-bg {
    background: url(../img/AI_ML_Service.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.branding-page-bg {

    background: url(../img/BRANDING.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.cloud-page-bg {

    background: url(../img/CLOUDSOLUTIONS.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.web-bg-page {

    background: url(../img/WEBDEVELOPMENT.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.digital-marketting-bg {

    background: url(../img/DIGITAL_MARKETING.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.ux-page-bg {

    background: url(../img/UI_UX.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.logo-widths img {

    width: 200px;
    height: 60px;
}

.font-size24px {

    font-size: 24px;
}

.d--flex {


    display: flex;
    gap: 20px;
}

.font-size18px {

    font-size: 18px !important;
    line-height: 28px;
}

.align-content-centers {

    align-items: center !important;
}

.text-centers-uix {

    align-items: center;
    justify-content: center;
    text-align: center;
}

.text-align-center {

    text-align: center;
}

.width-80 {
    width: 90%;
}

.align-items-c {

    align-items: center;
    padding: 10px;
}

.fraction-1fr {

    grid-template-columns: 1fr 1fr !important;
}

.just-cntr {

    justify-items: center !important;
    /* align-items: center !important; */
}

.pt-0px {

    padding-top: 0px !important;
}

.gap-25px {

    gap: 25px;
}

.footer-brand-wrapper img {

    height: 70px;
}

.digital-marketting {

    display: flex;
    align-items: center;

}

.hvr:hover {
    color: unset;

}



/* loader style */

.logo-pre {
    /* background: linear-gradient(to bottom, #FFFCE9 0, #FFE1EC 100%); */
    border-radius: 50%;
    height: 100px;
    width: 100px;
    box-shadow: 0 0 0 0 rgb(0 0 0/0%);
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px
}

.onloadpage .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}

.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #202020;
}

/* loader style */


.width-aiml {

    width: 80%;
    max-width: 600px;
}

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


    .line-height37px {

        line-height: 37px;
    }

    .font-size30px {

        font-size: 30px !important;
        line-height: 37px !important;
    }
    .overflow-hidden-mbl{

        overflow: hidden;
    }
    .order-mn-1{

        order: 1;
    }

    .blg-detail h2 {

        font-size: 30px !important;
    }
    .mobile-main.grid-baseline{


        grid-template-columns: 1fr !important;
    }

    .ds-flx {

        display: flex;
        flex-direction: column;

    }

    .dis-fl .grid-50 {

        width: 100% !important;
    }

    .fraction-1fr {

        grid-template-columns: 1fr !important;
    }

    .tab-mbl-mn {

        grid-template-columns: 1fr 1fr 1fr;
    }

    .banner-about-clmns {


        grid-template-columns: 1fr;
    }

    .d-mbl-js-cntr {

        justify-content: center;
    }

    .mobile-font-size {

        font-size: 30px;
    }

    .pt-mb-0 {

        padding-top: 0px !important;
    }

    .overflow-hiddens {

        overflow: hidden;
    }

    .font-size40px {

        font-size: 40px;
    }

    .tabs-mbl-menu {

        grid-template-columns: 2fr 2fr 2fr 2fr 2fr
    }
}

.image-abs {

    position: absolute;
    right: -7%;
    top: -43%;
}

.gray-color li {

    color: #c2c2c2 !important;
}

/* .dis-fl{

    display: flex;
} */

.font-size20px {

    font-size: 20px;
}

.grid-50 {

    width: 50% !important;
}

.statistic-number-font {

    font-size: 40px;
}

.s-t-k .statistics-wrap {

    max-width: 100%;
}

.s-t-k .statistic-number {

    font-size: 40px !important;
}




@media screen and (min-width: 1200px) {

    .wd-100 {

        max-width: 100% !important;
    }

    .grid-50 {

        width: 70% !important;
    }

    .mx-70 {

        max-width: 90%;
    }
    .order-11{

        order: 1;
    }

    .mx-40 {

        width: 40%;
    }

    .p-t-r-20px {

        padding: 0 20px;
    }

    .fs-60px {

        font-size: 60px !important;
    }

    .rw-gp {

        grid-column-gap: 10px !important
    }

    .mx-30 {

        width: 30%;
    }

    .mx--70 {

        width: 70% !important;
    }

    .digital-marketting-icon {

        top: 23% !important;
        right: 20% !important;
    }

    .mx-93 {

        max-width: 93% !important;
    }

}

.fs-18px {

    font-size: 18px;
}

.max-wid100 {

    max-width: 100% !important;
}

.mb-20px {

    margin-bottom: 20px !important;
}

.flx-flx {

    display: flex;
    flex-direction: column;
}

.tp-tp {

    top: 26% !important;
}

.scalable-center {

    align-items: center !important;
}

.w-100percent {

    width: 100% !important;
}

.border-radius-none {

    border-radius: unset;
}

.mx-677px {
    width: 100%;

    max-width: 677px !important;
}

.max-690px {

    width: 740px;
    margin: 0 auto;
}




.footer-bottom-wrap {
    border-top: 1px solid gray;
    /* Adjust the border width, style, and color as needed */
}

.grid-baseline {

    grid-template-columns: 0.75fr 1fr !important;
    align-items: baseline;
}
/* .grid-main .item-a{
    grid-column: 2;
        
}
.grid-main{

    display: grid;
    grid-template-columns: 1fr  1fr;
}
.grid-main .item-b{
    grid-column: 1;
        
}
.item-a{

    grid-column: 1;
}
.item-b{

    grid-column: 2;
} */




/* sample css */

.faq-container {
    max-width: 600px;
    margin: auto;
    display: grid;
    grid-row-gap: 20px;
}

.faq-item {
    background-color: #2e2e2e;
    border-radius: 20px;
    width: 100%;
    padding: 10px 30px;
    position: static;
}

.faq-question {
    /* background: #f1f1f1; */
    border: none;
    padding: 10px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
}

.faq-answer {
    display: none;
    padding: 10px;
    /* background: #fff;     */
}

.faq-item.open .faq-answer {
    display: block;
}
.faq-flx{

    display: flex;
    align-items: center;
}



 /* Highlight styles */
 .nav-dropdown-toggle.active .nav-item-title {
    color: var(--primary) !important; /* Highlight color for the heading */
  
}


.nav-dropdown-toggle.active .nav-dropdown-icon {
    color: var(--primary) !important; /* Highlight color for the heading */
    /* Adjust icon styles as needed, e.g., change size, apply a border, etc. */
}
.nav-dropdown-link.w--current {
    color: var(--primary) !important;
   
}

.footer-link.w--current {
    color: var(--primary) !important; /* Highlight color for the heading */
    
}