/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
* {
    transition: background-color 300ms ease, color 300ms ease;
}
*:focus {
    /* background-color: rgba(221, 72, 20, .2); */
    outline: none;
}
html, body {
    color: rgba(33, 37, 41, 1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}

.py_150,
.py-150{
    padding-top: 150px;
    padding-bottom: 150px;
}
.py_100,
.py-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.py_50,
.py-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
header {
    /* background-color:rgba(0, 35, 77, 0.85); */
    /* position: fixed; */
    /* position: absolute; */
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: +9;
    padding: 0px;
}
.menu {
    /* padding: .4rem 2rem; */
}
header li {
    margin: 0px 5px;
    a {
        border-radius: 5px;
        color: rgba(0, 0, 0, .5);
        display: block;
        height: 44px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
    }
    
}
.contact_btn{
    background-color: var(--color_orange);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    border-radius: 20px;
    color: #ffffff !important;
}

.navbar {
    &.navbar_scrolled{
        background-color: #ffffff;
        box-shadow: 0px 4px 24px 0px #0000001F;
    }
    width: calc(100% - 0px);
    .navbar-brand{
        .light_logo{
            display: block;
        }
        .dark_logo{
            display: none;
        }
    }
    .navbar-nav{
        .nav-link{  
            color: #ffffff;
        }
        .nav-link:hover, 
        .nav-link.active, 
        .nav-link.show{  
            color: var(--color_orange)
        }
    }
}
.blog_details_body{
    .navbar {
        &.navbar_scrolled{
            background-color: #ffffff;
            box-shadow: 0px 4px 24px 0px #0000001F;
        }
        width: calc(100% - 0px);
        .navbar-brand{
            .light_logo{
                display: block;
            }
            .dark_logo{
                display: none;
            }
        }
        .navbar-nav{
            .nav-link{  
                color: #ffffff;
            }
            .nav-link:hover, 
            .nav-link.active, 
            .nav-link.show{  
                color: var(--color_orange)
            }
        }
    }
    
}
.light_body{
    .navbar{
        .navbar-brand{
            .light_logo{
                display: none;
            }
            .dark_logo{
                display: block;
            }
        }
        .navbar-nav{
            .nav-link{  
                color: #141414;
            }
            .nav-link:hover, 
            .nav-link.active, 
            .nav-link.show{  
                color: var(--color_orange)
            } 
        }
    }
}
.navbar-toggler{
    background-color: var(--color_orange);
}
@media (max-width: 576px) {
    .navbar{
        background-color: var(--color-brand_dark);
    }
    .navbar-brand{
        .light_logo,
        .dark_logo{
            max-width: 200px;
        }
    }
    .light_body{
        .navbar{
            background-color: #ffffff;
        }

    }
  }

  .owl-carousel .owl-item img{
    width: auto;
    margin: 0 auto;
  }
  .owl-carousel.nav_carousel_m_center{
    .owl-nav{
        .owl-prev,
        .owl-next{
            opacity: 1;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0px 4px 24px 0px #0000001F;
            border-radius: 50%;
            background-color: #ffffff;
            &:hover{
                background-color: var(--color_orange);
            }
        }
        .owl-prev{
            left: -10px;
        }
        .owl-next{
            right: -10px;
        }
    }
  }

.owl-carousel.nav_carousel_top_right{
    .owl-nav{
        .owl-prev,
        .owl-next{
            opacity: 1;
            position: absolute;
            top: -100px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0px 4px 24px 0px #0000001F;
            border-radius: 50%;
            background-color: #ffffff;
            &:hover{
                background-color: var(--color_orange);
            }
        }
        .owl-prev{
            right: 50px;
        }
        .owl-next{
            right: 0px;
        }
    }
}

.owl-carousel.nav_carousel_bottom{
    .owl-nav{
        .owl-prev,
        .owl-next{
            opacity: 1;
            width: 40px;
            height: 40px;
            align-items: center;
            justify-content: center;
            box-shadow: 0px 4px 24px 0px #0000001F;
            border-radius: 50%;
            background-color: #ffffff;
            &:hover{
                background-color: var(--color_orange);
            }
        }
    }
}

.banner_section{
    background-color: #F6F7F8;
}
.banner_section_container{
    /* background-color: #F6F7F8; */
    background-image: url('../images/banner_1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* padding: 100px 0px; */
    padding: 200px 0px 50px 0px;
    position: relative;
    min-height: 825px;

    .banner_section_content{
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: +2;
        .btn{
            border-radius: 25px;
            border: 0px;
        }
    }
}
.our_partners{
    /* background-color: #F6F7F8; */
    /* min-height: 500px; */
    width: 100%;
    position: relative;
    /* margin-top: -50px; */
    /* &::after{
        content: '';
        background-image: url('../images/colored_stick.avif');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        background-position: top left;
        top: -185px;
        left: 0px;
        width: 50%;
        height: 200px;
    } */
    /* &::before{
        content: '';
        background-image: url('../images/our_partners_bg.avif');
        background-size: cover;
        background-position: center;
        position: absolute;
        top: -225px;
        left: 0px;
        width: 100%;
        height: 100%;
    } */
}
.our_partners_content{
    /* position: absolute; */
    width: 100%;
    height: 100%;
    z-index: +2;
}
.our_partners_content{
    .partners{
        border: 1px solid #D2D2D2;
        border-radius: 10px;
        overflow: hidden;
        img{
            object-fit: cover;
            object-position: center;
            height: 80px;
            width: 100%;
            max-width: 300px;
        }
    }
}
.w_w_u_c_{
    padding-left: 50px;
    position: relative;
    &::before{
        content: '';
        background-image: url('../images/icons/sqr_orange_tick.webp');
        background-size: contain;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 15px;
        top: 0px;
    }
    h4{
        font-family: var(--font_outfit);
        font-weight: 400;
        font-size: 22px;
        color: var(--color_orange);
    }
    p{
        font-family: var(--font_montserrat);
        font-weight: 500;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 1.7;
    }
}
.our_hiring_options{
    padding: 50px 0px;
}
.success_team_card {
    text-align: center;
    margin: 20px auto;
    img{
        height: 400px;
        max-width: 100%;
    }
    h5{
        color: #6A635D;
        margin-top: 20px;
    }
}
.what_we_do{
    background-image: url('../images/rect_sqr_bg.avif');
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: top; */
    padding: 150px 0px 50px 0px;
}
.our_solutions{
    padding: 100px 0px;
    .our_solutions_card{
        .arrow_link{
            color: #434343;
        }
        .our_solutions_img{
            position: relative;
            bottom: 100px;
            box-shadow: 0px 12px 30px 0px #0000061A;
            img{
                width: 100%;
            }
        }
        .our_solutions_content{
            box-shadow: 0px 12px 30px 0px #0000061A;
            position: relative;
            top: 50px;
            height: 100%;
            background-color: #ffffff;;
            border: 1px solid #E6E6E6;
            align-items: center;
            display: flex;
            padding: 20px;
            border-radius: 0px 100px 10px 10px;
            h5{
                font-family: Outfit;
            }
        }
        &.card_2nd{
            position: relative;
            top: 50px;
            .our_solutions_img{
                position: relative;
                bottom: 0px;
                box-shadow: 0px 12px 30px 0px #0000061A;
            }
            .our_solutions_content{
                top: 0px;
            }
        }
    }
}

.transform_ideas_into_businesses{
    background-image: url('../images/t_i_i_b.avif');
    padding: 175px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    /* background-position: center; */
}
.our_case_studies{
    padding: 50px 0;
    /* .owl-carousel.nav_carousel_top_right{
        .owl-nav{
            .owl-prev,
            .owl-next{
                top: -100px;
            }
        }
    } */
}
.success_story_card{
    position: relative;
    border-radius: 10px;
    background-color: #F6F7F8;
    padding: 40px;
    .arrow_btn{
        position: absolute;
        right: 25px;
        top: 25px;
    }
}
.our_industries{
    /* height: 600px; */
    /* background-color: red; */
    position: relative;
    width: 100%;
    overflow-x: hidden;
    padding-top: 100px;
    /* padding-bottom: 100px; */
    &::before{
        content: '';
        position: absolute;
        width: 120%;
        height: 500px;
        background-color: var(--color-brand_dark);
        transform: rotate(-3deg);
        left: -5%;
        top: 35px;
    }
    &::after{
        content: '';
        position: absolute;
        width: 400px;
        height: 400px;
        background-image: url('../images/ai_1.avif');
        background-size: contain;
        background-repeat: no-repeat;
        left: -5%;
        top: 20%;
    }
    .container{
        position: relative;
        z-index: +1;
    }
    .our_industries_card{
        margin-top: 100px;
        box-shadow: 0px 12px 30px 0px #0000061A;
        img{
            border-radius: 10px;
            height: 300px;
            /* width: 300px; */
            width: 100%;
        }
        .our_industries_crad_content{
            padding: 20px;
            background-color: #ffffff;
            border-radius: 10px 100px 10px 10px;
            height: 100px;
            position: relative;
            top: -100px;
            display: grid;
            gap: 20px;
            .arrow_link{
                color: #434343;
            }
        }
    }
}
.technology_stack_logo{
    text-align: center;
    img{
        width: auto;
        height: 120px;
    }
}
.welcome_maverick_mount{
    position: relative;
    min-height: 700px;
    &::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 700px;
        left: 0;
        top: 0;
        background-image: url('../images/ai_bg.avif');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }
    .container{
        position: relative;
        z-index: +1;
        padding-top: 250px;
    }
}

.news_articles{
    padding: 100px 0px 50px 0px;
    .blog_card{
        img{
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
            border-radius: 15px;
        }
    }
    .blog_card_body{
        padding: 20px 20px 10px 10px;
        display: grid;
        gap: 20px;
        h5,h6{
            color: #000000;
            margin: 0;
            line-height: 1.5;
        }
        a{
            color: var(--color_orange);
        }
    }
}


.frequently_asked_questions{
    position: relative;
    width: 100%;
    overflow-x: hidden;
    padding: 100px 0px;
    &::before{
        content: '';
        position: absolute;
        width: 120%;
        height: calc(100% - 100px);
        /* height: 500px; */
        background-color: #f6f7f8;
        transform: rotate(-3deg);
        left: -5%;
        top: 35px;
    }
    &::after{
        content: '';
        position: absolute;
        width: 400px;
        height: 400px;
        background-image: url('../images/laptop_boy.avif');
        background-size: cover;
        background-position: bottom;
        transform: scaleX(-1);
        left: 10%;
        bottom: 35px;
    }
    .container{
        position: relative;
        z-index: +1;
        min-height: 600px;

        .year_ex{        
            position: absolute;
            width: 200px;
            height: 200px;
            background-size: contain;
            background-position: bottom;
            background-repeat: no-repeat;
            left: 0%;
            top: 235px;   
        }
        .accordion{
            display: grid;
            gap: 20px;
            .accordion-item{
                border-radius: 10px;
                overflow: hidden;
                .accordion-button:not(.collapsed){
                    background: transparent;
                }
                .accordion-button:focus{
                    background: transparent;
                }
                .accordion-button:not(.collapsed)::after{
                    content: "\f63b";
                    font-family: bootstrap-icons !important;
                    color: #ffffff;
                    background-image: none;
                }
                .accordion-button::after{
                    font-family: bootstrap-icons !important;
                    content: "\f64d";
                    background-image: none;

                    background: var(--color_orange);
                    color: #ffffff;
                    width: 40px;
                    height: 40px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                }
            }
            
        }
        /* .laptop_boy{
            position: absolute;
            left: 0;
            bottom: 0px;
            transform: scaleX(-1);
            width: 300px;
            height: 400px;
            img{
                width: 300px;
                height: 300px;
            }
        } */
    }
}




.our_office{
    background-image: url('../images/our_office_full_bg.webp');
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    background-position: right;
    /* background-color: red; */
    top: 100px;
    /* &::after{
        content: '';
        position: absolute;
        width: 70%;
        height: 103%;
        background-image: url('../images/our_office.webp');
        background-repeat: no-repeat;
        background-size: cover;
        right: 0px;
        top: 0px;
    } */
    .our_office_content{
        padding: 150px 20px;
        h4{
            color: var(--color_orange);
        }
        ul{
            padding: 0px;
            list-style: none;
            li{
                position: relative;
                padding-left: 50px;
                margin: 20px 0px;
                span{
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 32px;
                    height: 32px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    border: 1px solid;
                }
                a{
                    font-size: 20px;
                    font-weight: 400;
                    color: #011F43;
                    text-decoration: none;
                }
            }
        }
    }
}
footer{
    /* background:rgba(246, 247, 248, 1); */
    background-image: url('../images/footer_bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 10px 0px 25px 0px;
    position: relative;
    /* overflow-x: hidden; */
    &::before{
        content: '';
        width: 130%;
        height: 100px;
        background-color: rgba(1, 27, 61, 1);
        position: absolute;
        right: -5%;
        top: -0px;
        transform: rotate(-4deg);
    }
    .container{
        position: relative;
        z-index: +1;
    }
    .menu{
        h4{
            font-size: 18px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 20px;
        }
        ul{
            padding: 0px;
            list-style: none;
            li{
                margin: 10px 0px;
                a{
                    text-transform: capitalize;
                    text-decoration: none;
                    color: #ffffff;
                    font-size: 16px;
                    font-weight: 400;
                }
            }
        }
    }
}
.copyrights {
    background-color: var(--color-brand_dark);
    border-top: 1px solid rgba(255, 255, 255, 0.2);;
    padding: 20px 0px;
    p{
        color: var(--color_orange);
    }
    .nav{
        margin: 0;
        li.nav-item{
            color: #ffffff;
            padding: 0px 10px;
            .nav-link{
                padding: 0px;
                color: #ffffff;
                text-transform: capitalize;
            }
        }
    }
}
.social_link{
    li.nav-item{
        .nav-link{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: var(--color_orange);
            margin: 10px;
            font-size: 25px;
            color: #ffffff;
        }
    }
}

.our_client{
    background-image: url('../images/our_client.webp');
    background-size: cover;
    min-height: 650px;
    padding: 200px 0px 150px 0px;
    margin-top: -100px;
    position: relative;
    &::after{
        content: '';
        position: absolute;
        left: 0;
        top: 30px;
        max-width: 425px;
        width: 100%;
        height: 100px;
        background-image: url('../images/our_client_lines.webp');
        background-position: left;
        background-size: cover;
    }
    .our_client_card{
        background: #ffffff;
        padding: 15px;
         border-radius: 15px;

         .our_client_content{
            padding: 40px 20px;
            .stars{
               color: rgb(232, 213, 0);
            }
            p{
                line-height: 1.8;
            }
        }
    }
}

    .client_image,
    .client_image img{
        border-radius: 50%;
        object-fit: cover;
        object-position: center;
    }
.get_in_touch{
    padding: 70px 0px;
    position: relative;
    top: 50px;
    .get_in_touch_cntnt{
        text-decoration: none;
        max-width: fit-content;
        display: flex;
        align-items: center;
        gap: 7px;
        margin: 10px 0;
        a{
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            display: block;
            color: #000000;
        }
        p{
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            color: #000000;
        }
    }

    
    .get_in_touch_cntnt_icon{
        width: 45px;
        height: 45px;
        border-radius: 50%;
        font-size: 20px;
        border: 1.1px solid #C4C4C4;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

.about_banner_section{
    background-color: rgb(0, 27, 60);
    background-image: url('../images/about_banner_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* padding: 100px 0px; */
    padding: 100px 0px 0px 0px;
    position: relative;
    min-height: 525px;
}
.about_maverick_mount{
    padding: 100px 0px;
}
.vision_mission{
    margin-top: 20px;
    h3{
        position: relative;
        margin-bottom: 20px;
        &::after{
            content: '';
            position: absolute;
            width: 100px;
            height: 2px;
            background-color: var(--color_orange);
            left: 0px;
            bottom: -5px;
        }
    }
}

.our_focus{
    background-color: #F6F7F8;
    padding: 50px 0px 200px 0px;
    bottom: -50px;
    position: relative;
}


.AI_First_Approach{
    background-image: url('../images/AI_First_Approach.webp');
    background-size: cover;
    background-position: -100px;
    /* min-height: 650px; */
    padding: 200px 0px 200px 0px;
    margin-top: -100px;
    position: relative;
}
.AI_First_Approach_nav{
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    &::before{
        content: '';
        position: absolute;
        width: calc(100% - 150px);
        height: 0px;
        border-top: .01em dashed #ffffff;
        left: 50%;
        transform: translateX(-50%);
        top: 70px;
    }
    li{
        z-index: +1;
        position: relative;
        max-width: 250px;
        color: #ffffff;
        text-align: center;
        display: grid;
        gap: 10px;
        .AI_Approach_icon{
            width: 120px;
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--color_orange);
            border-radius: 50%;
            margin: 10px auto;
            img{
                height: 50px;
            }
        }

        h4,h6{
            line-height: 1.5;
            min-height: 50px;
        }
    }
}



.Meet_Our_Experts{
    padding: 50px 0px 150px 0px;
}
.Meet_Our_Experts_card{
    .curv_card{
        border: 1px solid #00000040;
        position: relative;
    }
    &:nth-child(odd){
        .curv_card{
            top: 100px;
        }
    }
}

.leader_card{
    padding: 40px;
    display: grid;
    gap: 20px;
    border: 1.09px solid transparent;
    box-shadow: 0px 26.27px 39.4px 0px transparent;
    &:hover{
        border-radius: 20px;
        border: 1.09px solid #0000001A;
        box-shadow: 0px 26.27px 39.4px 0px #0000001A;
    }
    .leader_img{
        height: 200px;
        width: 200px;
        border-radius: 50%;
        text-align: center;
        margin: 0px auto;
        img{
            height: 200px;
            width: 200px;
            object-fit: cover;
            object-position: center;
            border-radius: 50%;
            margin: 0 auto;
        }
    }
}


.why_businesses_MM{
    background-image: url('../images/t_i_i_b.avif');
    padding: 175px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    /* background-position: center; */

}
.contact_banner_section{
    background-image: url('../images/contact_banner_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 200px 0px 0px 0px;
    position: relative;
    min-height: 900px;
}
.c_banner_content{
    background-color: #29376C;
    border-radius: 10px;
    padding: 30px;
    color: #ffffff;
    display: grid;
    gap: 20px;
    height: 100%;
    .c_banner_icon{
        width: 70px;
        height: 70px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color_orange);
    }
}


.white_banner_section{
    background-color: #ffffff;
    padding: 50px 0px 0px 0px;
    position: relative;
}
.business_with_ai{
    background-image: url('../images/ai_bg.avif');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px 150px 0px;

}

.go_ai_first{
    background-image: url('../images/ai_power_solution_bk.webp');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px 150px 0px;
}


.curv_card{
    box-shadow: 0px 5px 15px 0px #00000014;
    display: grid;
    gap: 20px;
    text-align: center;
    padding: 40px;
    height: 100%;
    border-radius: 5px 100px 5px 5px;
    transition: all 0.3s ease-in-out;
    top: 0px;
    position: relative;
    span{
        img{
            height: 70px;
        }
    }
    h4,h6{
        line-height: 1.5;
    }
    .w_70_rouded_icon{
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(253, 126, 0, 0.4);
        border-radius: 50%;
        svg,img{
            width: 40px;
        }
    }
    .m_o_e_icon{
        border: 0.9px solid #0000001A;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }


  


    &:hover{
        top: -10px;
        transition: all 0.3s ease-in-out; 
        border-radius: 5px 100px 5px 100px;
         .curv_card_hvr_img{
            img{
                &:nth-child(1){
                    display: none;
                }
                &:nth-child(2){
                    display: block;
                }
            }
        }
        .w_70_rouded_icon{
            background-color: var(--color_orange);
            svg,img{
                width: 40px;
            }
        }
        .m_o_e_icon{
            /* background-color: rgba(253, 126, 0, 0.4); */
            transition: all 0.3s ease-in-out;
        }
    }


    .arrow_link{
        color: #ffffff;
    }
}
.curv_card.bg_white{
    background: #FFFFFF;
    color: #0E2747;
    box-shadow: 0px 5px 15px 0px #00000014;
}
.curv_card.bg_light{
    background: #f6f7f8;
    color: #0E2747;
    box-shadow: 0px 5px 15px 0px #00000014;
}
.curv_card.bg_dark{
    background: #0E2747;
    color: #ffffff;
    box-shadow: 0px 10px 15px 10px #00000014;
}
.smart_ai_solutions{
    background-color: #ffffff;
    padding: 50px 0px 100px 0px;
}
.smart_ai_img_card{
    height: 300px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    img{
        height: 300px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
    }
}
.timeline_{
    position: relative;
    &::after{
        content: '';
        position: absolute;
        height: 100%;
        width: 0px;
        border-left: 1px dashed #000000;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .timeline_img{
        img{
            width: 100%;
        }
    }
    .timeline_nmbr{
        text-align: center;
        span{
            background-color: var(--color_orange);
            border: 7px solid #F3E1CE;
            color: #ffffff;
            font-size: 16px;
            font-weight: 500;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            position: relative;
            z-index: +1;
        }
    }
    .timeline_txt{
        position: relative;
        padding: 0px 0px;
        display: grid;
        gap: 15px;
        &::after{
            content: '';
            position: absolute;
            height: calc(100% - 25px);
            width: 2px;
            background-color: var(--color_orange);
            left: -30px;
            top: 0;
        }
    }
    .timeline_list:nth-child(even){
        direction: rtl;
        .timeline_txt{
            position: relative;
            /* padding-right: 40px; */
            &::after{
                content: '';
                position: absolute;
                height: calc(100% - 25px);
                width: 2px;
                background-color: var(--color_orange);
                left: auto;
                right: -30px;
                top: 0;
            }
        }
    }
}


.timeline_mob{
    position: relative;

    .timeline_img{
        img{
            width: 100%;
        }
    }
    .timeline_nmbr{
        text-align: center;
        span{
            background-color: var(--color_orange);
            border: 7px solid #F3E1CE;
            color: #ffffff;
            font-size: 16px;
            font-weight: 500;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px 0;
            position: relative;
            z-index: +1;
        }
    }
    .timeline_txt{
        position: relative;
        padding: 0px 0px;
        display: grid;
        gap: 15px;
        &::after{
            content: '';
            position: absolute;
            height: calc(100% - 25px);
            width: 2px;
            background-color: var(--color_orange);
            left: -30px;
            top: 0;
        }
    }
}




.future_proof{
    background-image: url('../images/future_proof_bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px 150px 0px;
}
.our_team_banner{
    background-image: url('../images/our_team.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 50px 0px;
    position: relative;
}
.our_leaders{
    padding: 50px 0px;
}
.our_core_expertise{
    background-image: url('../images/future_proof_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 100px 0px 200px 0px;
    position: relative;
}
.core_card{
    padding: 0px 20px 20px 20px;
    background-color: #FFFFFF;
    height: 100%;
    border-radius: 10px;
    top: 100px;
    position: relative;
    .core_card_header{
        background-color: var(--color_orange);
        border-radius: 10px;
        position: relative;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        height: 50px;
        width: calc(100% - 60px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        padding: 10px;
        text-align: center;
    }
    .core_card_body{
        ul{
            margin: 0px;
            li{
                list-style: none;
                padding: 0px 5px 5px 15px;
                position: relative;
                font-family: var(--font_outfit);
                &::before{
                    content: '';
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    background-image: url('../images/icons/check.png');
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    left: -15px;
                    top: 2px;
                }
            }
        }
    }
}

.why_business_trust_maverick{
    padding: 50px 0px 50px 0px;
}

/* blogs  style start here */
.blogs_banner{
    background-color: var(--color-brand_dark);
    padding: 150px 0px 100px 0px;
}


.our_blogs{
    padding: 50px 0px;
}





.blogs_card{
    margin: 10px auto;
    background: #ffffff;
    border-radius: 15px;
    &:hover{
      background: #F5F5F5;
      box-shadow: 8px 11px 8.4px 0px #00000040;
      border-radius: 15px;
    }
    img{
      height: 200px;
      width: 100%;
      border-radius: 15px 15px 0px 0px;
      object-fit: cover;
      object-position: center;
    }
    .blogs_card_content{
      padding: 15px;
      small{
        color: rgba(0, 0, 0, 0.7);
      }
      h4{
        color: rgba(0, 0, 0, 1);
        height: 65px;
        line-height: 1.5;
        overflow: hidden;
      }
      p{
        color: rgba(40, 41, 56, 0.7);
        height: 65px;
        overflow: hidden;
      }
      a{
        text-decoration: underline;
        color: var(--color_orange);
      }
    }
}
  
  
.blogs_filter_buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    .item{
        padding: 10px;
        button{
            min-width: 180px;
            padding-left: 20px;
            padding-right: 20px;
            height: 70px;
            border-radius: 10px;
            font-size: 15px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: #ffffff;
            box-shadow: 0px 3px 10px 0px #40189D26;
            border: 0px;
            color: #021C3B;
            @media (max-width: 768px) {
                min-width: auto;
            }
            &.active,
            &:hover{
            background-color: var(--color_orange);
            color: #ffffff;
            box-shadow: 0px 3px 10px 0px #40189D26;
            }
        }
    }
    .owl-nav{
      position: absolute;
      width: calc(100% + 20px);
      display: flex;
      justify-content: space-between;
      top: 50%;
      transform: translateY(-50%);
      left: -10px;
      margin-top: 0px;
      button.owl-next{
        position: absolute;
        top: -20px;
        right: 0px;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border-radius: 50%;
        box-shadow: 0px 6.05px 20.16px 0px #40189D26;
      } 
      button.owl-prev{
        position: absolute;
        top: -20px;
        left: 0;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border-radius: 50%;
        box-shadow: 0px 6.05px 20.16px 0px #40189D26;
      }
    }
  
}

  

.blog_details_content{
    .webo_logo{
      width: 70px;
      height: 70px;
      background: #01458E;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
      border-radius: 50%;
      img{
        max-width: 50px;
      }
    }
    .badge{
      background: #F2F2F2;
      color: #292929;
      padding: 8px 10px;
      border-radius: 15px;
    }
}
.likes_cmnt_card{
    box-shadow: 0px 0px 12.22px 0px #0000001A;
    max-width: 203px;
    min-width: 100px;
    padding: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
  
.comments_card{
    padding: 6px 12px;
    gap: 5px;
    border-radius: 12px;
    box-shadow: 0px 0px 12.22px 0px #0000001A;
    background: #FFFFFF;  
    .user{
      width: 50px;
      text-align: center;
    }
}
  
  
.latest_blogs_container{
    max-width: 400px;
    width: 100%;
    padding: 0px 20px 20px 20px;
}
.social_links_share_card{
    box-shadow: 0px 0px 12.22px 0px #0000001A;
    padding: 10px;
    border-radius: 12px;
    .social_links{
        display: flex;
        align-items: center;
        /* justify-content: space-between; */
        width: 100%;
        a{
        display: inline-flex;
        width: 40px;
        align-items: center;
        justify-content: center;
        color: #01458E;
        }
    }
}
.side_latest_blog_card{
    img{
        height: 100px;
        object-fit: cover;
        object-position: center;
    }
    a{
        text-decoration: none;
    }
}
  
  
.blogs_join_us{
    background-image: url('../images/blogs_join_us_bg.webp');
    background-size: cover;
    padding: 250px 0px 250px 0px;
    position: relative;
}


.blog_details{
    .navbar{
        background-color: var(--color-brand_dark);
    }
    .blog_details_banner{
        margin-top: 100px;
    }
}


  .slides_btn {
    display: none;
    & .active {
      display: block;
    }
  }
  .blog_details_banner_bg{
    /* background: #F5F5F5; */
  }
  .blog_details_img_card{
    background: #F5F5F5;
    position: relative;
    z-index: +1;
    img{
      position: relative;
    }
  }
  .blog_details_table_content_side_bar{
    position: sticky;
    top: 100px;
    margin-top: 100px;
    ul{
      list-style: none;
      /* border-left: 4px solid #CAD7E7; */
      max-height: 450px;
      overflow: auto;
      position: relative;
      a{
        margin: 15px 0px;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        display: block;
        line-height: 1.7;
        color: #666666;
        font-family: var(--font_outfit);
        position: relative;
        z-index: +9;
            &::after{
                width: 7px;
                height: calc(100% + 50px);
                position: absolute;
                content: '';
                left: -35px;
                top: 0px;
                background-color: #CAD7E7;
            }
        &.active{
          color: #FC4C02;
            &::before{
                content: '';
                position: absolute;
                left: -35px;
                top: 0px;
                width: 7px;
                height: 50px;
                z-index: +9;
                background-color: #FC4C02;
            }
        }
      }
    }
  }
  .table_of_content_section{
    position: relative;
    padding-top: 100px;
    width: 100%;
    .blog_table_of_content_hdng,h2{
        font-family: 25px;
        font-weight: 600;
        color: #14183E;
        margin-bottom: 15px;
    }
    h3{
        font-family: 22px;
        font-weight: 600;
    }
    h4{
        font-family: 20px;
        font-weight: 600;
    }
    h5{
        font-family: 18px;
        font-weight: 600;
    }
    h6{
        font-family: 18px;
        font-weight: 600;
    }
    h2,h3,h4,h5,h6,p{
        color: #14183E;
        margin-top: 15px;
    }
    p{
        font-size: 20px;
        font-weight: 400;
        margin-top: 15px;
        strong{
            font-weight: 600;
        }
    }
    a{
        color: var(--color_orange);
    }
    ol,ul{
        margin-top: 15px;
        li{
            font-size: 18px;
            font-weight: 400;
            color: #14183E;
        }
    }
  }


  .our_latest_blogs{
    background-image: url('../images/t_i_i_b.avif');
    padding: 175px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    
    position: relative;
  }



.assistive_tech_banner_section{
    /* background-color: rgb(0, 27, 60); */
    background-image: url('../images/assistive_tech_banner_bg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 150px 0px;
    position: relative;
}
.a_t_banner_img{
    position: relative;
    .m_m_rnd{
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.ai_driven_img_card_content{
    position: relative;
    top: -100px;
    background-image: url('../images/ai_driven_rect.webp');
    padding: 20px;
    margin: 10px;
    background-size: 100% 100%;
    min-height: 175px;
    padding-top: 50px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    &::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 6px;
        background: #FD7F00;
        left: 0px;
        top: 20px;
        transform: rotate(-8deg);
    }
    &::after{
        content: '';
        background-image: url('../images/maverick.webp');
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: center;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        background-color: #ffffff;
        border-radius: 50%;
        border: 4px solid #FD7F00;
        right: 25px;
        top: -15px;
    }

}

.who_get_benefits{
    padding: 150px 0px;
    background-image: url('../images/t_i_i_b.avif');
    background-size: cover;
    background-position: center;
}
.get_benefits{
    display: grid;
    gap: 25px;
    width: 250px;
    text-align: center;
    margin: 10px auto;
    .get_benefits_icons{
        width: 145px;
        height: 145px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: 0 auto;
        background-color: #FD7F00;
        img{
            height: 75px;
        }
    }
}

.assistive_client_success_story{
    padding: 50px 0px 100px 0px;
    .curv_card{
        span{
            width: 75px;
            height: 75px;
            border: 1px solid #0000001A;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            img{
                height: 40px;
                width: 40px;
            }
        }
    }
}

.case_studies_banner{
    /* background-color: rgb(0, 27, 60); */
    background-image: url('../images/assistive_tech_banner_bg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 100px 0px;
    position: relative;
}
.case_studies_proud{

}

.case_studies_proud_card{
    background: #FFFFFF;
    padding: 0px 15px 15px;
    margin-top: 75px;
    border-radius: 15px;
    /* height: 100%; */
    .case_studies_proud_card_header{
        position: relative;
        top: -20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        padding: 10px;
        background-color: #FD7F00;
        width: fit-content;
        margin: 0 auto;
        padding: 15px 20px;
        h5{
            color: #ffffff;
            font-size: 16px;
            font-weight: 500;
        }
    }
    .case_studies_proud_card_body{
        ul{
            display: grid;
            gap: 15px;
            padding: 0;
            li{
                position: relative;
                list-style: none;
                margin: 0;
                font-size: 16px;
                font-weight: 300;
                padding-left: 40px;
                b{
                    font-weight: 700;
                }
                &::before{
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    background-image: url('../images/icons/check.webp');
                    background-repeat: no-repeat;
                    left: 10px;
                    top: 60%;
                    transform: translateY(-50%);
                }
            }
        }
    }
    .case_studies_proud_card_footer{
        position: relative;
        text-align: center;
        display: grid;
        gap: 25px;
        margin-top: 20px;
    }
}


.c_s_why_choose_m_m{
    padding: 50px 0px 150px 0px;
}


.digital_marketing_banner_section{
    /* background-color: rgb(0, 27, 60); */
    background-image: url('../images/simple_rect_bg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 150px 0px;
    position: relative;
}
.d_m_banner_img{
    position: relative;
    padding: 100px;
    z-index: +9;
    &::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50% , -50%);
        background-image: url('../images/d_m_banner_bg.webp');
        z-index: -1;
    }
}

.simple_light_rect_bg{
    background-image: url('../images/simple_light_rect_bg.webp');
    background-size: cover;
    min-height: 750px;
    padding: 150px 0px 50px 0px;
    position: relative;
    &::before{
        position: absolute;
        left: 0;
        top: 70px;
        content: '';
        background-image: url('../images/simple_rect_left_ob.webp');
        background-size: contain;
        height: 70px;
        width: 200px;
    }
    &::after{
        position: absolute;
        right: 0;
        bottom: 60px;
        content: '';
        background-image: url('../images/simple_rect_right_ob.webp');
        background-size: contain;
        height: 70px;
        width: 200px;
    }
}
.py-150{
    padding-top: 150px;
    padding-bottom: 150px;
}


.curv_card{
    .curv_card_icons{
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        img{
            display: block;
            &:first-child{
                display: block;
                margin: 0 auto;
            }
            &:last-child{
                display: none;
                margin: 0 auto;
            }
        }
    }
    &:hover{
        .curv_card_icons img{
            &:first-child{
                display: none;
            }
            &:last-child{
                display: block;
            }
        }
    }
}


.discuss_project_modal {
    /* background-color: rgb(3, 27, 60, 0.2); */
    .modal-content {
        background-image: linear-gradient(to right, 
        rgba(3, 27, 60, 0.9), 
        rgba(3, 27, 60, 0.9)), url('../images/handshake.webp');
        background-size: cover;
        background-position: center;
        border-radius: 0px;
        padding: 30px 15px;
        position: relative;
        overflow: visible;
        &::before{
            position: absolute;
            left: 0;
            top: -25px;
            content: '';
            background-image: url('../images/simple_rect_left_ob.webp');
            background-size: contain;
            height: 70px;
            width: 200px;
        }
        &::after{
            position: absolute;
            right: 0;
            bottom: -50px;
            content: '';
            background-image: url('../images/simple_rect_right_ob.webp');
            background-size: contain;
            height: 85px;
            width: 200px;
        }
    }
    .btn_close {
        width: 35px;
        height: 35px;
        top: 3px;
        right: 3px;
        gap: 0px;
        background: rgba(253, 126, 0, 1);
        border: 0px solid rgba(253, 126, 0, 1);
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        border-radius: 50%;
        z-index: +9;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        &:hover{
            transform: rotate(135deg);
            transition: all 0.5s;
        }
    }
    .get_in_touch_cntnt{
        text-decoration: none;
        max-width: fit-content;
        display: flex;
        align-items: center;
        gap: 7px;
        margin: 10px 0;
        a{
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            display: block;
            color: #ffffff;
        }
        p{
            font-size: 18px;
            font-weight: 400;
        }
    }
    .get_in_touch_cntnt_icon{
        width: 45px;
        height: 45px;
        border-radius: 50%;
        font-size: 20px;
        border: 1.1px solid #C4C4C4;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}
.error{
    color: #ff0000;
}

.section_padding{
    padding: 50px 0px;
}

.privacy_policy_terms_conditions{
    h3{
        font-size: calc(1.1rem + .6vw);
    }
    p,li{
        font-size: 18px;
        color: #000;
    }

    a{
        font-size: 20px;
        font-weight: 700;
        color: #FD7F00;
        margin-bottom: 10px;
        display: inline-block;
    }
    .privacy-table{
        margin-top: 15px;
    }
    .list-ad{
        margin-top: 15px;
        li{
            font-size: 18px;
        }
    }
}




/* Case Study details Page */


.case_study_mob_slider_bg{
  background-image: url('../images/case-studies/details/case_study_mob_slider_bg.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  img{
    border-radius: 12px;
  }
}

.csd_banner{ 
  background: radial-gradient(50% 50% at 50% 50%, #744ACC 0%, rgba(116, 74, 204, 0.9) 100%);
  position: relative;
  h5{
    font-size: 1.75rem;
    font-weight: 500;
  }
}
.over_banner{
  position: relative;
  z-index: +1;
  /* margin-top: -125px; */
  padding-bottom: 10px;
  background-color: transparent;
  .over_banner_card{
    height: 125px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-radius: 32px;
    background: #FFFFFF;
    /* box-shadow: 0px 16px 32px 0px #bdbdbd; */
    box-shadow: 0px 16px 32px 0px #6D46BD0D;
  }
}
.app_status{
  box-shadow: 0px 16px 32px 0px #6D46BD0D;
  border-radius: 30px;
}
.how_does_work{
  box-shadow: 0px 16px 32px 0px #6D46BD0D;
  border-radius: 30px;
}