@charset "utf-8";

/* CSS Document */

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width: 2560px) {
    .slider_image_caption_item img{
        width: 600px !important;
    }
    
    .slider_img_03{
        right: -165px;
    }

    .certification_con{
        margin-bottom: 80px;
    }
}

/* Large Devices, Wide Screens */

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

}

/* Large Devices, Wide Screens */

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

    .slider_image_caption_item img {
        width: 500px !important;
    }

    .slider_img_02 {
        left: 265px;
    }

    .slider_img_01 {
        left: 35px;
        z-index: 99;
    }

    .testi_text_col{
        padding-left: 60px;
    }

}

/* Large Devices, Wide Screens */

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

    .caption_text h1{
        font-size: 25px;
    }

    .slider_image_caption_item img {
        width: 465px !important;
    }

    .slider_img_01 {
        left: 0px;
        z-index: 99;
    }

    .slider_img_02 {
        left: 215px;
    }
    
    .slider_img_03 {
        right: -120px;
    }

}


/* Large Devices, Wide Screens */

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


}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {

    .slider_image_caption_item img {
        width: 400px !important;
    }

    .slider_img_01 {
        display: none !important;
    }

    .slider_img_02 {
        left: 315px;
    }

    .all_prod_section {
        padding-top: 200px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .indiv_prod_section{
        background-image: none !important;
        background-color: #363062;
    }

    .product_text_col {
        padding-bottom: 20px;
    }

    .news_section {
        height: auto;
        background-image: none !important;
        background-color: #FF004D;
    }

}

/* Large Devices, Wide Screens */

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

    #main_slider .carousel_caption_col h1{
        font-size: 30px;
    }

    .member_img {
        width: 100%;
    }

    .navbar .megamenu {
        width: 100% !important;
    }

}

/* Medium Devices, Desktops */

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

    .inner_page_top_section .carousel-caption {
        padding-left: 10px;
    }

    .top_nav_bar_ul{
        position: relative;
    }

    .navbar-collapse {
        margin-right: 0px;
        margin-top: 5px;
    }

    .heading {
        font-size: 25px;
    }

    .menu_logo {
        width: 95px;
    }

    .menu_logo p{
        font-size: 10px;
        margin-top: 5px !important;
        color: #ffffff;
    }

    .navbar-toggler{
        background-color: #ffffff !important;
    }

    .nav-link {
        text-align: center;
    }

    .navbar-toggler {
        margin-right: 55px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
        background-color: rgba(54, 48, 98, 0.9);
        text-align: center;
    }

    .top_menu_sub_item p {
        text-align: left;
    }

    .dropdown-menu .g-3 {
        --bs-gutter-y: 0rem !important;
    }

    .site_search_ul {
        padding: 1px 15px;
        position: absolute;
        right: 25px;
        top: 45px;
    }

    .main_slider .carousel-item {
        background: no-repeat center top scroll;
        background-size: cover;
    }

    .main_slider .carousel_caption_col h1{
        color: #ffffff !important;
    }

    .main_slider .carousel_caption_col p{
        color: #ffffff !important;
    }

    .main_slider .caption_text {
        width: 100%;
    }

    .main_slider .carousel-caption{
        padding-left: 30px;
    }

    .inner_page_top_section .carousel-item{
        background-image: url(../images/mobile_bg.jpg) !important;
        height: 345px;
    }

    .inner_page_top_section .caption_text{
        width: 100%;
        padding-left: 15px;
    }

    .inner_page_top_section .slider_image_caption_item{
        display: none !important;
    }

    .inner_page_top_section .carousel_caption_col h1{
        color: #ffffff !important;
    }

    .inner_page_top_section .carousel_caption_col p{
        color: #ffffff !important;
    }

    .breadcrumb{
        width: 100%;
        padding-left: 15px;
    }

    .footer_logo_text_div .border-start{
        border: none !important;
    }

    .footer_logo_text_div .ps-4{
        padding-left: 15px !important;
    }

    .progress-wrap{
        right: 20px;
    }

    .event_calen_div{
        right: 20px;
    }

    .carousel-control-next, .carousel-control-prev {
        position: relative;
        margin-top: -90px;
        right: 30px;
    }

    .carousel-control-prev {
        left: -80px;
    }

    .stats_section{
        background-image: none !important;
        background-color: #ffffff;
        padding-left: 15px;
    }

    .stat_box_col {
        padding: 0px 30px;
    }

    .prod_card{
        height: 500px;
    }

    .prod_section{
        height: auto;
        background-image: none !important;
        background-color: #363062;
    }

    .main_pro_con{
        position: relative !important;
        padding: 0px;
    }

    .main_pro_con br{
        display: none;
    }

    .all_prod_section {
        padding-top: 150px;
    }

    .news_section{
        height: auto;
        background-image: none !important;
        background-color: #FF004D;
    }

    .news_main_row .ps-5{
        padding-left: 15px !important;
    }

    .news_box_div {
        height: 550px;
    }

    .sub_news_box_div {
        height: 450px;
    }

    .button-icon-container {
        right: 20px;
    }

    .award_first_sec{
        background-color: #818FB4;
        background-image: none;
    }

    .award_second_sec{
        background-color: #363062;
        background-image: none;
    }

    .history_section{
        background-color: #3D3D3D;
        background-image: none;
    }

    .job_form_col {
        background-color: #363062;
        padding: 60px 30px 30px 30px;
    }

    .subs_img{
        width: 100% !important;
    }

    .upcoming_sec .text-end {
        text-align: left !important;
        margin-top: 10px;
    }

    .news_box_caption {
        padding: 20px;
    }

    .direc_arrow_img_div{
        margin: auto;
        transform: rotate(90deg);
    }

    .all_prod_section{
        background-image: none !important;
        background-color: #3D3D3D;
    }

    .our_team_text_col {
        margin-top: 0px;
    }

    #testi_slider {
        min-height: auto;
    }

    .news_tag_div{
        min-height: auto;
    }

    .mobile_app_row .mobile_app_img {
        position: relative;
        right: 0px;
        top: 60px;
    }

    .mobile_app_text_col {
        padding-left: 48px !important;
        padding-top: 100px !important;
    }

    .cus_chargers_row img{
        position: relative !important;
    }

    .cus_chargers_row col{
        padding: 40px !important;
    }

    .cus_chargers_con{
        padding-left: 40px;
        padding-right: 40px;
    }

    .cus_chargers_row{
        display: flex;
        flex-direction: column-reverse;
    }

    .chargers_text_col{
        padding-bottom: 0px !important;
    }

    .marquee img {
        width: 100px !important;
    }

    .pro_flow_img{
        width: 100% !important;
    }

    .pro_number{
        left: auto !important;
    }

    .member_text_col {
        padding-left: 15px;
    }

    .social_section {
        background-image: none;
        background-color: #ffffff;
    }

    .digital_sig_section{
        background-image: none;
        background-color: #372f64;
        height: auto;
    }


    .owl-nav{
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .owl-nav .owl-prev{
        position: relative !important;
        margin-top: 15px;
        left: 0px !important;
    }

    .owl-nav .owl-next{
        position: relative !important;
        margin-top: 15px;
    }

    .inter_partner_section{
        padding-bottom: 0px;
    }

    .certification_con{
        margin-bottom: 50px;
    }

    .step_section_col .d-flex{
        display: block !important;
    }

    .chatbot_icon {
        right: 22px;
    } 

}

/* Extra Small Devices, Phones */

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

    .land_btn {
        margin-right: 20px;
    }
  
}

/* Extra Small Devices, Phones */

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

    .land_btn {
        margin-right: 0px;
    }

    .heading {
        font-size: 25px;
        font-weight: 700;
    }

    .sub_heading {
        font-size: 17px;
    }

    .year_box{
        margin-left: inherit !important;
    }

    .milestone_text_left {
        border-left: transparent;
    }

    .second_miles_row{
        flex-direction: column-reverse;
    }

    .time_line_section .pe-0{
        padding-left: 0px !important;
    }

    .milestone_text_right {
        text-align: left;
        border-right: transparent;
    }

    .milestone_text_right .ms-auto{
        margin-left: inherit !important;
    }

    .dotted_circle_left {
        left: 92px;
        top: 25px;
        right: inherit;
    }

    .dotted_circle_right{
        top: 25px;
    }

    .time_line_section .ps-0{
        padding-right: 0px !important;
    }

    .all_prod_section{
        background-color: #3D3D3D;
        background-image: none;
    }

    .column_rivers_change{
        flex-direction: column-reverse;
    }

    .bank_logo_slider_box {
        background-color: #ffffff !important;
    }

    .member_img {
        width: 100%;
    }

    .footer_logo img{
        width: 120px !important;
    }

    .mobile_cus_pad_top{
        padding-top: 80px !important;
    }

    .footer_about_col{
        margin-bottom: 30px;
    }

    .digital_sig_section{
        height: auto !important;
        background-image: none;
        background-color: rgba(82,75,132,1);
    }

    .step_section_col .d-flex{
        display: block !important;
    }
 
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 575px) {
  
    .stat_box_col {
        padding: 0px 15px;
    }

    .partnership_div{
        padding: 5px !important;
    }
    
    .inter_partner_section{
        padding-bottom: 10px;
    }

    .subs_img{
        width: 60% !important;
    }

    .nav-pills .nav-link {
        padding: 5px;
    }

    .pagination li a {
        font-size: 12px;
        padding: 7px 7px;
    }

    .all_prod_section {
        padding-top: 50px;
    }

    .land_btn {
        margin-right: 44px;
    }

    .mobile_slider_social_media_con{
        display: none !important;
    }

    .offcanvas {
        width: 333px;
        height: 337px !important;
        margin: 15px;
    }

    .nav-pills .nav-item .nav-link.active::before {
        margin-top: 24px;
    }

    .nav-pills .nav-link {
        margin-bottom: 10px;
    }

    .testi_text_col{
        padding-left: 20px;
    }

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
  
    .p-5 {
        padding: 2.5rem!important;
    }

    .inner_page_top_section .carousel-item {
        height: 390px;
    }

    .award_img_box {
        position: relative;
        width: 95px;
        margin-right: 15px;
    }

    .certification_con {
        margin-bottom: 0px;
    }

}

/* Custom, iPhone Retina */

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

/* Custom, iPhone Retina */

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

    .nav-pills .nav-link {
        margin-bottom: 10px;
    }

}

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