@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
html {
    scroll-behavior: smooth;
}
*{ box-sizing: border-box; }

input[type="text"][disabled] {
   background-color: #f7f7f7;
}
/* job view */
.job_position{
    position: relative;
}
.job_position hr{
    position: absolute;
    bottom: -12px;
    left: 30%;
    width: 30px;
    margin: 0px;
    border: 2px solid;
    border-color: transparent;
}
.hr_border ,.all_data .sub_block:hover{border-color:#00EEEB !important;}
#open_jobs{
    border-bottom: 2px solid rgb(209, 209, 209);
}
#open_jobs li{
    display: inline;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.active_position{color:#00EEEB;
}
span.job_types{
    padding:5px 10px;
    border-radius: 25px;
    background-color: white;
    color:#02211D;
    border:2px solid white;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
span.job_types:hover{  border-color:lightblue !important;  }
.job_point{  padding-inline-start: 40px; }
.job_point li{
    font-weight: 500;
    color: #3A403F;
    padding: 10px 0px;
    display: list-item;
    list-style-type: disc;
}

/* close */

#collapsibleNavbar{width:100%;}
img.logo{
    width:150px;
    cursor: pointer;
}
nav ul li{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #ffff;
    text-shadow: -1px 1px 4px rgba(43, 62, 77, 0.08);
    list-style-type: none;
}
.nav-link{width:fit-content; margin:0 auto;}
.a_expert{
    font-size: 16px;
    background: #FCA235;
    padding:8px 12px;
    border-color:#FCA235;
}

.dropdown-menu a:hover{
    box-shadow:0px 0px 0px 0px;
}


.platform_active{
    background-color: white;
}
.platform_active_p{
    color:#02211D;
}
.ecommerce_platform_bg{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(237.73deg, #08C5B3 -3.1%, #C835FC 104.65%, #FCA235 163.75%);
}
/* Designing for scroll-bar */
/* ::-webkit-scrollbar {
    width: 14px;
}
/* Handle *
::-webkit-scrollbar-thumb {
    background: #F2F9F8;
} */
.sticky-offset { top: 56px; }

body{
    font-family:Poppins;
    font-style: normal;
    color: #FFFFFF;
    box-sizing: border-box;
    font-weight: 600;
    /* max-width: 1750px;
    margin:0 auto; */
    caret-color: transparent;
}
.aboutus_bg{
    background: linear-gradient(71.94deg, #10054D 10.03%, #3D065F 68.87%, #45108A 96.27%);
}
.ourvalue_bg{
    background: linear-gradient(237.73deg, #08C5B3 -3.1%, #C835FC 104.65%, #FCA235 163.75%);
} 
.apart_bg{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(238.09deg, #C835FC 1.19%, #08C5B3 109.52%, #FCA235 168.92%);
}
.contactus_bg{
    background-image: url("/images/contact_us.jpg");
}

.methodology_bg{background:#F2F9F8;}
.landing_h_color{ color:#00EEEB; }
.brown_color{ color:#FCA235}
.brown_bg{background-color: #FCA235!important; border-color: #fca235!important;}
.frozy_bg{background-color:#08B9B1 !important; border-color:#08B9B1!important;}
.section_1_frozy_bg{background-color:#00EEEB !important; border-color:#00EEEB!important;}




h1{
    text-transform: capitalize;
}
/* section 1 */
section{
   width: 100%;
   position: relative;
}
.section_1 h1{
    font-size: 56px;
}
.section_1 p{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}
.section_1 a , .talk_to_us a{ color:#02211D;}

section .btn_2,.btn_2{
    background: rgba(2, 33, 29, 0.1);
    border-color: #FFFFFF;
    border-radius: 25px;
    background: transparent;
    color:white;
}

/* section 2 */
.section_2 p{  line-height: 27px;}



/* section 3 */
.section_3 h5{color: #00EEEB;}

.section_3 .sub_block { 
    border: 2px solid #FFFFFF; 
    border-radius: 15px; 
    width:100%;
    margin:0 auto;
    height:100%;
}
.section_3 .sub_block h3{ 
    font-size: 20px; 
    color:#00EEEB; 
}
.section_3 .sub_block p{ font-size: 16px;}
.section_3 a{
    background: #FCA235;
    color:#02211D;
    border-color: #FCA235;
}

.section_mg{
    margin-top:100px;
    margin-bottom:100px;
}

.section_margin{
    margin-top:100px;
}

.image-wrapper {
    width: 400px;
}

@media (max-width:768px) {

    .image-wrapper {
    width: 300px;
}
}
.project_block{
    margin:0 auto; 
    /* width:80%; */
}

.project_block p:last-child{
    min-height:55px;
}
.landing_img{
    width: 100%;
    height: 100vh;
}

.landing_linear{
    background: linear-gradient(180deg, rgba(178, 196, 216, 0) 21.47%, rgba(178, 196, 216, 0.104167) 32.48%, #B2C4D8 60.61%);
}
.landing_linear_service{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(238.09deg, #08C5B3 1.19%, #C835FC 109.52%, #FCA235 168.92%);
}
/* section 4 */
/* color */

.index99{ z-index: 99; }
.p_text-black{  color: #3A403F;}
.text-black{  color: #02211D;}
.text-white{ color: #FFFFFF;}
.green_color{color:#6FDA44;}
.orange_color{color:#FCA235;}
.froze_color{color: #00EEEB;}
.sub_color{color:#00A193!important;}
section{ position: relative;}
section h1{
    font-weight: 600; 
    font-size: 38px; 
}

/* design shape */
.div_shape:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px;
    z-index:1;
    background-color: white;
}
    .left_shape_r:after{ 
        bottom: -2px;
        clip-path: polygon(100% 0,100% 100%,0 100%,0 92%);
    }
    .left_shape_l:after{ 
        bottom: -98px;
        /* -webkit-clip-path: polygon(100% 0,100% 3px,0 100%,0 0%); */
        clip-path: polygon(100% 0,100% 3px,0 100%,0 0%);
    }
    .left_shape_b:after{ 
        bottom: -2px;
        clip-path: polygon(00% 0,100% 100%,0 100%,0 92%);
    }

    .right_shape_r:after{    
        bottom:-98px;
        clip-path:polygon(100% 100%,100% 0%,0% 0%,0% 5%);
    }
    .right_shape_l:after{    
        bottom:0px;
        clip-path:polygon(105% 100%,0 100%,0 100%,0 0);
    }
    .right_shape_b:after{    
        bottom:-1px;
        clip-path: polygon(00% 0, 100% 100%, 0 100%, 0 92%);
        /* background-color: #f4faf9; */
    }
    .grey_shape:after{ background-color:#B2C4D8  !important; }
    .lightgray_shape:after{ background-color:#F2F9F8  !important; }

.arrow_shape:after{
    clip-path:polygon(100% 0%,50% 100%,45% 90%,0% 0%);
    background-color: white;
    bottom:-99px;
}

/* section *{ z-index:2; } */

a{ 
    text-decoration: none;
    cursor: pointer;
    border-radius:25px;
    display: inline-block;
    cursor: pointer;
}
a:hover{
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px lightgrey;
}

.form-link:hover{
    box-shadow: none;
}
a.text-black:hover{
    color:#02211D !important;
}
 

.carousel-control-prev, .carousel-control-next{
    z-index:3;
}
.carousel-control-prev:hover, .carousel-control-next:hover{
    box-shadow: 0px 0px 0px 0px;
}
.carousel-control-prev-icon{ background-image: url("/images/arrow_prev.png"); }
.carousel-control-next-icon{ background-image: url("/images/arrow_next.png"); }
.carousel-indicators li{ background-color:#08B9B1 ; }


section a{ 
    font-size:16px;    
    padding:6px 25px;
    border:1px solid;
    font-weight: 600;
}
section p{ 
    font-size: 18px; 
    font-weight: 500;  
    color: #FFFFFF;
}
section h5{ 
    font-size: 20px;
    color:#FCA235;
}
.dropdown-menu{
    width: max-content;
    padding: 20px;
    border-radius: 8px;
    top: 60px;
    left:17%;
    transform: translateX(-17%);
}
    .dropdown-menu tbody a{
        font-size: 15px;
        font-weight: 500;
        padding: 0px;
        border: 0px;
        border-color:#828B8A;
    }
    .dropdown-menu tbody a:hover img{
        transform: scale(1.05);
    }
    .dropdown-menu tbody a:hover span{
        color:#828B8A;
    }
    .dropdown-menu tbody span{ margin-left:5px;}

    .dropdown-menu thead th{ color:#828B8A; font-weight:500; }
    .dropdown-menu tbody .border{ border-radius: 14px; }
    .dropdown-menu tbody td{ padding:7px; }

    .hidden {
        display: none;
      }

.submitform .contactus_input{
    padding: 10px 20px;
    border:1px solid lightgrey;
    border-radius: 25px;
    width: 100%;
    height: 40px;
    color:white;
    background-color: transparent;
}
.submitform .contactus_file_input{
    padding: 10px 20px;
    border:none;
    border-radius: 0px;
    width: 100%;
    height: 40px;
    color:white;
    background-color: transparent;
}
.submitform textarea{
    min-height: 100px;
    height: 150px;
    max-height:300px;
}

.ecommerce_experts .row div{ display: table; }  
/* .block {
    display: table-cell;
} */
.block{height:100%;}
.block a{ font-weight: 500 !important; }
.block img{
    margin-top: 10px;
    margin-bottom: 10px;
}
.block h2{
    font-size: 15px;
    font-weight: 600;
}
.block p{
    font-size: 16px;
    font-weight: 500;
}
/* .ecommerce_custom_block .block p{ min-height:80px; } */


.nav-link, .undo_a, .undo_a:hover{
    color: white !important;
    border: 0px !important;
    padding: 0px !important;
    min-width: 0px !important;
    background: transparent !important;
    box-shadow: 0px 0px 0px 0px !important;
}



/* nav ul li{width:25%;} */
nav ul li{padding: 8px 5px;}
/* size */
.font14{ font-size: 14px; font-weight: 400;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
li{ list-style-type: none;}
.rounded{border-radius: 8px!important;}
.li_dots li{
    list-style-type:inherit;
    width: 89%;
    margin: 0 auto;
    font-size:16px;
    font-weight:500;
    word-break: break-word;
}
ul{padding: 0px;}
.bg_none{background-color: transparent !important;}

.remove_a_class,.remove_a_class:hover{
    background-color: transparent !important;
    box-shadow: 0px 0px 0px;
    padding: 0px 0px;
    border:0px;
    display:initial;
}
footer ul.bg_none a:hover{ letter-spacing:0.1px;}


.social_icons{
    width:250px;
    text-align: right;
    float: right;
    font-size:17px;
    font-weight: 600;
    cursor: pointer;
}

.icons_body img{
    cursor: pointer;
    margin-bottom:10px;
    width:100%;
}
.talk_to_us{
    position: relative;
    padding-top:80px;
    height: 520px;
}
.talk_to_us_height{
    height: 420px;
}
.talk_to_us h5{
    color: #00EEEB;
}
.talk_to_us_body{
    width:500px;
    margin:0 auto;
}
.talk_to_us_img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    /* height: 100%; */
    height: -webkit-fill-available;
}
.programming_languages{
    width: 130px;
    text-align: center;
}
.programming_languages p{
    margin-top:10px;
}

.platforms_bg{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(236.23deg, #08C5B3 -3.03%, #C835FC 102.31%, #FCA235 160.08%);
}
.platform_block{
    border: 2px solid white;
    text-align: center;
    border-radius: 8px;
    padding:15px 5px;
    cursor: pointer;
}
.platform_block p{
    margin:5px 0px 0px 0px;
    font-weight: bold;
}

.database_block .platform_block{ 
    border-color:ghostwhite;
    cursor:default;
}

.technologies_bg{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(232.25deg, #08C5B3 -2.85%, #C835FC 96.22%, #FCA235 150.55%);
}
.ourwork_project_bg{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(210.8deg, #08C5B3 0.72%, #C835FC 66.38%, #FCA235 102.39%);
}
.api_bg{
    background: linear-gradient(55.93deg, #45108A 18.18%, #3D065F 37.88%, #10054D 88.97%);
}

.contract-staffing_bg {
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(238.09deg, #08C5B3 1.19%, #C835FC 109.52%, #FCA235 168.92%);
}
.technology_block{
    width: max-content;
}
.bg_white{background-color: white;}
.technology_block span{
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}


.web_bg{
    background: #F2F9F8;
}
.web_block div img{
    width:40px;
    float: left;
    margin-right:10px;
}
.web_block,.media_block{position: relative;}
.web_block div span{
    /* position: absolute;
    top:34%;
    left:115px;
    transform: translate(-40px,-40%); */
    word-break: break-word;
    display: grid;
    line-height: 20px;
}
.media_block div span{
    /* position: absolute;
    top:34%;
    left:115px;
    transform: translate(-40px,-40%); */
    word-break: break-word;
    display: grid;
    line-height: 20px;
}
.web_block div .border, .media_block div .border{
    width:100%;
    height:100%;
    display: inline-block;
    border-radius: 14px;
    text-transform: capitalize;
    position: relative;
    min-height: 50px;
}

.media_block div .border .services{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.media_block div span{
    font-weight: 500;
    font-size: 16px;
}
.media_block div .servicelist{
    border-radius: 50px;
    width: 16px;
    height: 16px;
    background: linear-gradient(135deg, #1885D6 0%, #23D781 100%);
    float: left;
    margin-top:2px;
    margin-right:15px;
}
.mobile_process_bg{
    background: #F2F9F8;
}
.mobile_circle{
    width: 35px;
    height: 34px;
    text-align: center;
    border-radius: 25px;
    background: #00A193;
    padding-top: 3px;
    font-weight: 600;
}
.ourwork_slider .carousel-item{
    width:450px;
}
.ourwork_slider .carousel-item img{width:100%; }
.submitform .submit_btn{
    font-size: 16px;
    padding: 6px 25px;
    border: 1px solid;
    font-weight: 600;
    width:200px;
    text-align: center;
    color: #02211D;
    border-radius:14px;
}
.submit_btn:hover{
    box-shadow: 0px 0px 5px 0px lightgrey;
}
img {
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
/* .talk_to_us a{min-width:232px;} */

/* */

img.image_width{
    margin-top:20px;
    width:350px !important;
}
.arrow_absolute{
    position: absolute;
    right: 25px;
    top:5px;
}


/* Slider */

/* close */

.engagement_bg{
    background: linear-gradient(0deg, rgba(8, 127, 116, 0.46), rgba(8, 127, 116, 0.46)), linear-gradient(238.09deg, #08C5B3 1.19%, #C835FC 109.52%, #FCA235 168.92%);
}
.circle_icon{
    position: absolute;
    width: 80px;
    height:80px;
    border-radius: 50px;
    top:-35px;
    left:50%;
    transform: translateX(-50%);
    border:3px solid #ebebeb;

} 
    .circle_icon i{
        font-size: 30px;
        padding: 22px 25px;
    }
        .circle_icon img.icons{ 
            margin-top:10px;
            margin-left:10px;
        }
        .circle_icon img.calendar{ 
            margin-top:12px;
            margin-left:15px;
        }

    .icon_user_bg{
        background: linear-gradient(135deg, #4B3F9F 0%, #8F9EE3 100%);
    }
    .icon_calendar_bg{
        background: linear-gradient(135deg, #FD3620 0%, #FEBC2F 100%);
    }
    .icon_time_bg{
        background: linear-gradient(135deg, #26AFFC 0%, #FB80D9 100%);
    }


.bottom_border{
    border:1px solid #02211D;
}
.dots_shape{
    position: absolute;
    top:-5px; 
    left:50%;
    transform: translateX(-50%); 
    background-color:black; 
    font-size:12px;
    border:2px solid white;
    border-radius: 50px;
    width: 12px;
    height: 12px;
}

.li_circle{
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: white;
    border:3px solid #00A193;
}
 
.border_radius_hiring{
    border-radius: 10px;
}

.card_body div span.d-table{
    font-weight: 500;
}

.section_3.landing_linear_service  .block a.text-white{border-color:white!important;}
b{font-weight:600;}

.techstack_block{
    min-height: 70px;
    position: relative;
}
.techstack_block p{
    font-size:14px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 18px;
    width: 100%;
}
.strength_block *{
    padding-left:5px;
    padding-right:5px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.media_block .border:hover{
    border-color:lightblue !important;
    cursor: pointer;
}
.move_to_top{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: lightblue;
    position: fixed;
    bottom: 10px;
    right:10px;
    display: none;
    border:1px solid #F2F9F8;
    z-index: 99;
    transition-duration: 1s;
}
.move_to_top:hover{padding-bottom:10px;transition-duration: 1s;}
.img_web_analytics{
    width: 250px;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    margin:0 auto;
    border:1px solid lightgrey;
}
.d_show{
    display: block;
}
.sticky {    
    max-width: 100%;
    position: fixed;
    top:0px;
    left:0px;
    background-color:#02211d;

}
.sticky li a{
    font-weight: 500!important;
}



/* for animation */
.callanexpert_model{
    position: absolute;
    top:48px;
    right:18px;   
    min-width: 150px;
    height: 80px;
    border-radius: 8px; 
    padding-top:20px;
    opacity: 0;
    pointer-events: none;
}
    .callanexpert_model a,.callanexpert_model_footer a,.callanexpert_model_contactus a{color:white!important; padding-left:10px;padding-right:10px;}

    .model_animation{  
        pointer-events: initial;      
        padding-top:0px;
        transition-duration:2s;
    }
    .jobapply input,.jobapply textarea{
        color:#3A403F!important;
    }
    .callanexpert_model_contactus, .callanexpert_model_footer{
        position: absolute;
        top:35px;
        right:200px;   
        min-width: 150px;
        height: 50px;
        border-radius: 8px; 
        padding-right:20px;
        opacity: 0;
        pointer-events: none;
    }
    .callanexpert_model_footer{top:0px; min-width:200px; }
    .callanexpert_model_footer a{min-width: 160px; color: #02211d!important; }
    .model_animation_contactus, .model_animation_footer{
        pointer-events: initial;      
        padding-right:0px;
        transition-duration:2s;
    }
    .opacity{opacity:1;}
/* animation close */


.content{
    position:relative;
    padding-bottom:30px;
    margin-bottom:20px;
}
.content a.text-white{border-color:white;}
.content a{position:absolute; bottom:0px;}

.rightside_img{
    position: absolute;
    right: -100px;
    top: 24%;
    transform: translateY(-50%);
    scale: 0.50;
}

.home-industries_img{
    position: absolute;
    right: -160px;
    top: 31%;
    transform: translateY(-50%);
    scale: 0.50;
    
}
.right10{ right:10px; }
.right40{ right:40px; }

.grey_border{
    border-color:#E5E5E5;
}

/* slider */

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
a.none{
    background: none;
    color: transparent;
    border: 0px;
    padding: 0px;
    font-size: initial;
    font-weight: normal;
}
a.none:hover{ box-shadow: 0px 0px 0px 0px;}







/*  */

/* footer */
footer ul.bg_none a{
    font-weight: 500; 
    color: inherit;
    box-shadow: 0px 0px 0px;
    padding: 0px 0px;
    width: 100%;
    background: transparent;
}
footer{
    background-color: #02211d;
}
footer ul li{
        font-weight:500;
        font-size:15px;
        Line-height :30.5px;
        text-shadow: -1px 1px 4px rgba(43, 62, 77, 0.08);
    }

footer h5{
        color: #00EEEB;
        font-size: 16px;
        line-height: 24px;
        text-shadow: -1px 1px 4px rgba(43, 62, 77, 0.08);
    }

footer a{
        font-size: 14px; 
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 8px 16px;
        background: #FCA235;
        font-weight: 600;
        min-width: 192px;
    }
.footer_image{
    position:absolute;
    bottom:-33px;
    right: 13%;
    transform: translateX(-13%);
}


.ondesktop,.desktopmenu{ display: inline-block;  }
.onmobile,.mobilemenu,.wallpaper_onmobile{ display: none;  } 


@media (min-width: 2250px){
    .rightside_img , .home-industries_img {right:350px!important}
}
@media (min-width: 1920px){
    .rightside_img  , .home-industries_img {right:130px!important;}
}

@media (min-width: 1300px){
    .icons_body .col-xl-2{
        flex:0 0 20%; max-width:20%;
    }
}


@media (max-width: 1300px){
    .talk_to_us_img{object-fit: cover;}
    .ondesktop{ display: none;  }
    .onmobile{ display: inline-block;  }
}
    @media screen and (max-width: 1199px){        
        .dropdown-menu{left:100%!important;transform: none; width: auto;}
        .mobilemenu{display: block;}
        .mobilemenu p{
            font-size:16px;
            font-weight: 500;
            color:#828B8A;
            margin:15px 0px 0px 15px;            
        }
        .desktopmenu{display: none}
        .arrow_shape:after{ bottom: -98px; }
        .dropdown-menu{overflow-y: auto; height:auto;}
    }
    @media screen and (max-width: 991px){        
        .wallpaper_ondesktop{display:none}
        .wallpaper_onmobile{display:initial}
    }
    @media screen and (max-width: 1199px){ 
        #open_jobs{  border-color:transparent  }
        #open_jobs li{  display: inherit;  }
        #open_jobs li:before{
            content: '>';
        }
        #open_jobs li.active_position:before{
            color:turquoise;
        }
        .job_position hr{display: none;}
        #open_jobs li:before:hover{
            padding-left: 5px;
            transition-duration: 1s;
        }
    }
  
    @media screen and (max-width: 786px){
        .talk_to_us_body{width:100%;}
        /* .section_1 a{ min-width: 232px; } */
    }
        @media screen and (max-width: 576px){
            section h1,h1{font-size:30px !important;}
            .section_1 p,p{font-size:18px !important;}
            .icons_body{text-align: center;}
            .icons_body img{margin-right:0px;}
        }
        @media screen and (max-width: 370px){            
            .mobilemenu a{font-size: 15px;}
        }



/* testimonial slider styling */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
figure.snip1192 {
 
  position: relative;
  overflow: hidden;
  margin: 10px;
  /* min-width: 220px;
  max-width: 310px; */
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important;
}
figure.snip1192 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1192 img {
  max-width: 100%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
  display: inline-block;
  z-index: 10;
  position: relative;
}
figure.snip1192 blockquote {
  margin: 0;
  color: #fff;
  display: block;
  border-radius: 20px;
  position: relative;
  background-color: #fafafa;
  padding: 30px 50px 65px 50px;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 -50px;
  min-height: 250px;
  max-height: 350px ;
  line-height: 1.6em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  background: linear-gradient(0deg, rgb(8 127 116 / 17%), rgb(8 127 116 / 21%)), linear-gradient(237.73deg, #08c5b385 -3.1%, #c835fc61 104.65%, #fca23573 163.75%);
}
figure.snip1192 blockquote:before,
figure.snip1192 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1192 blockquote:before {
  top: 35px;
  left: 20px;
}
figure.snip1192 blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 35px;
}
figure.snip1192 .author {
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}
figure.snip1192 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 800;
}
figure.snip1192 .author h5 span {
  font-weight: 400;
  text-transform: none;
  display: block;
}



/* adantages cards */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Oswald:wght@500&display=swap');
/* @import url('https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css');     */

    /* grid layout */
    ol, ol::before, ol::after, 
    ol *, ol *::before, ol *::after { margin: 0; padding: 0; box-sizing: border-box }
    ol { 
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive columns */
        gap: 1rem; /* Equal spacing between items */
        padding: 1rem; /* Optional padding around the grid */
        width: 100%;
        margin-inline: auto;
        padding-block: 1rem;
        
        list-style: none;
        counter-reset: count;
    }
    
    /* card layout/styling */
    ol > li {
        /* z-index: 10; */
        min-height: 300px;
        --card-background-color: #f0f0f0;
        --card-text-color: #0F0F0F;
        --card-border-radius: 0.5rem;
        --card-padding-block: 1.5rem;
        --card-padding-inline: 1rem;
     
     --outset-size: 0.75rem;
     --outset-background-color: #e5e5e5;
     
     --number-font-size: 3rem;
     --number-overlap: 0.5rem;
     /* --number-font-family: 'Oswald', sans-serif; */
     --number-font-weight: 500;
     
     margin: var(--outset-size);
     margin-top: calc(var(--number-font-size) - var(--number-overlap));
     border-radius: var(--card-border-radius);
     padding-block: var(--card-padding-block);
     padding-inline: var(--card-padding-inline);
     
     color: var(--card-text-color);
     background-color: var(--card-background-color);
     box-shadow: 
       inset 1px 1px 0px rgb(255 255 255 / .5),
       inset -1px -1px 0px rgb(0 0 0 / .25),
       calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(0 0 0 / .25);
     position: relative;
     counter-increment: count;
   }
   
   ol > li::before{
       content: "";
       position: absolute;
       width: calc(100% + (var(--outset-size) * 2));
       height: 100%;
       bottom: calc(var(--outset-size) * -1);
       left: calc(var(--outset-size) * -1);
       z-index: -1;
       
       border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size));
       border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size));
       
       background-color: var(--outset-background-color);
       
       background-image: 
         linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),
         linear-gradient(135deg, var(--accent-color) 80%, var(--outset-background-color) 0);    
     }
   
     
   /* card content */
  
   .font-icon{
     font-size: 3rem;
     text-align: center;
     margin-bottom: calc(var(--card-padding-block) * .5);
   }
   .title {
     text-transform: uppercase;
     /* font-family: 'Oswald', sans-serif; */
     text-align: center;
     font-size: 24px;
     color: var(--accent-color)
   }
   .descr {
     color: var(--text-color);
     font-size: 16px;
    
     text-align: center;
   }

   img.image-negative {
    margin-bottom: -76px;
}

image.image-margin{
    margin-bottom: -25px;
}



.image-negative-2{
    margin-bottom: -85px;
}

@media (max-width: 1024px) {
    img.image-negative {
        margin-bottom: -28px;
    }
    .image-negative-2{
        margin-bottom: -26px;
    }
}



/* recruitement-process styling  */

.box {
    -webkit-box-shadow: 0px 12px 6px -6px rgba(41,41,41,0.25);
    -moz-box-shadow: 0px 12px 6px -6px rgba(41,41,41,0.25);
    box-shadow: 0px 12px 6px -6px rgba(41,41,41,0.25); 
     /* padding: 0; */
  }
  
  .step1 {
    z-index: 2;
  }
  
  .step2 .animated {
    -webkit-animation-delay: 1s; 
    animation-delay: 1s;
    position: relative;
    top: -6px;
  }
  
  .step3 .animated {
    -webkit-animation-delay: 2s; 
    animation-delay: 2s;
    z-index: -3;
    position:relative;
    top: -12px;
  }
  
  .step4 .animated {
    -webkit-animation-delay: 3s; 
    animation-delay: 3s;
    z-index: -5;
    position: relative;
    top: -18px;
  }
  .step5 .animated {
    -webkit-animation-delay: 4s; 
    animation-delay: 4s;
    z-index: -6;
    position: relative;
    top: -24px;
  }
  .step6 .animated {
    -webkit-animation-delay: 5s; 
    animation-delay: 5s;
    z-index: -7;
    position: relative;
    top: -30px;
  }
  
  .shape {
      width: 150px;
      height: 120px;
      -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    -webkit-box-shadow: 0px 12px 30px -6px rgba(41,41,41,0.25);
    -moz-box-shadow: 0px 12px 30px -6px rgba(41,41,41,0.25);
    box-shadow: 0px 12px 30px -6px rgba(41,41,41,0.25);
    top: 10px;
    left: 8px;
    text-align: center;
  }
  
  .shape-1 .shape{
    background: #e74c3c;
  }
  
  .shape-1 .material-icons {
    color: #e74c3c;
  }
  
  .shape-2 .shape{
    background: #34495e;
  }
  
  .shape-2 .material-icons { 
    color: #34495e;
  }
  
  .shape-3 .shape {
    background: #f39c12;
  }
  
  .shape-3 .material-icons { 
    color: #f39c12;
  }
  
  .shape-4 .shape {
    background: #3498db;
  }
  .shape-5 .shape {
    background: #e74c3c;
  }
  .shape-6 .shape {
    background: #34495e;
  }
  
  .shape-4 .material-icons { 
    color: #3498db;
  }
  
  .number {
    -webkit-transform: skew(-20deg);
      -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
  }
  
  .number h1 {
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    padding-top: 20px;
    transform:scale(2,3); 
    -webkit-transform:scale(2,3); 
    -moz-transform:scale(2,3); 
    -ms-transform:scale(2,3); 
    -o-transform:scale(2,3); 
  }
  
  .content-box  {
    padding-top :25px;
  }
  .box p {
    font-weight: 300;
    /* padding-top: 25px; */
  }
  .box h3 {
   text-transform: capitalize;
  }
  
 
  
  .md-56 {
    font-size: 56px;
    padding-top: 30px;
  }
  .continue .btn {
    margin-top: 40px;
    -webkit-animation-delay: 4s; 
    animation-delay: 4s;
  }


  @media (max-width : 768px) {
    .number h1 {
        color: #fff;
        font-weight: 700;
        letter-spacing: 2px;
        padding-top: 8px;
        
        font-size: 40px !important;
        transform:none; 
        -webkit-transform:none;
        
       
    }

    .shape {
        width: 90%;
        height: 60px;
        top: 10px;
        left: 20px;
       
    }

    
.box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
     /* padding: 0; */
  }

  .image-spacing{
margin-bottom: -20px;
  }
    
  }


  /* @import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One|Josefin+Slab'); */


@keyframes darken {
  0%{   color:#00EEEB;}
  50%{ color:#fff}
  100% { color:#FCA235}
}
 
.advantage-img{
    margin-bottom: 0px;
}

@media (max-width: 576px){
    .advantage-img{
        margin-bottom: -20px !important;
    }
}


h1.title-404 {
    font-size: 250px;
  /* font-family: 'Alfa Slab One', cursive; */
  margin: 0 auto;
  inline: block;
  text-align: center;
  animation-name: darken;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

h3.text-404 {
  /* font-family: 'Josefin Slab', serif; */
  margin: 0 auto;
  inline: block;
  text-align: center;
  font-size: 30px;
  animation-name: darken;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
.pos {
    position: relative;
    bottom: 34px;
}

.pos-sticky{
    position: relative;
    bottom: 21px;
}
@media (max-width: 768px) {
    h1.title-404 {
        font-size: 150px !important;
     
    }

    h3.text-404 {
       
        font-size: 20px;
        
      }

      .pos-sticky {
        position: relative;
        bottom: 17.5px;
    }
    .pos {
        position: relative;
        bottom: 34px;
    }

    
}




 /* General Input Styling */
     .type-of-hire {
      border: 2px solid #fff;
      background: transparent;
      color: #fff;
      font-size: 1rem;
      border-radius: 8px;
      padding: 0.5rem 1rem;
      transition: border-color 0.3s ease;
    }

     .type-of-hire:focus {
      outline: none;
      /* border-color: #6c63ff; */
      /* box-shadow: 0 0 8px rgba(108, 99, 255, 0.8); */
      background-color: transparent;
      color: #000;
    }

    /* Dropdown Arrow Customization */
    .type-of-hire {
      appearance: none; /* Removes default dropdown arrow */
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' width='24px' height='24px'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 1rem center;
      background-size: 1.5rem;
    }

    /* Styling for Select when Disabled */
    .type-of-hire:disabled {
      opacity: 0.6;
    }
    




    /* Adjust the width and height of the phone input field */
    .iti {
        position: relative;
        width: 100%;
    }

.iti__selected-flag {
    height: 100%; /* Make it the same height as the input field */
    border: none;
    background-color: #fff; /* Match the form's background */
    border-radius: 25px 0 0 25px; /* Match input field's border radius */
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.iti__arrow {
    margin-left: 8px;
}


/* Style the phone number input */
#phone {
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    padding: 10px 12px;
    padding-left: 70px; /* Offset for the flag container */
    font-size: 16px;
    box-sizing: border-box;
    width: 100%;
    height: 45px; /* Ensure it matches the height of other inputs */
}



/* Dropdown container styling */
.iti__country-list {
    background-color: #ffffff; /* Set dropdown background to white */
    border: 1px solid #ccc; /* Add a light border */
    border-radius: 5px; /* Match input field radius */
    max-height: 250px; /* Limit height to avoid overflowing */
    overflow-y: auto; /* Enable scrolling for long lists */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
    z-index: 100; /* Ensure dropdown is above other elements */
}

/* Individual country item */
.iti__country {
    display: flex; /* Flexbox for aligning flag and text */
    align-items: center; /* Vertically align flag and text */
    padding: 8px 12px; /* Add padding for better spacing */
    font-size: 14px; /* Font size for readability */
    color: #333; /* Darker text for better contrast */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.2s ease-in-out; /* Smooth hover effect */
}

/* Hover effect for dropdown items */
.iti__country:hover {
    background-color: #f7f7f7; /* Light gray hover background */
}

/* Active/selected country */
.iti__country.iti__highlight {
    background-color: #f0f0f0; /* Highlighted background */
    font-weight: bold; /* Bold text for emphasis */
}

/* Country flag */
.iti__flag {
    margin-right: 10px; /* Space between flag and country text */
    width: 20px; /* Standard flag width */
    height: 15px; /* Standard flag height */
}

/* Preferred countries group styling */
.iti__preferred {
    /* border-bottom: 1px solid #ddd; Separate preferred countries */
    margin-bottom: 5px;
    /* padding-bottom: 5px; */
}

/* No preferred countries section */
/* .iti__country-list .iti__divider {
    border-top: 1px solid #ddd; 
    margin: 5px 0
} */

/* Scrollbar styling for better appearance */
.iti__country-list::-webkit-scrollbar {
    width: 8px;
}

.iti__country-list::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Light gray scrollbar */
    border-radius: 4px; /* Rounded scrollbar */
}

.iti__country-list::-webkit-scrollbar-thumb:hover {
    background-color: #aaa; /* Darker gray on hover */
}